ADOS Wiki

MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1.125: Zeile 1.125:
/* bis 900px */
/* bis 900px */
@media (max-width: 900px) {
@media (max-width: 900px) {
   body.page-Hauptseitev2 #mw-content-text .ados-hero {
 
  /* Hero-Container */
   body.page-Hauptseitev2 .ados-hero {
     margin: 0 -0.5rem 1rem;
     margin: 0 -0.5rem 1rem;
     padding: 1.3rem 1rem 1rem;
     padding: 1.3rem 1rem 1rem;
   }
   }


   body.page-Hauptseitev2 #mw-content-text .ados-hero__inner {
  /* Aufteilung untereinander */
   body.page-Hauptseitev2 .ados-hero__inner {
     flex-direction: column;
     flex-direction: column;
     align-items: center !important;     /* <<< absolut zentriert */
     align-items: center !important;
    text-align: center !important;      /* <<< wichtig */
   }
   }


   body.page-Hauptseitev2 #mw-content-text .ados-hero__left {
  /* ZENTRIERT: Titel + Beschreibung */
   body.page-Hauptseitev2 .ados-hero__left {
     width: 100%;
     width: 100%;
     max-width: 650px;
     max-width: 650px;
     margin: 0 auto 1rem auto;
     margin: 0 auto 1rem auto;
     padding: 0 1rem;
     padding: 0 1rem;
 
     text-align: center !important;
     text-align: center !important;       /* <<< Text zentriert */
   }
   }


   body.page-Hauptseitev2 #mw-content-text .ados-hero__title {
   body.page-Hauptseitev2 .ados-hero__title {
     text-align: center !important;
     text-align: center !important;
    width: 100%;
    margin: 0 auto .4rem;
   }
   }


   body.page-Hauptseitev2 #mw-content-text .ados-hero__subtitle {
   body.page-Hauptseitev2 .ados-hero__subtitle {
     text-align: center !important;
     text-align: center !important;
    margin: 0 auto 1rem;
    width: 100%;
   }
   }


   body.page-Hauptseitev2 #mw-content-text .ados-hero__right {
  /* ►► Listen-Bereich NICHT zentriert! ◄◄ */
   body.page-Hauptseitev2 .ados-hero__right {
     width: 100%;
     width: 100%;
     max-width: 650px;
     max-width: 650px;
     margin: 0 auto;
     margin: 0 auto;
    /* Zwei Spalten wie vorher */
    display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-template-columns: repeat(2, 1fr);
     text-align: left;
    gap: 1rem 1.2rem;
 
    text-align: left !important;        /* <<< WICHTIG */
  }
 
  body.page-Hauptseitev2 .ados-hero__right ul {
    padding-left: 0;
    margin: 0;
  }
 
  body.page-Hauptseitev2 .ados-hero__right li {
    margin: 2px 0;
     text-align: left;                   /* <<< WICHTIG */
   }
   }
}
}


/* bis 600px */
/* bis 600px → eine Spalte */
@media (max-width: 600px) {
@media (max-width: 600px) {
   body.page-Hauptseitev2 #mw-content-text .ados-hero__right {
   body.page-Hauptseitev2 .ados-hero__right {
     grid-template-columns: 1fr;
     grid-template-columns: 1fr !important;
     text-align: center !important;       /* <<< auf ganz schmal: ALLES zentriert */
     text-align: left !important;
   }
   }
}
}
Abgerufen von „https://ados-wiki.de/wiki/MediaWiki:Common.css“