5,798
edits
MediaWiki:Minerva.css: Difference between revisions
From Melvor Idle
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 | ||
