MediaWiki:Minerva.css: Difference between revisions

no edit summary
(Implement dark mode from Common.css)
 
No edit summary
Line 1: Line 1:
table.lighttable .highlight-over {
background-color:#ddd
}
table.lighttable .highlight-on {
background-color:#cfc
}
a {
color:#29d;
}
a:visited {
color:#18c;
}
/* Prevent math formulas from overflowing the width of the page */
mjx-math {
  display: inline-grid !important;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
}
.messagebox,
.errorbox,
.warningbox,
.successbox {
color: #000;
margin-bottom: 1em;
border: 1px solid;
padding: 0.5em 1em;
}
.messagebox h2,
.errorbox h2,
.warningbox h2,
.successbox h2 {
color: inherit;
display: inline;
margin: 0 0.5em 0 0;
border: 0;
font-size: 1em;
font-weight: bold;
}
.messagebox {
background-color: #eaecf0;
border-color: #a2a9b1;
}
.errorbox {
background-color: #fee7e6;
border-color: #d33;
}
.warningbox {
background-color: #fef6e7;
border-color: #fc3;
}
.successbox {
background-color: #d5fdf4;
border-color: #14866d;
}
.infobox, .noticebox {
float:right;
clear:right;
max-width:250px;
margin-left:10px;
}
.noticebox {
margin: 0.5em;
padding: 0.5em;
border:1px solid;
background-color:#e6edfe;
border-color:#0088dd;
}
.messagebox {
clear:both;
width:500px;
margin:auto;
margin-bottom:0.5em;
border-width:1px;
border-left:8px solid #0088dd !important;
}
@media screen and (max-width:850px) {
.infobox, .noticebox, .messagebox {
max-width:100%;
min-width:250px;
float:none;
clear:both;
width:100%;
margin:0 0 .5em 0;
}
}
.mw-code,
.mw-script {
tab-size: 4;
}
.mw-collapsible-toggle {
padding-left:0.2em;
padding-right:0.2em;
}
.col-1-left td:nth-child(1) { text-align: left; }
.col-2-left td:nth-child(2) { text-align: left; }
.col-3-left td:nth-child(3) { text-align: left; }
.col-4-left td:nth-child(4) { text-align: left; }
.col-5-left td:nth-child(5) { text-align: left; }
.col-6-left td:nth-child(6) { text-align: left; }
.col-7-left td:nth-child(7) { text-align: left; }
.col-8-left td:nth-child(8) { text-align: left; }
.col-9-left td:nth-child(9) { text-align: left; }
.col-1-center td:nth-child(1) { text-align: center; }
.col-2-center td:nth-child(2) { text-align: center; }
.col-3-center td:nth-child(3) { text-align: center; }
.col-4-center td:nth-child(4) { text-align: center; }
.col-5-center td:nth-child(5) { text-align: center; }
.col-6-center td:nth-child(6) { text-align: center; }
.col-7-center td:nth-child(7) { text-align: center; }
.col-8-center td:nth-child(8) { text-align: center; }
.col-9-center td:nth-child(9) { text-align: center; }
.col-1-right td:nth-child(1) { text-align: right; }
.col-2-right td:nth-child(2) { text-align: right; }
.col-3-right td:nth-child(3) { text-align: right; }
.col-4-right td:nth-child(4) { text-align: right; }
.col-5-right td:nth-child(5) { text-align: right; }
.col-6-right td:nth-child(6) { text-align: right; }
.col-7-right td:nth-child(7) { text-align: right; }
.col-8-right td:nth-child(8) { text-align: right; }
.col-9-right td:nth-child(9) { text-align: right; }
/* Common text & table cell styles */
.table-positive {
background-color: #90ee90;
}
.table-negative {
background-color: #ffb6c1;
}
.table-neutral {
background-color: #fce8b2;
}
.table-na {
background-color: #eaecf0;
color: #666;
text-align: center;
}
.table-img {
text-align: center;
min-width: 25px;
}
.text-positive {
color: green;
}
.text-negative {
color: red;
}
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* Dark theme rules below, these apply when the user has their OS or
/* Dark theme rules below, these apply when the user has their OS or