MediaWiki:Common.css: Difference between revisions
Content deleted Content added
Preserve the content notice colour in dark mode |
Restore compact, theme-aware navigation box and subgroup styling |
||
Line 161:
html.skin-theme-clientpref-night body .mw-parser-output table.ambox-content { background: #40301b !important; border-left-color: #f28500 !important; }
@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os body .mw-parser-output table.ambox-content { background: #40301b !important; border-left-color: #f28500 !important; } }
/* Navigation templates: compact horizontal lists, including imported subgroups. */
.mw-parser-output table.navbox {
box-sizing: border-box; width: 100%; clear: both; margin: 1em 0;
border-collapse: separate; border-spacing: 2px; font-size: 88%; line-height: 1.5;
}
.mw-parser-output table.navbox-subgroup {
box-sizing: border-box; width: 100%; border: 0; border-collapse: separate;
border-spacing: 2px; background: transparent; color: inherit; font-size: 100%;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-title {
padding: .35em .55em; vertical-align: middle;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-group {
padding: .35em .6em; background: var(--elite-accent-bg); color: var(--elite-heading);
text-align: center; font-weight: bold; vertical-align: middle;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list {
padding: .35em .65em; background: var(--elite-surface); color: var(--elite-ink);
text-align: left; vertical-align: middle;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list:has(> .navbox-subgroup) {
background: transparent;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > ul {
margin: 0; padding: 0; list-style: none;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > ul > li {
display: inline; margin: 0; padding: 0;
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-list > ul > li + li::before {
content: ' • '; color: var(--elite-muted);
}
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-footer {
padding: .4em .6em; background: var(--elite-accent-bg); color: var(--elite-heading);
font-weight: normal; text-align: center;
}
.mw-parser-output .navbox .navbox { margin: 0; font-size: 100%; }
@media (max-width: 720px) {
.mw-parser-output :is(.navbox, .navbox-subgroup) .navbox-group { min-width: 5.5em; }
.mw-parser-output table.navbox { font-size: 90%; }
}
/* Keep the warm hierarchy visible in the Vector dark palette. */
html.skin-theme-clientpref-night body .mw-parser-output table.navbox :is(.navbox-title, .navbox-group, .navbox-footer),
html.skin-theme-clientpref-night body .mw-parser-output table.navbox-subgroup .navbox-group {
background-color: var(--elite-accent-bg) !important; color: var(--elite-heading);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body .mw-parser-output table.navbox :is(.navbox-title, .navbox-group, .navbox-footer),
html.skin-theme-clientpref-os body .mw-parser-output table.navbox-subgroup .navbox-group {
background-color: var(--elite-accent-bg) !important; color: var(--elite-heading);
}
}
| |||