MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied

@@ Zeile 783: / Zeile 783: @@
    }
 }
-/* === Einheitliches, stabiles Layout für Biobox === */
+/* ==== 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;
+  }
-/* Basis */
+  /* Social-Links dürfen daneben/unter die Box, blockieren den Text nicht */
-.mw-parser-output table.biobox {
+  .mw-parser-output .bio-social{
-  border-collapse: collapse;
+    float: right !important;
-  width: 22em;                   /* Desktop-Breite */
+    clear: right !important;
-  float: right;
+    width: auto !important;          /* NICHT 100% auf Desktop */
-  margin: 0 0 1em 1em;
+    margin: 0 0 1em 1em !important;
-   font-size: 90%;
+    background: transparent !important;
-  background: transparent;
+    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;
+  }
-/* Foto bündig, keine Luft */
+  /* Erster Absatz soll NICHT unter die Floats gezwungen werden */
-.mw-parser-output table.biobox .biobox-photo {
+   .mw-parser-output > p:first-of-type{
-  padding: 0 !important;
+    clear: none !important;
-  border: 0 !important;
+     margin-top: 0 !important;
-  line-height: 0 !important;
-  background: transparent !important;
-}
-.mw-parser-output table.biobox .biobox-photo img {
-  display: block !important;
-  width: 100% !important;
-   height: auto !important;
-  margin: 0 !important;
-  border: 0 !important;
-  background: transparent !important;
-}
-/* Kein Abstand zwischen Biobox und erstem Textabsatz */
-.mw-parser-output table.biobox + p,
-.mw-parser-output table.biobox + .bio-social + p {
-  margin-top: 0 !important;
-}
-/* Leere Social-Box (wenn keine Links) ausblenden */
-.mw-parser-output .bio-social:empty,
-.mw-parser-output .bio-social table:empty {
-  display: none !important;
-}
-/* Mobil: volle Breite, kein Float */
-@media (max-width: 768px) {
-  .mw-parser-output table.biobox {
-    float: none;
-    width: 100%;
-     margin: 0 0 1em 0;
-  }
-  .mw-parser-output .bio-social {
-    float: none;
-    width: 100%;
-    margin: 0 0 1em 0;
    }
 }