MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* | /* Typografie der Vector-Menülinks übernehmen */ | ||
.kr-sb .kr-head, | |||
.kr-sb .kr-head | |||
.kr-sb .kr-head > a, | .kr-sb .kr-head > a, | ||
.kr-sb | .kr-sb .kr-title { | ||
font: inherit; /* Schriftfamilie, -größe, -gewicht vom Skin */ | |||
line-height: inherit; /* keine eigene Zeilenhöhe setzen */ | |||
color: inherit; /* Farbe vom Skin */ | |||
font | |||
line-height: | |||
} | } | ||
/* | /* Den gleichen vertikalen Abstand wie Vector-Links geben */ | ||
.kr-sb | .kr-sb .kr-head { /* entspricht dem Padding der normalen <a>-Einträge */ | ||
padding-block: .375rem; /* reicht in der Praxis; kein Effekt auf Typografie */ | |||
} | } | ||
/* | /* Link-Padding im Kopf entfernen (sonst hätte der Link-Header mehr Luft) */ | ||
.kr-sb .kr-head > a { | |||
padding: 0 !important; | |||
.kr-sb | |||
} | } | ||
/* | /* Pfeil rechts, Größe aus Schrift ableiten */ | ||
.kr-sb .kr-head { | .kr-sb .kr-head { display:flex; align-items:center; } | ||
padding: | .kr-sb .kr-arrow { | ||
margin-inline-start:auto; | |||
inline-size: 1em; block-size: 1em; | |||
border:0; background:transparent; padding:0; | |||
} | } | ||
.kr-sb .kr-arrow::before { content:"▾"; display:inline-block; transition:transform .15s ease; } | |||
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before { transform: rotate(-90deg); } | |||
/* Link | /* Hit-Zone über die Kopfzeile (außer über dem Link) – unverändert */ | ||
.kr-sb .kr-head | .kr-sb .kr-head { position:relative; } | ||
.kr-sb .kr-hit { | |||
position:absolute; inset:0 2.25em 0 0; /* 2.25em ≈ Pfeilbreite + etwas Luft */ | |||
cursor:pointer; | |||
} | } | ||
.kr-sb .kr-head > :is(a, .kr-title) { position:relative; z-index:1; } | |||
Version vom 10. Oktober 2025, 20:35 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Typografie der Vector-Menülinks übernehmen */
.kr-sb .kr-head,
.kr-sb .kr-head > a,
.kr-sb .kr-title {
font: inherit; /* Schriftfamilie, -größe, -gewicht vom Skin */
line-height: inherit; /* keine eigene Zeilenhöhe setzen */
color: inherit; /* Farbe vom Skin */
}
/* Den gleichen vertikalen Abstand wie Vector-Links geben */
.kr-sb .kr-head { /* entspricht dem Padding der normalen <a>-Einträge */
padding-block: .375rem; /* reicht in der Praxis; kein Effekt auf Typografie */
}
/* Link-Padding im Kopf entfernen (sonst hätte der Link-Header mehr Luft) */
.kr-sb .kr-head > a {
padding: 0 !important;
}
/* Pfeil rechts, Größe aus Schrift ableiten */
.kr-sb .kr-head { display:flex; align-items:center; }
.kr-sb .kr-arrow {
margin-inline-start:auto;
inline-size: 1em; block-size: 1em;
border:0; background:transparent; padding:0;
}
.kr-sb .kr-arrow::before { content:"▾"; display:inline-block; transition:transform .15s ease; }
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before { transform: rotate(-90deg); }
/* Hit-Zone über die Kopfzeile (außer über dem Link) – unverändert */
.kr-sb .kr-head { position:relative; }
.kr-sb .kr-hit {
position:absolute; inset:0 2.25em 0 0; /* 2.25em ≈ Pfeilbreite + etwas Luft */
cursor:pointer;
}
.kr-sb .kr-head > :is(a, .kr-title) { position:relative; z-index:1; }