MediaWiki:Minerva.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 29: | Line 29: | ||
} | } | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
.infobox, | body.skin-minerva .infobox, | ||
.infobox-table, | body.skin-minerva .infobox-table, | ||
.infobox-header, | body.skin-minerva .infobox-header, | ||
.infobox-image-container, | body.skin-minerva .infobox-image-container, | ||
.infobox-image, | body.skin-minerva .infobox-image, | ||
.infobox-caption, | body.skin-minerva .infobox-caption, | ||
.infobox-data-row { | body.skin-minerva .infobox-data-row { | ||
background-color: #1e1e1e | background-color: #1e1e1e; | ||
color: #f8f9fa | color: #f8f9fa; | ||
border-color: #555 | border-color: #555; | ||
} | } | ||
.infobox-caption { | body.skin-minerva .infobox-caption { | ||
color: #ccc | color: #ccc; | ||
} | } | ||
.infobox-data-row th, | body.skin-minerva .infobox-data-row th, | ||
.infobox-data-row td { | body.skin-minerva .infobox-data-row td { | ||
color: #f8f9fa | color: #f8f9fa; | ||
} | } | ||
} | } | ||
Revision as of 04:09, 26 May 2025
/* All CSS here will be loaded for users of the MinervaNeue skin */
/* Mobile override for infobox */
.infobox-float {
float: none !important;
clear: both !important;
margin: 1em auto !important;
display: block !important;
width: auto !important;
max-width: 90% !important;
top: 0 !important;
position: relative;
}
/* Light mode (default) */
.infobox,
.infobox-table,
.infobox-header,
.infobox-image-container,
.infobox-image,
.infobox-caption,
.infobox-data-row {
background-color: #f8f9fa;
color: #000;
}
.infobox-caption {
color: #000;
}
@media (prefers-color-scheme: dark) {
body.skin-minerva .infobox,
body.skin-minerva .infobox-table,
body.skin-minerva .infobox-header,
body.skin-minerva .infobox-image-container,
body.skin-minerva .infobox-image,
body.skin-minerva .infobox-caption,
body.skin-minerva .infobox-data-row {
background-color: #1e1e1e;
color: #f8f9fa;
border-color: #555;
}
body.skin-minerva .infobox-caption {
color: #ccc;
}
body.skin-minerva .infobox-data-row th,
body.skin-minerva .infobox-data-row td {
color: #f8f9fa;
}
}