Template:Infobox d2 item/styles.css

.infobox {
	float: right;
	text-align: left;
	background-color: #001D3D;
	border-spacing: 5px;
	border: 1px solid #72777d;
	margin: 0 0 1em 1em;
}
.infobox-image {
	text-align: center;
	object-fit: cover;
}
.ib-d2-item {
	border-spacing: 2px 5px;
}
.infobox-label {
	vertical-align: top;
}
.ib-d2-item .infobox-above,
.ib-d2-item .infobox-header {
	text-align: center;
	background-color: #DEDEE2;
}

/* light background for transparent images */
.ib-d2-item .infobox-image img {
	background-color: transparent;
}

@media screen {
	html.skin-theme-clientpref-night .ib-d2-item .infobox-above,
	html.skin-theme-clientpref-night .ib-d2-item .infobox-header {
		background: hsl(240, 6%, 20%);
		color: inherit;
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ib-d2-item .infobox-above,
	html.skin-theme-clientpref-os .ib-d2-item .infobox-header {
		background: hsl(240, 6%, 20%);
		color: inherit;
	}
}