Template:Infobox/styles.css: Difference between revisions
(Created page with "→* * Common TemplateStyles used by [[Template:Extension]], [[Template:Skin]], * [[Template:Tool]], etc.: .infobox { box-sizing: border-box; border: 2px solid #a2a9b1; width: 280px; border-collapse: collapse; border-spacing: 0; background-color: white; color: #333; →these are overriden by .infobox-rtl on the templates of interest: →@noflip: clear: right; →@noflip: float: right; →@noflip: margin: 0 0 0.5em 0.5em; } .infobox-rtl { /* @n...") |
No edit summary |
||
| Line 1: | Line 1: | ||
.infobox { | .infobox { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 82: | Line 78: | ||
} | } | ||
@media (prefers-color-scheme: dark) { | /*@media (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os .infobox { | html.skin-theme-clientpref-os .infobox { | ||
background-color: inherit; | background-color: inherit; | ||
color: inherit; | color: inherit; | ||
} | } | ||
} | }*/ | ||
Revision as of 12:40, 27 March 2024
.infobox { box-sizing: border-box; border: 2px solid #a2a9b1; width: 280px; border-collapse: collapse; border-spacing: 0; background-color: white; color: #333; /* these are overriden by .infobox-rtl on the templates of interest */ /* @noflip */ clear: right; /* @noflip */ float: right; /* @noflip */ margin: 0 0 0.5em 0.5em; }
.infobox-rtl { /* @noflip */ clear: left; /* @noflip */ float: left; /* @noflip */ margin: 0 0.5em 0.5em 0; }
.infobox th { /* @noflip */ text-align: left; padding: 0.2em 0.5em; vertical-align: top; }
.infobox-rtl th { /* @noflip */ text-align: right; }
@media (max-width: 719px) { /* high specificity to ensure specific infoboxes won't override these * properties with their own tstyles inadvertently */ body.mediawiki .infobox { float: none; clear: both; width: 100%; margin: 0 0 .5em 0; } }
.infobox td { border: none; padding: 0.2em 0.5em; vertical-align: top; }
.infobox-header { background-color: #a2a9b1; color: #FFF; text-align: left; }
.infobox-header a { color: #FFF; }
.infobox-header td, .infobox-header th { padding: 0.5em 0.5em; }
.infobox-header img { padding: 0 0.2em 0 0.5em; }
html.skin-theme-clientpref-night .infobox { background-color: inherit; color: inherit; }
/*@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .infobox {
background-color: inherit; color: inherit;
}
}*/
