Module:Navbox/styles.css: Difference between revisions

From Wikipedia (https://en.wikipedia.org/w/index.php?title=Module:Navbox/styles.css)
 
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;
}
}
}