Vorlage:Klappleiste/styles.css

div.klappleiste {
	border: 1px solid #A2A9B1;
	clear: both;
	font-size: 95%;
	box-sizing: border-box;
	margin-top: 1.5em;
	padding: 2px;
	background-color: white;
}
div.klappleiste:after {
	clear: both;
	content: "";
	display: block;
}
div.klappleiste-bild {
	float: left;
	padding: 2px;
}
div.klappleiste-kopf {
	background: #CCCCFF;
	color: #202122;
	text-align: center;
	font-weight: bold;
}
div.klappleiste.mw-collapsed .klappleiste-bild {
	display: none;
}

/* Automatisches Verschmelzen benachbarter Klappleisten */
div.klappleiste + div.klappleiste,
div.klappleiste + link + div.klappleiste,
div.klappleiste + link + link + div.klappleiste,
div.klappleiste + link + style + div.klappleiste,
div.klappleiste + style + div.klappleiste,
div.klappleiste + style + style + div.klappleiste,
div.klappleiste + style + link + div.klappleiste {
	margin-top: -1px;
}

/* Dunkelmodus */
@media screen {
	html.skin-theme-clientpref-night .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img {
		background-color: #c8ccd1;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img {
		background-color: #c8ccd1;
	}
}