MediaWiki:Mobile.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* === Biobox & Co. auf Mobil ordentlich untereinander === */
@media (max-width: 768px) {
  /* Biobox: volle Breite, kein Float */
  .mw-parser-output table.biobox {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1em 0 !important;
  }

  /* Bilder in der Biobox nicht überstehen lassen */
  .mw-parser-output table.biobox img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* ALLE rechts-ausgerichteten Tabellen im Artikelkörper entfloaten
     (dein Social-Links-Tisch usw.) */
  .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;
  }
}