MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
+/* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
+@media (max-width: 900px) {
+  .mw-parser-output table.biobox {
+    float: none !important;
+    clear: both !important;
+    display: block !important;
+    width: 100vw !important;          /* nutze volle Bildschirmbreite */
+    max-width: 100vw !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;
+  }
+  /* 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;
+  }
+  /* Text unterhalb starten */
+  .mw-parser-output > p:first-of-type {
+    clear: both !important;
+  }
+}