Zum Inhalt springen


MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Firestone Idle RPG Wiki
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. */
/* Pfeil-Button */
/* ==== Sidebar-Collapser (Vector-2022) ==== */
.kr-sb-toggle {
.kr-sb .kr-head {
   appearance: none; border: 0; background: none;
   display: flex; align-items: center; gap: .5rem;
  padding: 0 .25rem; margin-left: .25rem; cursor: pointer;
  line-height: 1;
}
}
.kr-sb-toggle::before {
.kr-sb .kr-arrow {
   content: "▾"; display: inline-block; transform: rotate(0deg);
   inline-size: 1em; block-size: 1em;
   transition: transform .15s ease; font-size: .95em; opacity: .9;
   border: 0; background: transparent; padding: 0;
  cursor: pointer;
}
}
.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); }


/* Portlet ein/aus */
.kr-sb ul.kr-sub {
.kr-sb-wrap.is-collapsed .vector-menu-content { display: none; }
  list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0;
.kr-sb-wrap.is-collapsed .kr-sb-toggle::before { transform: rotate(-90deg); }
 
/* Gruppen (Untermenüs) */
.kr-sb-group { margin: .25rem 0; }
.kr-sb-group-header {
  display: flex; align-items: center; justify-content: space-between;
  gap: .25rem; padding: .15rem 0; font-weight: 600; user-select: none;
}
}
.kr-sb-group.is-collapsed > .kr-sb-group-header .kr-sb-toggle::before { transform: rotate(-90deg); }
.kr-sb li.is-collapsed > ul.kr-sub { display: none; }
.kr-sb-sub { list-style: none; margin: .15rem 0 .35rem 0; padding: 0 0 0 .75rem; }


/* Überschrift als Link */
/* Titel ohne Link (bei #group:) */
.kr-sb-heading-link { text-decoration: none; }
.kr-sb .kr-title { font-weight: 600; }
.kr-sb-heading-link:hover { text-decoration: underline; }

Version vom 10. Oktober 2025, 14:30 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ==== Sidebar-Collapser (Vector-2022) ==== */
.kr-sb .kr-head {
  display: flex; align-items: center; gap: .5rem;
}
.kr-sb .kr-arrow {
  inline-size: 1em; block-size: 1em;
  border: 0; background: transparent; padding: 0;
  cursor: pointer;
}
.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); }

.kr-sb ul.kr-sub {
  list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0;
}
.kr-sb li.is-collapsed > ul.kr-sub { display: none; }

/* Titel ohne Link (bei #group:) */
.kr-sb .kr-title { font-weight: 600; }