Template:Infobox chemical/styles.css: Difference between revisions
Appearance
Add stylesheet for chemical infobox |
Support dark mode in chemical infobox stylesheet |
||
| Line 1: | Line 1: | ||
.ib-chemical .infobox-header, | .ib-chemical .infobox-header, | ||
.ib-chemical .ib-chemical-title { | .ib-chemical .ib-chemical-title { | ||
background: #dce8f2; | background: var( --background-color-progressive-subtle, #dce8f2 ); | ||
color: inherit; | color: inherit; | ||
} | } | ||
| Line 15: | Line 15: | ||
.ib-chemical-image img { | .ib-chemical-image img { | ||
background: | background: var( --background-color-base, transparent ); | ||
color: inherit; | color: inherit; | ||
} | |||
@media screen { | |||
html.skin-theme-clientpref-night .ib-chemical .infobox-header, | |||
html.skin-theme-clientpref-night .ib-chemical .ib-chemical-title { | |||
background: #1f3548; | |||
} | |||
} | |||
@media screen and ( prefers-color-scheme: dark ) { | |||
html.skin-theme-clientpref-os .ib-chemical .infobox-header, | |||
html.skin-theme-clientpref-os .ib-chemical .ib-chemical-title { | |||
background: #1f3548; | |||
} | |||
} | } | ||
Revision as of 13:51, 1 July 2026
.ib-chemical .infobox-header,
.ib-chemical .ib-chemical-title {
background: var( --background-color-progressive-subtle, #dce8f2 );
color: inherit;
}
.ib-chemical .infobox-label {
padding-right: 0.5em;
vertical-align: top;
}
.ib-chemical .infobox-data {
vertical-align: top;
}
.ib-chemical-image img {
background: var( --background-color-base, transparent );
color: inherit;
}
@media screen {
html.skin-theme-clientpref-night .ib-chemical .infobox-header,
html.skin-theme-clientpref-night .ib-chemical .ib-chemical-title {
background: #1f3548;
}
}
@media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .ib-chemical .infobox-header,
html.skin-theme-clientpref-os .ib-chemical .ib-chemical-title {
background: #1f3548;
}
}