„Vorlage:Mehrere Bilder/styles.css“ – Versionsunterschied
Erscheinungsbild
| [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); | ||
} | } | ||
} | } | ||
| 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); | ||
} | } | ||
} | } | ||
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);
}
}