Vorlage:Mehrere Bilder/styles

Wikipedia.de Vorlage: Mehrere Bilder/styles

CSS

.vl-mehrere-bilder {
	margin-top: .5em;
}

.vl-mehrere-bilder-kopf {
	clear: both;
	font-weight: bold;
}

.vl-mehrere-bilder-horizontal {
	float: left;
	padding: 1px;
}


/* Dunkelmodus */
@media screen {
	html.skin-theme-clientpref-night .vl-mehrere-bilder .thumbimage {
		background: none;
	}
	html.skin-theme-clientpref-night .vl-mehrere-bilder .thumbimage:not([style*='background']) span:not([class]) img {
		background-color: var(--background-color-base-fixed, #ffffff);
		color: var(--color-base-fixed, #202122);
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .vl-mehrere-bilder .thumbimage {
		background: none;
	}
	html.skin-theme-clientpref-os .vl-mehrere-bilder .thumbimage:not([style*='background']) span:not([class]) img {
		background-color: var(--background-color-base-fixed, #ffffff);
		color: var(--color-base-fixed, #202122);
	}
}

Kopiervorlage

<templatestyles src="Mehrere Bilder/styles.css" />

Vorlagenspezifische Klassen

vl-mehrere-bilder: die gesamte Vorlage umschließendes Element
vl-mehrere-bilder-kopf: Kopfzeile für alle Bilder
vl-mehrere-bilder-horizontal: Positionierung bei horizontaler Anordung der Bilder

Weitere Anpassungen

Im Dunkelmodus wird einer eingebundenen Bilddatei analog zur Lösung der Vorschaubilder in MediaWiki ein grauer Hintergrund vorgegeben.