MediaWiki:Minerva.css: Unterschied zwischen den Versionen
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierungen: Zurückgesetzt Mobile Bearbeitung Mobile Web-Bearbeitung Erweiterte mobile Bearbeitung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* All CSS here will be loaded for users of the MinervaNeue skin */ | /* All CSS here will be loaded for users of the MinervaNeue skin */ | ||
body. | |||
/* 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 */ | |||
} | |||