MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 738: / Zeile 738: @@
    margin-top:0;
 }
-/* 1) Erster Absatz direkt nach der Biobox: kein zusätzlicher Top-Abstand */
+/* --- Biobox und Textfluss-Korrektur --- */
-.mw-parser-output > table.biobox + p {
+.mw-parser-output table.biobox {
-   margin-top: 0 !important;
+  float: right !important;
+  clear: right !important;
+   margin: 0.5em 0 1em 1em !important;
 }
-/* 2) Falls zwischen Biobox und erstem Absatz noch ein Social-Wrapper liegt */
+/* Social-Block soll sich rechts neben die Biobox setzen, nicht blocken */
-.mw-parser-output > table.biobox + .bio-social + p {
+.mw-parser-output .bio-social {
-   margin-top: 0 !important;
+  float: right !important;
+  clear: right !important;
+   margin: 0 0 1em 1em !important;
+  width: auto !important;
+  background: transparent !important;
+  border: 0 !important;
 }
-/* 3) Sicherheit: der allererste Absatz auf der Seite soll nie extra Top-Margin haben */
+/* Der Artikeltext (erster Absatz) darf NICHT unter die Floats gezwungen werden */
 .mw-parser-output > p:first-of-type {
+  clear: none !important;
    margin-top: 0 !important;
-   clear: none !important;
+}
+/* === Desktop-Korrektur für Biobox (stellt Float & Breite wieder her) === */
+@media (min-width: 769px) {
+  .mw-parser-output table.biobox {
+    float: right !important;
+    clear: right !important;
+    width: 22em !important;      /* feste Breite nur am Desktop */
+    margin: 0.5em 0 1em 1em !important;
+  }
+  /* Textfluss wieder links neben der Box zulassen */
+  .mw-parser-output > p:first-of-type {
+    clear: none !important;
+    margin-top: 0 !important;
+  }
+  /* Falls Social-Links existieren – sie sollen unter der Box rechts bleiben */
+  .mw-parser-output .bio-social {
+    float: right !important;
+    clear: right !important;
+    margin: 0 0 1em 1em !important;
+    width: auto !important;
+  }
+}
+/* ==== DESKTOP-FIX (nur >=769px) ==== */
+@media (min-width: 769px) {
+  /* Biobox rechts, feste Breite, normaler Textfluss links daneben */
+  .mw-parser-output table.biobox{
+    float: right !important;
+    clear: right !important;
+    width: 22em !important;
+    margin: 0.5em 0 1em 1em !important;
+  }
+  /* Social-Links dürfen daneben/unter die Box, blockieren den Text nicht */
+  .mw-parser-output .bio-social{
+    float: right !important;
+    clear: right !important;
+    width: auto !important;          /* NICHT 100% auf Desktop */
+    margin: 0 0 1em 1em !important;
+    background: transparent !important;
+    border: 0 !important;
+    padding: 0 !important;
+   }
+  .mw-parser-output .bio-social table{
+    display: inline-table !important;
+    width: auto !important;
+    background: transparent !important;
+    border: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+  /* Erster Absatz soll NICHT unter die Floats gezwungen werden */
+  .mw-parser-output > p:first-of-type{
+    clear: none !important;
+    margin-top: 0 !important;
+  }
 }