Template:Infobox servant/styles.css

/* {{pp-template}} */
.ib-character {
	border-spacing: 2px 5px;
}

/* Ensure content is vertically centered */
.ib-character .infobox-data {
    vertical-align: middle;
}

.ib-character img {
    max-width: 270px; /* Set the maximum width of the image */
    height: auto;     /* Maintain the aspect ratio */
    display: block;   /* Ensure the image is treated as a block element */
    margin: 0 auto;   /* Center the image horizontally */
}

.ib-character .infobox-above,
.ib-character .infobox-header {
	background-color: #DEDEE2;
}

/* light background for transparent images */
.ib-character .infobox-image img {
	background-color: #f8f9fa;
}

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

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