MediaWiki:Minerva.css: Unterschied zwischen den Versionen

Aktuelle Version vom 22. November 2025, 23:49 Uhr

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* kompakte Abstände & saubere Einrückung */
#ados-custom-links .toggle-list-item__anchor { padding: 6px 12px; }
#ados-custom-links .toggle-list__list .toggle-list-item__anchor { padding-left: 12px; }

/* Unterpunkte: keine Icons anzeigen (Sicherheitsgurt, falls doch welche auftauchen) */
#ados-custom-links .toggle-list__list .minerva-icon { display: none !important; }




/* ==== Mobile-Layout wie ConanWiki – ADOS-Hero ==== */

@media (max-width: 900px) {
  /* der Balken selbst */
  body.page-Hauptseitev2 .ados-hero {
    margin: -0.3rem -1rem 1rem;
    padding: 1.3rem 1rem 1rem;
    border-radius: 0;
    box-shadow: 0 4px 12px rgba(80, 50, 20, 0.16);
  }

  /* alles untereinander, zentriert */
  body.page-Hauptseitev2 .ados-hero__inner {
    display: block;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
  }

  body.page-Hauptseitev2 .ados-hero__left {
    margin-bottom: 1rem;
  }

  body.page-Hauptseitev2 .ados-hero__title {
    font-size: 1.7rem;
    margin-bottom: 0.4rem;
  }

  body.page-Hauptseitev2 .ados-hero__subtitle {
    font-size: 0.98rem;
    line-height: 1.5;
    margin: 0;
  }

  /* 2 Spalten mit Kategorien – wie beim ConanWiki */
  body.page-Hauptseitev2 .ados-hero__right {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem 1.2rem;
    margin-top: 1rem;
    text-align: center;
    font-size: 0.92rem;
  }

  body.page-Hauptseitev2 .ados-hero__column {
    /* sorgt dafür, dass Überschrift + Links schön zusammenstehen */
  }

  body.page-Hauptseitev2 .ados-hero__heading {
    font-weight: 600;
    margin-bottom: 0.25rem;
    color: #8a7a5c;      /* ähnlich dem grauen „Hauptreihen“ im ConanWiki */
  }

  body.page-Hauptseitev2 .ados-hero__right ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  body.page-Hauptseitev2 .ados-hero__right li {
    margin: 1px 0;
  }

  body.page-Hauptseitev2 .ados-hero__right a:link,
  body.page-Hauptseitev2 .ados-hero__right a:visited {
    color: #7a4b18;
    text-decoration: none;
  }

  body.page-Hauptseitev2 .ados-hero__right a:hover {
    text-decoration: underline;
  }
}

/* Optional: bei extrem schmalen Geräten etwas enger machen */
@media (max-width: 500px) {
  body.page-Hauptseitev2 .ados-hero {
    margin: -0.2rem -0.7rem 0.9rem;
    padding: 1.1rem 0.8rem 0.9rem;
  }
}

/* ==== ADOS-Wiki: Zentrierung des mittleren Textblocks im Mobile-Hero ==== */
body.page-Hauptseitev2 .ados-hero__left {
    max-width: 600px;          /* verhindert, dass der Text zu breit wird */
    margin: 0 auto 1rem auto;  /* oben 0, unten 1rem, links/rechts automatisch = zentriert */
    text-align: center !important; /* erzwingt Zentrierung */
    padding: 0 1rem;           /* symmetrischer Innenabstand */
}