MediaWiki:Minerva.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
 /* All CSS here will be loaded for users of the MinervaNeue skin */
-$wgHooks['MobileMenu'][] = function ( $name, &$group ) {
-    // Test-Link OBEN
+/* kompakte Abstände & saubere Einrückung */
-    if ( $name === 'discovery' && method_exists( $group, 'insert' ) ) {
+#ados-custom-links .toggle-list-item__anchor { padding: 6px 12px; }
-        $group->insert( 'test-link-oben' )->addComponent(
+#ados-custom-links .toggle-list__list .toggle-list-item__anchor { padding-left: 12px; }
-            'TEST-LINK OBEN',
-            'https://example.org',
+/* Unterpunkte: keine Icons anzeigen (Sicherheitsgurt, falls doch welche auftauchen) */
-            null
+#ados-custom-links .toggle-list__list .minerva-icon { display: none !important; }
-        );
-     }
-     // Test-Link GANZ UNTEN
-     if ( $name === 'sitelinks' && method_exists( $group, 'insert' ) ) {
-        $group->insert( 'test-link-unten' )->addComponent(
+/* ==== Mobile-Layout wie ConanWiki – ADOS-Hero ==== */
-            'TEST-LINK UNTEN',
-            'https://example.org',
+@media (max-width: 900px) {
-            null
+  /* der Balken selbst */
-        );
+  body.page-Hauptseitev2 .ados-hero {
-     }
+    margin: -0.3rem -1rem 1rem;
-     return true;
+    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 */
+}