MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
-/* === Biobox & Co. auf Mobil ordentlich untereinander === */
+/* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
-@media (max-width: 768px) {
+@media (max-width: 900px) {
-  /* Biobox: volle Breite, kein Float */
    .mw-parser-output table.biobox {
      float: none !important;
      clear: both !important;
      display: block !important;
-     width: 100% !important;
+     width: 100vw !important;          /* nutze volle Bildschirmbreite */
-     max-width: 100% !important;
+     max-width: 100vw !important;
-     margin: 0 0 1em 0 !important;
+     margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */
+    border: 1px solid #c8ccd1;
+    border-collapse: collapse;
+    box-sizing: border-box;
+    background: #fff;
+  }
+  /* Inhalt bündig – keine optische Einrückung */
+  .mw-parser-output table.biobox td,
+  .mw-parser-output table.biobox th {
+    padding: 0.3em 0.5em !important;
    }
-   /* Bilder in der Biobox nicht überstehen lassen */
+   /* Bild volle Breite der Box */
    .mw-parser-output table.biobox img {
+    width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      display: block;
+    margin: 0;
    }
-   /* ALLE rechts-ausgerichteten Tabellen im Artikelkörper entfloaten
+   /* Text unterhalb starten */
-     (dein Social-Links-Tisch usw.) */
+   .mw-parser-output > p:first-of-type {
-   .mw-parser-output table[align="right"],
-  .mw-parser-output .thumb[style*="float:right"],
-  .mw-parser-output .thumb.tright {
-    float: none !important;
-    width: 100% !important;
-    margin: 0 0 1em 0 !important;
-    clear: both !important;
-  }
-  /* Der eigentliche Artikeltext soll UNTER der Biobox anfangen */
-  .mw-parser-output .biobox ~ p:first-of-type,
-  .mw-parser-output .biobox ~ .mw-headline:first-of-type {
-    clear: both !important;
-  }
-  /* TOC (Inhaltsverzeichnis) nicht neben die Biobox legen */
-  .mw-parser-output #toc {
      clear: both !important;
    }
 }