MediaWiki:Common.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1.123: Zeile 1.123:


/* ============================================
/* ============================================
   ConanWiki-Style Mobile 2-Spalten-Layout
   Mobile 2-Spalten-Layout
   ============================================ */
   ============================================ */


Zeile 1.129: Zeile 1.129:


   /* Container zentrieren */
   /* Container zentrieren */
   body.page-Hauptseite .ados-hero__inner {
   body.page-Hauptseitev2 .ados-hero__inner {
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
Zeile 1.138: Zeile 1.138:


   /* Intro-Text */
   /* Intro-Text */
   body.page-Hauptseite .ados-hero__subtitle {
   body.page-Hauptseitev2 .ados-hero__subtitle {
     font-size: 1.05rem;
     font-size: 1.05rem;
     line-height: 1.55;
     line-height: 1.55;
Zeile 1.146: Zeile 1.146:


   /* GRID für Hauptreihen + Serien */
   /* GRID für Hauptreihen + Serien */
   body.page-Hauptseite .ados-hero__groups {
   body.page-Hauptseitev2 .ados-hero__groups {
     display: grid;
     display: grid;
     grid-template-columns: 1fr 1fr;  /* Zwei Spalten – wie ConanWiki */
     grid-template-columns: 1fr 1fr;  /* Zwei Spalten – wie ConanWiki */
Zeile 1.157: Zeile 1.157:


   /* Jede der beiden Spalten */
   /* Jede der beiden Spalten */
   body.page-Hauptseite .ados-hero__column {
   body.page-Hauptseitev2 .ados-hero__column {
     padding: 0 0.6rem;
     padding: 0 0.6rem;
   }
   }


   body.page-Hauptseite .ados-hero__heading {
   body.page-Hauptseitev2 .ados-hero__heading {
     font-size: 1.1rem;
     font-size: 1.1rem;
     margin-bottom: 0.4rem;
     margin-bottom: 0.4rem;
Zeile 1.168: Zeile 1.168:
   }
   }


   body.page-Hauptseite .ados-hero__column ul {
   body.page-Hauptseitev2 .ados-hero__column ul {
     list-style: none;
     list-style: none;
     margin: 0;
     margin: 0;
Zeile 1.174: Zeile 1.174:
   }
   }


   body.page-Hauptseite .ados-hero__column li {
   body.page-Hauptseitev2 .ados-hero__column li {
     margin: 2px 0;
     margin: 2px 0;
   }
   }


   /* Specials – eigene Zeile, zentriert */
   /* Specials – eigene Zeile, zentriert */
   body.page-Hauptseite .ados-hero__specials {
   body.page-Hauptseitev2 .ados-hero__specials {
     margin-top: 1.2rem;
     margin-top: 1.2rem;
     width: 100%;
     width: 100%;
Zeile 1.186: Zeile 1.186:
   }
   }


   body.page-Hauptseite .ados-hero__specials ul {
   body.page-Hauptseitev2 .ados-hero__specials ul {
     list-style: none;
     list-style: none;
     padding: 0;
     padding: 0;
Zeile 1.192: Zeile 1.192:
   }
   }


   body.page-Hauptseite .ados-hero__specials li {
   body.page-Hauptseitev2 .ados-hero__specials li {
     margin: 2px 0;
     margin: 2px 0;
   }
   }
}
}