Template:Infobox settlement/styles.css: Difference between revisions
Center infobox section headers consistently |
Add dark mode infobox styles |
||
| Line 95: | Line 95: | ||
.ib-settlement .infobox-header { | .ib-settlement .infobox-header { | ||
text-align: center; | text-align: center; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .infobox, | |||
body.skin-theme-clientpref-night .infobox { | |||
background-color: #1e1e1e; | |||
color: #d0d0d0; | |||
border-color: #444; | |||
} | |||
html.skin-theme-clientpref-night .infobox th, | |||
html.skin-theme-clientpref-night .infobox td, | |||
html.skin-theme-clientpref-night .infobox .infobox-label, | |||
html.skin-theme-clientpref-night .infobox .infobox-data, | |||
html.skin-theme-clientpref-night .infobox .infobox-full-data, | |||
body.skin-theme-clientpref-night .infobox th, | |||
body.skin-theme-clientpref-night .infobox td, | |||
body.skin-theme-clientpref-night .infobox .infobox-label, | |||
body.skin-theme-clientpref-night .infobox .infobox-data, | |||
body.skin-theme-clientpref-night .infobox .infobox-full-data { | |||
background-color: #1e1e1e; | |||
color: #d0d0d0; | |||
border-color: #444; | |||
} | |||
html.skin-theme-clientpref-night .infobox .infobox-above, | |||
html.skin-theme-clientpref-night .infobox .infobox-title, | |||
html.skin-theme-clientpref-night .infobox .infobox-header, | |||
html.skin-theme-clientpref-night .infobox .infobox-subheader, | |||
html.skin-theme-clientpref-night .infobox .infobox-below, | |||
html.skin-theme-clientpref-night .infobox caption, | |||
html.skin-theme-clientpref-night .infobox th[colspan], | |||
body.skin-theme-clientpref-night .infobox .infobox-above, | |||
body.skin-theme-clientpref-night .infobox .infobox-title, | |||
body.skin-theme-clientpref-night .infobox .infobox-header, | |||
body.skin-theme-clientpref-night .infobox .infobox-subheader, | |||
body.skin-theme-clientpref-night .infobox .infobox-below, | |||
body.skin-theme-clientpref-night .infobox caption, | |||
body.skin-theme-clientpref-night .infobox th[colspan] { | |||
background-color: #1B223D !important; | |||
color: #e0f0ff !important; | |||
border-color: #3a506b; | |||
} | |||
html.skin-theme-clientpref-night .infobox a:link, | |||
html.skin-theme-clientpref-night .infobox a:visited, | |||
body.skin-theme-clientpref-night .infobox a:link, | |||
body.skin-theme-clientpref-night .infobox a:visited { | |||
color: #88ccff; | |||
} | |||
} | |||
@media screen and (prefers-color-scheme: dark) { | |||
html.skin-theme-clientpref-os .infobox, | |||
body.skin-theme-clientpref-os .infobox { | |||
background-color: #1e1e1e; | |||
color: #d0d0d0; | |||
border-color: #444; | |||
} | |||
html.skin-theme-clientpref-os .infobox th, | |||
html.skin-theme-clientpref-os .infobox td, | |||
html.skin-theme-clientpref-os .infobox .infobox-label, | |||
html.skin-theme-clientpref-os .infobox .infobox-data, | |||
html.skin-theme-clientpref-os .infobox .infobox-full-data, | |||
body.skin-theme-clientpref-os .infobox th, | |||
body.skin-theme-clientpref-os .infobox td, | |||
body.skin-theme-clientpref-os .infobox .infobox-label, | |||
body.skin-theme-clientpref-os .infobox .infobox-data, | |||
body.skin-theme-clientpref-os .infobox .infobox-full-data { | |||
background-color: #1e1e1e; | |||
color: #d0d0d0; | |||
border-color: #444; | |||
} | |||
html.skin-theme-clientpref-os .infobox .infobox-above, | |||
html.skin-theme-clientpref-os .infobox .infobox-title, | |||
html.skin-theme-clientpref-os .infobox .infobox-header, | |||
html.skin-theme-clientpref-os .infobox .infobox-subheader, | |||
html.skin-theme-clientpref-os .infobox .infobox-below, | |||
html.skin-theme-clientpref-os .infobox caption, | |||
html.skin-theme-clientpref-os .infobox th[colspan], | |||
body.skin-theme-clientpref-os .infobox .infobox-above, | |||
body.skin-theme-clientpref-os .infobox .infobox-title, | |||
body.skin-theme-clientpref-os .infobox .infobox-header, | |||
body.skin-theme-clientpref-os .infobox .infobox-subheader, | |||
body.skin-theme-clientpref-os .infobox .infobox-below, | |||
body.skin-theme-clientpref-os .infobox caption, | |||
body.skin-theme-clientpref-os .infobox th[colspan] { | |||
background-color: #1B223D !important; | |||
color: #e0f0ff !important; | |||
border-color: #3a506b; | |||
} | |||
html.skin-theme-clientpref-os .infobox a:link, | |||
html.skin-theme-clientpref-os .infobox a:visited, | |||
body.skin-theme-clientpref-os .infobox a:link, | |||
body.skin-theme-clientpref-os .infobox a:visited { | |||
color: #88ccff; | |||
} | |||
} | } | ||