MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* 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; }