MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Zum nächsten Versionsunterschied →

@@ Zeile 1: / Zeile 1: @@
-/* Das CSS hier wird für die Benutzer der mobilen Website geladen. */
+/* ===== Biobox mobil reparieren ===== */
-/* ===== Biobox – MOBIL ===== */
 .mw-parser-output table.biobox {
    float: none !important;
@@ Zeile 9: / Zeile 8: @@
    margin: 0 0 1em 0 !important;
    box-sizing: border-box;
+  border: 1px solid #c8ccd1;   /* sauberer Rahmen */
+  background: #fff;
 }
-/* Bild responsive */
+/* Zellen & Bild responsiv */
+.mw-parser-output table.biobox td,
+.mw-parser-output table.biobox th {
+  padding: 0.25em 0.4em !important;
+  vertical-align: top;
+  border: 0;
+}
 .mw-parser-output table.biobox img {
    max-width: 100% !important;
@@ Zeile 18: / Zeile 25: @@
 }
-/* Direkt nach der Biobox kommende rechte Tabelle (Social-Icons) entfloaten */
+/* Die direkt folgende rechte Social-Icons-Tabelle neutralisieren */
 .mw-parser-output table.biobox + table[align="right"] {
    float: none !important;
@@ Zeile 24: / Zeile 31: @@
    width: 100% !important;
    margin: 0 0 1em 0 !important;
+  display: block !important;
+  box-sizing: border-box;
 }
-/* Inhalt unter der Biobox beginnen */
+/* Falls Social-Icons weitere rechte Tabellen enthalten, alle neutralisieren */
-.mw-parser-output > p:first-of-type {
+.mw-parser-output table.biobox ~ table[align="right"] {
+  float: none !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;
 }