Ardapedia wird von Menschen wie Dir gemacht. Erstelle jetzt Dein kostenloses Benutzerkonto und trage dazu bei, unser Wiki zu verbessern.
Vorlage:Klappleiste/styles.css: Unterschied zwischen den Versionen
Aus Ardapedia
Alboin (Diskussion | Beiträge) Stylesheet erstellt |
Alboin (Diskussion | Beiträge) Verbesserungen in der Farbe |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
div.klappleiste { | div.klappleiste { | ||
border: 1px solid #A2A9B1; | |||
border: 1px solid # | |||
clear: both; | clear: both; | ||
font-size: 95%; | font-size: 95%; | ||
| Zeile 7: | Zeile 6: | ||
margin-top: 1.5em; | margin-top: 1.5em; | ||
padding: 2px; | padding: 2px; | ||
background-color: white; | |||
} | } | ||
div.klappleiste:after { | div.klappleiste:after { | ||
| Zeile 19: | Zeile 18: | ||
} | } | ||
div.klappleiste-kopf { | div.klappleiste-kopf { | ||
background: # | background: #CCCCFF; | ||
color: #202122; | color: #202122; | ||
text-align: center; | text-align: center; | ||
| Zeile 37: | Zeile 36: | ||
div.klappleiste + style + link + div.klappleiste { | div.klappleiste + style + link + div.klappleiste { | ||
margin-top: -1px; | 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; | |||
} | |||
} | } | ||
Aktuelle Version vom 10. Januar 2026, 22:18 Uhr
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;
}
}
