|
|
(8 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
| .citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) { | | .citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) { |
| float: right; | | float:right; |
| clear: right; | | clear:right; |
| margin-left: 5px; | | margin-left:5px |
| } | | } |
| @layer base {
| | :is(html.skin-theme-clientpref-night, |
| /* Always apply */
| | html.skin-citizen-dark, |
| .citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
| | [data-theme="dark"]) .navbox { |
| float: right;
| | color:#9a9a9a !important; |
| clear: right;
| | background:#000 !important |
| 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 */
| |
| :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;
| |
| }
| |
| :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;
| |
| }
| |
| | |
| /* Title style */
| |
| :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;
| |
| }
| |
| } | | } |
| | | :is(html.skin-theme-clientpref-night, |
| @layer overrides {
| | html.skin-citizen-dark, |
| /* White group bg → keep white text */
| | [data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-odd), |
| :is(html.skin-theme-clientpref-night,
| | :is(html.skin-theme-clientpref-night, |
| html.skin-citizen-dark,
| | html.skin-citizen-dark, |
| [data-theme="dark"]) .navbox .navbox-group[style*="background: #ffffff"],
| | [data-theme="dark"]) .navbox td.navbox-list.navbox-odd, |
| :is(html.skin-theme-clientpref-night,
| | :is(html.skin-theme-clientpref-night, |
| html.skin-citizen-dark,
| | html.skin-citizen-dark, |
| [data-theme="dark"]) .navbox .navbox-group[style*="background:#ffffff"],
| | [data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-odd) { |
| :is(html.skin-theme-clientpref-night,
| | background-color:#000 |
| html.skin-citizen-dark,
| | } |
| [data-theme="dark"]) .navbox .navbox-group[style*="background: white"],
| | :is(html.skin-theme-clientpref-night, |
| :is(html.skin-theme-clientpref-night,
| | html.skin-citizen-dark, |
| html.skin-citizen-dark,
| | [data-theme="dark"]) .navbox tr:has(> td.navbox-list.navbox-even), |
| [data-theme="dark"]) .navbox .navbox-group[style*="background:white"] {
| | :is(html.skin-theme-clientpref-night, |
| background: none !important;
| | html.skin-citizen-dark, |
| color: #ffffff !important;
| | [data-theme="dark"]) .navbox td.navbox-list.navbox-even, |
| }
| | :is(html.skin-theme-clientpref-night, |
| | | html.skin-citizen-dark, |
| /* Green */
| | [data-theme="dark"]) .navbox th.navbox-group:has(+ td.navbox-list.navbox-even) { |
| :is(html.skin-theme-clientpref-night,
| | background-color:#111 |
| html.skin-citizen-dark,
| | } |
| [data-theme="dark"]) .navbox .navbox-group[style*="background: #07f507"],
| | :is(html.skin-theme-clientpref-night, |
| :is(html.skin-theme-clientpref-night,
| | html.skin-citizen-dark, |
| html.skin-citizen-dark,
| | [data-theme="dark"]) .navbox .navbox-title { |
| [data-theme="dark"]) .navbox .navbox-group[style*="background:#07f507"] {
| | background:#1b1b1b !important; |
| background: none !important;
| | color:#e6e6e6 !important; |
| color: #07f507 !important;
| | border-color:#2a2a2a !important |
| }
| | } |
| | | :is(html.skin-theme-clientpref-night, |
| /* Blue */
| | html.skin-citizen-dark, |
| :is(html.skin-theme-clientpref-night,
| | [data-theme="dark"]) .navbox, |
| html.skin-citizen-dark,
| | :is(html.skin-theme-clientpref-night, |
| [data-theme="dark"]) .navbox .navbox-group[style*="background: #42caff"],
| | html.skin-citizen-dark, |
| :is(html.skin-theme-clientpref-night,
| | [data-theme="dark"]) .navbox td, |
| html.skin-citizen-dark,
| | :is(html.skin-theme-clientpref-night, |
| [data-theme="dark"]) .navbox .navbox-group[style*="background:#42caff"] {
| | html.skin-citizen-dark, |
| background: none !important;
| | [data-theme="dark"]) .navbox th { |
| color: #42caff !important;
| | border-color:#2a2a2a !important |
| }
| | } |
| | | .navbox a { |
| /* Red */
| | color:none |
| :is(html.skin-theme-clientpref-night,
| | } |
| html.skin-citizen-dark,
| | .thumb-custom img { |
| [data-theme="dark"]) .navbox .navbox-group[style*="background: #ff0f0f"],
| | width: var(--thumb-width, auto) !important; |
| :is(html.skin-theme-clientpref-night, | | height: auto !important; |
| html.skin-citizen-dark,
| |
| [data-theme="dark"]) .navbox .navbox-group[style*="background:#ff0f0f"] {
| |
| background: none !important;
| |
| color: #ff0f0f !important;
| |
| }
| |
| | |
| /* Special black group → white bg, black text */
| |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
| |
| .navbox th.navbox-group[style*="background:#000"],
| |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
| |
| .navbox th.navbox-group[style*="background: #000"],
| |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
| |
| .navbox th.navbox-group[style*="background-color:#000"],
| |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
| |
| .navbox th.navbox-group[style*="background-color: #000"], | |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"])
| |
| .navbox th.navbox-group[style*="background:#000000"],
| |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"]) | |
| .navbox th.navbox-group[style*="background: #000000"],
| |
| :is(html.skin-theme-clientpref-night, html.skin-citizen-dark, [data-theme="dark"]) | |
| .navbox th.navbox-group[style*="background:black"] {
| |
| background: none !important;
| |
| color: #000 !important;
| |
| text-shadow: 0 0 10px #fff;
| |
| }
| |
| } | | } |
.citizen-overflow-wrapper:has(.citizen-overflow-content .wikitable) {
float:right;
clear:right;
margin-left:5px
}
:is(html.skin-theme-clientpref-night,
html.skin-citizen-dark,
[data-theme="dark"]) .navbox {
color:#9a9a9a !important;
background:#000 !important
}
: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
}
: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
}
: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
}
: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:none
}
.thumb-custom img {
width: var(--thumb-width, auto) !important;
height: auto !important;
}