More actions
Skycrafter (talk | contribs) No edit summary Tag: Reverted |
Skycrafter (talk | contribs) No edit summary Tag: Manual revert |
||
Line 5: | Line 5: | ||
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
/* Dark-mode scopes */ | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox { | |||
color: #9a9a9a !important; | |||
background: #000 !important; | |||
} | |||
/* Zebra striping by MW's navbox-odd/even classes */ | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd), | |||
:is(html.skin-theme-clientpref-night, | |||
background: #000 !important; | html.skin-citizen-dark, | ||
[data-theme="dark"]) .navbox td.navbox-list.navbox-odd, | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) { | |||
background-color: #000 !important; /* odd row */ | |||
} | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even), | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox td.navbox-list.navbox-even, | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) { | |||
background-color: #111 !important; /* even row */ | |||
} | |||
/* looks better in dark */ | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox .navbox-title { | |||
background: #1b1b1b !important; | |||
color: #e6e6e6 !important; | |||
border-color: #2a2a2a !important; | |||
: | |||
} | } | ||
/* Borders & links */ | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox, | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox td, | |||
:is(html.skin-theme-clientpref-night, | |||
html.skin-citizen-dark, | |||
[data-theme="dark"]) .navbox th { | |||
border-color: #2a2a2a !important; | |||
} | } | ||
.navbox a { color: inherit; } |
Revision as of 22:17, 15 August 2025
/* CSS placed here will be applied to all skins */
.citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
float: right;
clear: right;
margin-left: 5px;
}
/* Dark-mode scopes */
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox {
color: #9a9a9a !important;
background: #000 !important;
}
/* Zebra striping by MW's navbox-odd/even classes */
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd),
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox td.navbox-list.navbox-odd,
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) {
background-color: #000 !important; /* odd row */
}
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even),
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox td.navbox-list.navbox-even,
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) {
background-color: #111 !important; /* even row */
}
/* looks better in dark */
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox .navbox-title {
background: #1b1b1b !important;
color: #e6e6e6 !important;
border-color: #2a2a2a !important;
}
/* Borders & links */
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox,
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox td,
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox th {
border-color: #2a2a2a !important;
}
.navbox a { color: inherit; }