CSS
.titelliste-zebra > tbody > tr:nth-of-type(odd):not(:last-child) {
background: #f7f7f7;
}
.titelliste-zebra > tbody > tr:nth-of-type(even):not(:last-child) {
background: white;
}
/* Nachtmodus */
@media screen {
html.skin-theme-clientpref-night .titelliste-zebra > tbody > tr:nth-of-type(odd):not(:last-child) {
background: var(--background-color-base);
}
html.skin-theme-clientpref-night .titelliste-zebra > tbody > tr:nth-of-type(even):not(:last-child) {
background: var(--background-color-neutral-subtle);
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .titelliste-zebra > tbody > tr:nth-of-type(odd):not(:last-child) {
background: var(--background-color-base);
}
html.skin-theme-clientpref-os .titelliste-zebra > tbody > tr:nth-of-type(even):not(:last-child) {
background: var(--background-color-neutral-subtle);
}
}
Kopiervorlage
Bearbeiten<templatestyles src="Titelliste/styles.css" />
Verwendung
BearbeitenDas Stylesheet wird von {{Titelliste}} automatisch eingebunden.
Klassen
Bearbeiten- titelliste-zebra
- Färbt Tabellenzeilen abwechselnd in und .