MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 1: / Zeile 1: @@
-/* ===== Biobox mobil reparieren ===== */
+/* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
-.mw-parser-output table.biobox {
+@media (max-width: 900px) {
-  float: none !important;
+  .mw-parser-output table.biobox {
-  clear: both !important;
+    float: none !important;
-  display: block !important;
+    clear: both !important;
-  width: 100% !important;
+    display: block !important;
-  max-width: 100% !important;
+    width: 100vw !important;          /* nutze volle Bildschirmbreite */
-  margin: 0 0 1em 0 !important;
+    max-width: 100vw !important;
-  box-sizing: border-box;
+    margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */
-  border: 1px solid #c8ccd1;   /* sauberer Rahmen */
+    border: 1px solid #c8ccd1;
-  background: #fff;
+    border-collapse: collapse;
-}
+    box-sizing: border-box;
+    background: #fff;
+  }
-/* Zellen & Bild responsiv */
+  /* Inhalt bündig – keine optische Einrückung */
-.mw-parser-output table.biobox td,
+  .mw-parser-output table.biobox td,
-.mw-parser-output table.biobox th {
+  .mw-parser-output table.biobox th {
-  padding: 0.25em 0.4em !important;
+    padding: 0.3em 0.5em !important;
-  vertical-align: top;
+   }
-  border: 0;
-}
-.mw-parser-output table.biobox img {
-  max-width: 100% !important;
-  height: auto !important;
-   display: block;
-}
-/* Die direkt folgende rechte Social-Icons-Tabelle neutralisieren */
+  /* Bild volle Breite der Box */
-.mw-parser-output table.biobox + table[align="right"] {
+  .mw-parser-output table.biobox img {
-  float: none !important;
+    width: 100% !important;
-  align: initial !important;
+    max-width: 100% !important;
-  width: 100% !important;
+    height: auto !important;
-  margin: 0 0 1em 0 !important;
+    display: block;
-  display: block !important;
+    margin: 0;
-  box-sizing: border-box;
+  }
-}
-/* Falls Social-Icons weitere rechte Tabellen enthalten, alle neutralisieren */
+  /* Text unterhalb starten */
-.mw-parser-output table.biobox ~ table[align="right"] {
+   .mw-parser-output > p:first-of-type {
-  float: none !important;
+    clear: both !important;
-  width: 100% !important;
+  }
-   margin: 0 0 1em 0 !important;
-}
-/* Textfluss: Inhalt unter der Box beginnen */
-.mw-parser-output > p:first-of-type,
-.mw-parser-output .toc {
-  clear: both !important;
-}
-/* Generelle Sicherheit: Tabellen brechen nicht aus dem Viewport */
-.mw-parser-output table {
-  max-width: 100%;
-  overflow-x: auto;
-  display: block;
 }