Template:Infobox/styles.css
From Linux Web Expert
/**
* 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 {
/* @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;
}
}