Vrienden Universe

Template:Infobox government agency/styles.css: Difference between revisions

← Older edit

VU-MaintenanceBot (talk | contribs)

5 user groups
3,098 edits
undo
Add dark mode infobox styles
Remove infobox label wrapping overrides
 
(2 intermediate revisions by the same user not shown)
Line 4: Line 4:
html.skin-theme-clientpref-dark .infobox {
html.skin-theme-clientpref-dark .infobox {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important;
     color: #d0d0d0 !important;
     color: #ffffff !important;
     border-color: #444 !important;
     border-color: #444 !important;
}
}
Line 35: Line 35:
html.skin-theme-clientpref-dark .infobox td {
html.skin-theme-clientpref-dark .infobox td {
     background-color: #1e1e1e !important;
     background-color: #1e1e1e !important;
     color: #d0d0d0 !important;
     color: #ffffff !important;
     border-color: #444 !important;
     border-color: #444 !important;
}
}
Line 49: Line 49:
text-align: center;
text-align: center;
}
}


@media screen {
@media screen {
Line 55: Line 54:
body.skin-theme-clientpref-night .infobox {
body.skin-theme-clientpref-night .infobox {
background-color: #1e1e1e;
background-color: #1e1e1e;
color: #d0d0d0;
color: #ffffff;
border-color: #444;
border-color: #444;
}
}
Line 70: Line 69:
body.skin-theme-clientpref-night .infobox .infobox-full-data {
body.skin-theme-clientpref-night .infobox .infobox-full-data {
background-color: #1e1e1e;
background-color: #1e1e1e;
color: #d0d0d0;
color: #ffffff;
border-color: #444;
border-color: #444;
}
}
Line 105: Line 104:
body.skin-theme-clientpref-os .infobox {
body.skin-theme-clientpref-os .infobox {
background-color: #1e1e1e;
background-color: #1e1e1e;
color: #d0d0d0;
color: #ffffff;
border-color: #444;
border-color: #444;
}
}
Line 120: Line 119:
body.skin-theme-clientpref-os .infobox .infobox-full-data {
body.skin-theme-clientpref-os .infobox .infobox-full-data {
background-color: #1e1e1e;
background-color: #1e1e1e;
color: #d0d0d0;
color: #ffffff;
border-color: #444;
border-color: #444;
}
}
Line 148: Line 147:
body.skin-theme-clientpref-os .infobox a:visited {
body.skin-theme-clientpref-os .infobox a:visited {
color: #88ccff;
color: #88ccff;
}
}
/* Dark-mode color correction for VU infoboxes. */
@media screen {
html.skin-theme-clientpref-night .infobox,
body.skin-theme-clientpref-night .infobox,
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 {
color: #ffffff;
}
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,
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 {
color: #e0f0ff !important;
}
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;
}
html.skin-theme-clientpref-night .infobox a.new:link,
html.skin-theme-clientpref-night .infobox a.new:visited,
body.skin-theme-clientpref-night .infobox a.new:link,
body.skin-theme-clientpref-night .infobox a.new:visited {
color: #ff6b6b;
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox,
body.skin-theme-clientpref-os .infobox,
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 {
color: #ffffff;
}
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,
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 {
color: #e0f0ff !important;
}
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;
}
html.skin-theme-clientpref-os .infobox a.new:link,
html.skin-theme-clientpref-os .infobox a.new:visited,
body.skin-theme-clientpref-os .infobox a.new:link,
body.skin-theme-clientpref-os .infobox a.new:visited {
color: #ff6b6b;
}
}
}
}
Retrieved from "https://vriendenuniverse.org/wiki/Template:Infobox_government_agency/styles.css"