Template:Infobox servant/styles.css: Difference between revisions

From ServantPedia™, the paid (but reliable) encyclopedia
Jump to navigation Jump to search
Created page with "{{pp-template}}: .ib-character { border-spacing: 2px 5px; } .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; } }..."
 
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 4: Line 4:
}
}


.ib-character .infobox-above,
/* Ensure content is vertically centered */
.ib-character .infobox-header {
.ib-character .infobox-data {
background-color: #DEDEE2;
    vertical-align: middle;
}
}



Latest revision as of 08:36, 10 April 2025

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

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

/* 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;
	}
}