MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 678: / Zeile 678: @@
    }
 }
-/* Fix: Text startet direkt neben Biobox + Social-Links floaten sauber */
+/* ============================================
+   FIX: Biobox + Social-Links + Abstand zum Text
+   ============================================ */
+/* 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;
-  width: 22em;                /* gleiche Breite wie Biobox */
    background: transparent !important;
-   border: 0 !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;
+}
+/* Erster Absatz darf neben Floats starten */
+.mw-parser-output > p:first-of-type{
+  clear:none;
+  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;
+}
+/* Social-Block soll sich rechts neben die Biobox setzen, nicht blocken */
+.mw-parser-output .bio-social {
+  float: right !important;
+  clear: right !important;
+  margin: 0 0 1em 1em !important;
+  width: auto !important;
    background: transparent !important;
    border: 0 !important;
 }
+/* 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;
+  }
 }