Plantilla:Infobox/styles.css

/* Infobox template style */
.infobox {
    border: 1px solid var(--border-color-base, #a2a9b1);
    background: var(--background-color-neutral-subtle, #f8f9fa);
    color: var(--color-base, #202122);
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid var(--border-color-base, #a2a9b1);
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid var(--border-color-base, #a2a9b1);
    border-right: 1px solid var(--border-color-base, #a2a9b1);
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid var(--border-color-base, #a2a9b1);
}

/* Infobox V2 */
.infobox_v2 {
	background: var(--background-color-neutral-subtle, #f8f9fa);
	color: var(--color-base, #202122);
	font-size: 90%;
	line-height: 1.2em;
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
	width: 294px;
	border: 1px solid var(--border-color-base, #a2a9b1);
	border-spacing: 5px;
}
.infobox_v2 th {
	vertical-align: super;
	text-align: left;
}
.infobox_v2 .entete {
	height: 43px;
	vertical-align: middle;
	text-align: center;
	font-size: 140%;
	font-weight: bolder;
	line-height: 1.1em;
	color: var(--color-base, #202122);
}
/* Padding si pictogramme d'infobox, e.g. ".entete.foobar"
   Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete"
   Possibilité de désactiver ce padding en ajoutant une classe "large" */
.infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) {
	padding: 1px 48px;
}
/* Pour [[Modèle:Image et son]], etc. */
.infobox_v2 .media {
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-weight: bolder;
	color: var(--color-base, #202122);
}

/* Graphiques transparents d'en-têtes des Infobox */
.entete {
	background-position: right center;
	background-repeat: no-repeat;
}

.media.audio {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png") no-repeat left top;
}
.media.video {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top;
}