MediaWiki:Minerva.css: Difference between revisions
mNo edit summary Tags: Mobile edit Mobile web edit Advanced mobile edit |
mNo edit summary |
||
| (20 intermediate revisions by the same user not shown) | |||
| Line 8: | Line 8: | ||
display: block !important; | display: block !important; | ||
width: auto !important; | width: auto !important; | ||
max-width: min( | max-width: min(350px, 95%) !important; | ||
top: 0 !important; | top: 0 !important; | ||
position: relative; | position: relative; | ||
| Line 15: | Line 15: | ||
/* Dark mode override */ | /* Dark mode override */ | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
html, | |||
body.skin-minerva { | |||
background-color: #101318 !important; | |||
} | |||
body.skin-minerva .infobox, | body.skin-minerva .infobox, | ||
body.skin-minerva .infobox-table, | body.skin-minerva .infobox-table, | ||
| Line 55: | Line 60: | ||
body.skin-minerva .art-infobox-data-row td { | body.skin-minerva .art-infobox-data-row td { | ||
color: #f8f9fa; | color: #f8f9fa; | ||
} | |||
body.skin-minerva .editorial-notation-tooltip-box { | |||
background-color: #2a3b4f !important; | |||
} | } | ||
| Line 91: | Line 100: | ||
body.skin-minerva #rename-notice { | body.skin-minerva #rename-notice { | ||
background-color: #4e5c3f !important; | background-color: #4e5c3f !important; | ||
} | |||
body.skin-minerva #update-notice { | |||
background-color: #16323e !important; | |||
} | } | ||
} | } | ||
| Line 100: | Line 113: | ||
body.skin-minerva #rename-notice, | body.skin-minerva #rename-notice, | ||
body.skin-minerva #spoiler-notice, | body.skin-minerva #spoiler-notice, | ||
body.skin-minerva #theory-notice { | body.skin-minerva #theory-notice, | ||
body.skin-minerva #update-notice{ | |||
max-width: 100% !important; | max-width: 100% !important; | ||
width: auto !important; | width: auto !important; | ||
} | } | ||
Latest revision as of 00:58, 11 June 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: min(350px, 95%) !important;
top: 0 !important;
position: relative;
}
/* Dark mode override */
@media (prefers-color-scheme: dark) {
html,
body.skin-minerva {
background-color: #101318 !important;
}
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 .art-infobox,
body.skin-minerva .art-infobox-table,
body.skin-minerva .art-infobox-header,
body.skin-minerva .art-infobox-image-container,
body.skin-minerva .art-infobox-image,
body.skin-minerva .art-infobox-caption,
body.skin-minerva .art-infobox-data-row {
background-color: #1e1e1e;
color: #f8f9fa;
border-color: #555;
}
body.skin-minerva .infobox-caption {
color: #ccc;
}
body.skin-minerva .art-infobox-caption {
color: #ccc;
}
body.skin-minerva .infobox-data-row th,
body.skin-minerva .infobox-data-row td {
color: #f8f9fa;
}
body.skin-minerva .art-infobox-data-row th,
body.skin-minerva .art-infobox-data-row td {
color: #f8f9fa;
}
body.skin-minerva .editorial-notation-tooltip-box {
background-color: #2a3b4f !important;
}
body.skin-minerva #editlock {
background-color: #173a5e !important;
}
body.skin-minerva #welcome-notice {
background-color: #2f352a !important;
}
body.skin-minerva #claim-notice {
background-color: #4a4a2e !important;
}
body.skin-minerva #copyright-notice {
background-color: #2e2f33 !important;
}
body.skin-minerva #delete-notice {
background-color: #594800 !important;
}
body.skin-minerva #spoiler-notice {
background-color: #5a1a1a !important;
}
body.skin-minerva #theory-notice {
background-color: #2d3443 !important;
}
body.skin-minerva #top-notice {
background-color: #554400 !important;
}
body.skin-minerva #rename-notice {
background-color: #4e5c3f !important;
}
body.skin-minerva #update-notice {
background-color: #16323e !important;
}
}
/* NOTICE WIDTH */
body.skin-minerva #claim-notice,
body.skin-minerva #copyright-notice,
body.skin-minerva #delete-notice,
body.skin-minerva #rename-notice,
body.skin-minerva #spoiler-notice,
body.skin-minerva #theory-notice,
body.skin-minerva #update-notice{
max-width: 100% !important;
width: auto !important;
}