Template:Infobox Character/styles.css

/**

* Common TemplateStyles used by Template:Extension, Template:Skin,
* Template:Tool, etc.
*/

.infobox { box-sizing: border-box; border: 2px solid var( --border-color-base, #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; }

@media screen { html.skin-theme-clientpref-night .infobox { background-color: inherit; color: inherit; } }

@media screen and (prefers-color-scheme: dark) {

 html.skin-theme-clientpref-os .infobox {

background-color: inherit; color: inherit;

 }

}