MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1: / Zeile 1: @@
-/* Full-Width Fix für Mobile/iOS – reduziert Leerraum links/rechts */
+/* === Mobile-Fix für Biobox – simpel & robust === */
-@media all and (max-width: 720px) {
+@media (max-width: 768px) {
-    .mw-parser-output {
+  /* Biobox: volle Breite, kein Float */
-        width: 100% !important;
+  .mw-parser-output table.biobox {
-        max-width: 100% !important;
+    float: none !important;
-        margin: 0 !important;
+    clear: both !important;
-        padding: 0 !important;
+    display: block !important;
-        box-sizing: border-box !important;
+    width: 100% !important;
-        overflow-x: hidden; /* Verhindert horizontales Scrollen auf iOS */
+    max-width: 100% !important;
-     }
+    margin: 0 0 1em 0 !important;
+    border-collapse: collapse;   /* verhindert optische Einrückung */
+  }
+  /* Zell-Padding konsistent (verhindert „Inhalt weiter rechts“) */
+  .mw-parser-output table.biobox td,
+  .mw-parser-output table.biobox th {
+    padding: 0.3em 0.4em !important;
+  }
+  /* Bilder nicht überstehen lassen */
+  .mw-parser-output table.biobox img {
+    display: block;
+    max-width: 100% !important;
+    height: auto !important;
+    margin: 0 auto;             /* zentriert, falls kleiner */
+  }
+  /* Rechts-ausgerichtete Folge-Tabellen (Social-Links etc.) entfloaten */
+  .mw-parser-output table.biobox + table[align="right"] {
+    float: none !important;
+    width: 100% !important;
+    margin: 0 0 1em 0 !important;
+    align: initial !important;
+    clear: both !important;
+  }
+  /* Text erst unter der Biobox starten */
+  .mw-parser-output .biobox ~ p:first-of-type,
+  .mw-parser-output .biobox ~ .mw-headline:first-of-type,
+  .mw-parser-output #toc {
+     clear: both !important;
+  }
 }