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) m Add attribution |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | |||
* This file uses material from the Wikipedia/MediaWiki project, | |||
* released under the Creative Commons Attribution-ShareAlike 4.0 International License. | |||
* Source: https://en.wikipedia.org/wiki/Module:Navbox/styles.css | |||
*/ | |||
/* {{pp|small=y}} */ | /* {{pp|small=y}} */ | ||
.navbox { | .navbox { | ||
| Line 116: | Line 122: | ||
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; | |||
} | |||
} | } | ||