Module:Navbox/styles.css: Difference between revisions
AZMindroma (talk | contribs) From Wikipedia (https://en.wikipedia.org/w/index.php?title=Module:Navbox/styles.css) |
AZMindroma (talk | contribs) No edit summary |
||
| Line 116: | Line 116: | ||
body.skin--responsive .navbox-image img { | body.skin--responsive .navbox-image img { | ||
max-width: none !important; | max-width: none !important; | ||
} | |||
/* Dark mode support */ | |||
@media screen { | |||
html.skin-theme-clientpref-night .navbox { | |||
background-color: #202122; | |||
border-color: #54595d; | |||
} | |||
html.skin-theme-clientpref-night .navbox, | |||
html.skin-theme-clientpref-night .navbox-subgroup { | |||
background-color: #202122; | |||
} | |||
html.skin-theme-clientpref-night .navbox-list { | |||
border-color: #202122; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-night tr + tr > .navbox-abovebelow, | |||
html.skin-theme-clientpref-night tr + tr > .navbox-group, | |||
html.skin-theme-clientpref-night tr + tr > .navbox-image, | |||
html.skin-theme-clientpref-night tr + tr > .navbox-list { | |||
border-top-color: #202122; | |||
} | |||
html.skin-theme-clientpref-night .navbox-title { | |||
background-color: #2c3e50; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-night .navbox-abovebelow, | |||
html.skin-theme-clientpref-night .navbox-group, | |||
html.skin-theme-clientpref-night .navbox-subgroup .navbox-title { | |||
background-color: #34495e; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-night .navbox-subgroup .navbox-group, | |||
html.skin-theme-clientpref-night .navbox-subgroup .navbox-abovebelow { | |||
background-color: #3d5266; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-night .navbox-even { | |||
background-color: #27292d; | |||
} | |||
html.skin-theme-clientpref-night .navbox-odd { | |||
background-color: #202122; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .navbox { | |||
background-color: #202122; | |||
border-color: #54595d; | |||
} | |||
html.skin-theme-clientpref-os .navbox, | |||
html.skin-theme-clientpref-os .navbox-subgroup { | |||
background-color: #202122; | |||
} | |||
html.skin-theme-clientpref-os .navbox-list { | |||
border-color: #202122; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-os tr + tr > .navbox-abovebelow, | |||
html.skin-theme-clientpref-os tr + tr > .navbox-group, | |||
html.skin-theme-clientpref-os tr + tr > .navbox-image, | |||
html.skin-theme-clientpref-os tr + tr > .navbox-list { | |||
border-top-color: #202122; | |||
} | |||
html.skin-theme-clientpref-os .navbox-title { | |||
background-color: #2c3e50; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-os .navbox-abovebelow, | |||
html.skin-theme-clientpref-os .navbox-group, | |||
html.skin-theme-clientpref-os .navbox-subgroup .navbox-title { | |||
background-color: #34495e; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-os .navbox-subgroup .navbox-group, | |||
html.skin-theme-clientpref-os .navbox-subgroup .navbox-abovebelow { | |||
background-color: #3d5266; | |||
color: #eaecf0; | |||
} | |||
html.skin-theme-clientpref-os .navbox-even { | |||
background-color: #27292d; | |||
} | |||
html.skin-theme-clientpref-os .navbox-odd { | |||
background-color: #202122; | |||
} | |||
} | } | ||