Zum Inhalt springen
Das Halloween-Event (Süßes oder Saures) findet vom 24.10.2025 bis 07.11.2025 statt.

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. */
/* ==== Sidebar-Collapser (Vector-2022) ==== */
/* ==== Sidebar-Collapser (Vector-2022) – Pfeil rechts & größer ==== */
.kr-sb .kr-head {
 
   display: flex; align-items: center; gap: .5rem;
/* Kopfzeile: Label links, Pfeil rechts */
.kr-sb .kr-head{
   display:flex;
  align-items:center;
  gap:.5rem;
}
 
/* Label bekommt den freien Platz; so drückt es den Pfeil ganz nach rechts */
.kr-sb .kr-head > a,
.kr-sb .kr-head > .kr-title{
  flex:1 1 auto;
  min-width:0;
}
 
/* Pfeil: an den rechten Rand, etwas größer + gute Klickfläche */
.kr-sb .kr-arrow{
  margin-left:auto;                /* schiebt den Pfeil nach rechts */
  font-size:1.25em;                /* Größe: etwas größer als Text (1.0–1.3em fein) */
  inline-size:1.25em;
  block-size:1.25em;
  display:inline-grid;              /* zentriert das Symbol im Button */
  place-items:center;
  border:0;
  background:transparent;
  padding:.25rem;                  /* größere Touch-Fläche */
  cursor:pointer;
  line-height:1;
}
}
.kr-sb .kr-arrow {
 
  inline-size: 1em; block-size: 1em;
/* Symbol und Rotation */
   border: 0; background: transparent; padding: 0;
.kr-sb .kr-arrow::before{
   cursor: pointer;
   content:"▾";
   transition:transform .15s ease;
}
}
.kr-sb .kr-arrow::before {
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
   content: "▾"; display: inline-block; transition: transform .15s ease;
   transform:rotate(-90deg);
}
}
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before { transform: rotate(-90deg); }


.kr-sb ul.kr-sub {
/* Unterlisten wie gehabt */
   list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0;
.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; }
.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }


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

Version vom 10. Oktober 2025, 16:28 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ==== Sidebar-Collapser (Vector-2022) – Pfeil rechts & größer ==== */

/* Kopfzeile: Label links, Pfeil rechts */
.kr-sb .kr-head{
  display:flex;
  align-items:center;
  gap:.5rem;
}

/* Label bekommt den freien Platz; so drückt es den Pfeil ganz nach rechts */
.kr-sb .kr-head > a,
.kr-sb .kr-head > .kr-title{
  flex:1 1 auto;
  min-width:0;
}

/* Pfeil: an den rechten Rand, etwas größer + gute Klickfläche */
.kr-sb .kr-arrow{
  margin-left:auto;                 /* schiebt den Pfeil nach rechts */
  font-size:1.25em;                 /* Größe: etwas größer als Text (1.0–1.3em fein) */
  inline-size:1.25em;
  block-size:1.25em;
  display:inline-grid;              /* zentriert das Symbol im Button */
  place-items:center;
  border:0;
  background:transparent;
  padding:.25rem;                   /* größere Touch-Fläche */
  cursor:pointer;
  line-height:1;
}

/* Symbol und Rotation */
.kr-sb .kr-arrow::before{
  content:"▾";
  transition:transform .15s ease;
}
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
  transform:rotate(-90deg);
}

/* Unterlisten wie gehabt */
.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 (#group:) */
.kr-sb .kr-title{ font-weight:600; }