MediaWiki:Mobile.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1: / Zeile 1: @@
-/* ===== Biobox mobil reparieren ===== */
+/* === Biobox & Co. auf Mobil ordentlich untereinander === */
-.mw-parser-output table.biobox {
+@media (max-width: 768px) {
-  float: none !important;
+  /* Biobox: volle Breite, kein Float */
-  clear: both !important;
+  .mw-parser-output table.biobox {
-  display: block !important;
+    float: none !important;
-  width: 100% !important;
+    clear: both !important;
-  max-width: 100% !important;
+    display: block !important;
-  margin: 0 0 1em 0 !important;
+    width: 100% !important;
-   box-sizing: border-box;
+    max-width: 100% !important;
-  border: 1px solid #c8ccd1;   /* sauberer Rahmen */
+    margin: 0 0 1em 0 !important;
-  background: #fff;
+   }
-}
-/* Zellen & Bild responsiv */
+  /* Bilder in der Biobox nicht überstehen lassen */
-.mw-parser-output table.biobox td,
+   .mw-parser-output table.biobox img {
-.mw-parser-output table.biobox th {
+    max-width: 100% !important;
-   padding: 0.25em 0.4em !important;
+    height: auto !important;
-  vertical-align: top;
+    display: block;
-  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 */
+  /* ALLE rechts-ausgerichteten Tabellen im Artikelkörper entfloaten
-.mw-parser-output table.biobox + table[align="right"] {
+     (dein Social-Links-Tisch usw.) */
-   float: none !important;
+  .mw-parser-output table[align="right"],
-   align: initial !important;
+   .mw-parser-output .thumb[style*="float:right"],
-  width: 100% !important;
+   .mw-parser-output .thumb.tright {
-  margin: 0 0 1em 0 !important;
+    float: none !important;
-  display: block !important;
+    width: 100% !important;
-   box-sizing: border-box;
+    margin: 0 0 1em 0 !important;
-}
+    clear: both !important;
+   }
-/* Falls Social-Icons weitere rechte Tabellen enthalten, alle neutralisieren */
+  /* Der eigentliche Artikeltext soll UNTER der Biobox anfangen */
-.mw-parser-output table.biobox ~ table[align="right"] {
+  .mw-parser-output .biobox ~ p:first-of-type,
-   float: none !important;
+   .mw-parser-output .biobox ~ .mw-headline:first-of-type {
-  width: 100% !important;
+    clear: both !important;
-   margin: 0 0 1em 0 !important;
+   }
-}
-/* Textfluss: Inhalt unter der Box beginnen */
+  /* TOC (Inhaltsverzeichnis) nicht neben die Biobox legen */
-.mw-parser-output > p:first-of-type,
+  .mw-parser-output #toc {
-.mw-parser-output .toc {
+    clear: both !important;
-  clear: both !important;
+  }
-}
-/* Generelle Sicherheit: Tabellen brechen nicht aus dem Viewport */
-.mw-parser-output table {
-  max-width: 100%;
-  overflow-x: auto;
-  display: block;
 }