MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 678: / Zeile 678: @@
    }
 }
-/* Wenn die Biobox rechts floatet, soll der Text daneben fließen,
+/* ============================================
-   auch wenn nach der Box noch ein leerer Social-Block kommt */
+   FIX: Biobox + Social-Links + Abstand zum Text
-.mw-parser-output .bio-social:empty {
+   ============================================ */
-   display: none !important;
+/* Social-Links sollen rechts neben der Biobox floaten */
+.mw-parser-output .bio-social {
+  float: right !important;
+  clear: right !important;
+  width: 22em !important;           /* gleiche Breite wie Biobox */
+  margin: 0 0 1em 1em !important;
+  background: transparent !important;
+  border: none !important;
+  padding: 0 !important;
+  box-sizing: border-box;
+}
+/* Social-Link-Tabelle neutralisieren */
+.mw-parser-output .bio-social table {
+  width: 100% !important;
+  border: none !important;
+  background: transparent !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+/* Verhindert, dass der erste Absatz unter die Box rutscht */
+.mw-parser-output > p:first-of-type {
+  clear: none !important;
+  margin-top: 0 !important;
+}
+/* Mobile Ansicht: Box + Social-Links zentriert, keine Überbreite */
+@media screen and (max-width: 768px) {
+  .mw-parser-output table.biobox,
+  .mw-parser-output .bio-social {
+    float: none !important;
+    clear: both !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 0 1em 0 !important;
+  }
+}
+/* Social-Block rechts „neben“ der Biobox; blockiert den Text nicht */
+.mw-parser-output .bio-social{
+  float:right;
+  clear:right;
+  margin:0 0 1em 1em;
+}
+.mw-parser-output .bio-social table{
+   display:inline-table;
+  width:auto;
+  background:transparent; /* grauen Hintergrund vermeiden */
+  border:0;
 }
-/* Falls MediaWiki leere <table> oder <div> im Social-Block erzeugt */
+/* Erster Absatz darf neben Floats starten */
-.mw-parser-output .bio-social table:empty,
+.mw-parser-output > p:first-of-type{
-.mw-parser-output .bio-social div:empty {
+  clear:none;
-   display: none !important;
+  margin-top:0;
+}
+/* --- Biobox und Textfluss-Korrektur --- */
+.mw-parser-output table.biobox {
+  float: right !important;
+  clear: right !important;
+   margin: 0.5em 0 1em 1em !important;
 }
-/* Sicherheit: wenn Social-Block trotzdem da ist, soll er rechts floaten */
+/* Social-Block soll sich rechts neben die Biobox setzen, nicht blocken */
 .mw-parser-output .bio-social {
    float: right !important;
@@ Zeile 697: / Zeile 752: @@
    width: auto !important;
    background: transparent !important;
-   border: none !important;
+   border: 0 !important;
 }
-/* Der erste Absatz darf nicht „weggeschoben“ werden */
+/* 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;
+}
+/* === 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;
+  }
 }