Zum Inhalt springen

„Vorlage:Mehrere Bilder/styles.css“ – Versionsunterschied

aus AufEinWort, der freien Forschung
[ungesichtete Version][ungesichtete Version]
Die Seite wurde neu angelegt: „.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-f…“
 
KKeine Bearbeitungszusammenfassung
Zeile 10: Zeile 10:
.vl-mehrere-bilder-horizontal {
.vl-mehrere-bilder-horizontal {
float: left;
float: left;
padding: 1px;
}
.vl-mehrere-bilder-vertical {
float: right;
padding: 1px;
padding: 1px;
}
}
Zeile 21: Zeile 26:
background-color: var(--background-color-base-fixed, #ffffff);
background-color: var(--background-color-base-fixed, #ffffff);
color: var(--color-base-fixed, #202122);
color: var(--color-base-fixed, #202122);
filter: brightness(0.8);
}
}
}
}
Zeile 31: Zeile 35:
background-color: var(--background-color-base-fixed, #ffffff);
background-color: var(--background-color-base-fixed, #ffffff);
color: var(--color-base-fixed, #202122);
color: var(--color-base-fixed, #202122);
filter: brightness(0.8);
}
}
}
}

Version vom 21. Juli 2026, 08:01 Uhr

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

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

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

.vl-mehrere-bilder-vertical {
	float: right;
	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);
	}
}