MediaWiki:Minerva.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 11: / Zeile 11: @@
-/* ==== ADOS Hero-Bereich oben – Whisky-Gold (Variante A) ==== */
+/* ==== Mobile-Layout wie ConanWiki – ADOS-Hero ==== */
-body.page-Hauptseitev2 .ados-hero {
+@media (max-width: 900px) {
-  margin: 0 auto 1.5rem;
+  /* der Balken selbst */
-  padding: 1.8rem 1.2rem;
+  body.page-Hauptseitev2 .ados-hero {
-  max-width: 72rem;
+    margin: -0.3rem -1rem 1rem;
+    padding: 1.3rem 1rem 1rem;
+    border-radius: 0;
+    box-shadow: 0 4px 12px rgba(80, 50, 20, 0.16);
+  }
-   background: linear-gradient(
+   /* alles untereinander, zentriert */
-deg,
+  body.page-Hauptseitev2 .ados-hero__inner {
-     rgba(217, 164, 65, 0.20),   /* Gold */
+    display: block;
-     rgba(243, 230, 192, 0.80)   /* Holz / Fass */
+     max-width: 900px;
-   );
+     margin: 0 auto;
+     text-align: center;
+   }
-   border-radius: 18px;
+   body.page-Hauptseitev2 .ados-hero__left {
-  border: 1px solid rgba(217, 164, 65, 0.35);
+    margin-bottom: 1rem;
-   box-shadow: 0 10px 25px rgba(100, 70, 20, 0.12);
+   }
-   text-align: center;
+   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__title {
+  body.page-Hauptseitev2 .ados-hero__right a:link,
-   margin: 0 0 .4rem;
+   body.page-Hauptseitev2 .ados-hero__right a:visited {
-  font-size: 2.0rem;
+    color: #7a4b18;
-  font-weight: 700;
+    text-decoration: none;
-  color: #5a3b15;
+  }
-}
-body.page-Hauptseitev2 .ados-hero__subtitle {
+  body.page-Hauptseitev2 .ados-hero__right a:hover {
-  margin: 0;
+    text-decoration: underline;
-  font-size: 1rem;
+   }
-   color: #4b3b25;
 }
-@media (max-width: 720px) {
+/* Optional: bei extrem schmalen Geräten etwas enger machen */
+@media (max-width: 500px) {
    body.page-Hauptseitev2 .ados-hero {
-     margin-top: .75rem;
+     margin: -0.2rem -0.7rem 0.9rem;
-     padding: 1.2rem .9rem;
+     padding: 1.1rem 0.8rem 0.9rem;
    }
+}
-  body.page-Hauptseitev2 .ados-hero__title {
+/* ==== ADOS-Wiki: Zentrierung des mittleren Textblocks im Mobile-Hero ==== */
-     font-size: 1.6rem;
+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 */
 }