Template:Chembox/styles.css

From Ikwipedia
/* {{pp|small=y}} */
.ib-chembox {
	border-collapse: collapse;
	text-align: left;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.ib-chembox td,
.ib-chembox th {
	border: 1px solid #a2a9b1;
	width: 40%;
}
.ib-chembox td + td {
	width: 60%;
}
/*If image has not been specified as invertable add a white background */
@media screen {
	html.skin-theme-clientpref-night .ib-chembox figure:not(.skin-invert-image):not(.skin-invert):not(.bg-transparent) {
		background: var(--background-color-inverted, #f8f9fa);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ib-chembox figure:not(.skin-invert-image):not(.skin-invert):not(.bg-transparent) {
		background: var(--background-color-inverted, #f8f9fa);
	}
}