MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.815: / Zeile 1.815: @@
 }
-/* ==== Biobox – Mobil korrigiert (volle Breite, Icon fix) ==== */
+/* ==== Biobox: mobile sauber & Bildgrößen korrekt ==== */
 @media screen and (max-width: 900px) {
-   /* Biobox bündig zur Bildschirmkante */
+   /* Box nicht floaten, volle Inhaltsbreite */
    .mw-parser-output table.biobox {
      float: none !important;
      clear: both !important;
      display: block !important;
-     width: 100vw !important;                 /* volle Bildschirmbreite */
+     width: 100% !important;
-     max-width: 100vw !important;
+     max-width: 100% !important;
-     margin: 0 calc(-1 * var(--content-padding, 16px)) 1em calc(-1 * var(--content-padding, 16px)) !important;
+     margin: 0 0 1em 0 !important;
-    border: 1px solid #c8ccd1;
-    border-radius: 8px;
-    background: #fff;
      box-sizing: border-box;
-    overflow: hidden;
-  }
-  /* Tabellenzellen */
-  .mw-parser-output table.biobox td,
-  .mw-parser-output table.biobox th {
-    padding: 0.4em 0.6em;
-    vertical-align: top;
    }
-   /* Hauptbild: immer volle Breite */
+   /* Hauptbild: immer auf Boxbreite skalieren */
-   .mw-parser-output table.biobox a.image:first-of-type img {
+   .mw-parser-output table.biobox a.image img {
+    max-width: 100% !important;
      width: 100% !important;
      height: auto !important;
      display: block;
-    margin: 0;
    }
-   /* Sternzeichen / Icon: nicht vergrößern */
+   /* Sternzeichen-/Zodiac-Icon klein halten (ohne das Hauptbild zu treffen) */
+  .mw-parser-output table.biobox img[alt*="Sternzeichen"],
    .mw-parser-output table.biobox img[title*="Sternzeichen"],
-   .mw-parser-output table.biobox img[alt*="Sternzeichen"],
+   .mw-parser-output table.biobox img[src*="Sternzeichen"],
    .mw-parser-output table.biobox img[alt*="Zodiac"],
-   .mw-parser-output table.biobox img[src*="Sternzeichen"],
+   .mw-parser-output table.biobox img[title*="Zodiac"],
    .mw-parser-output table.biobox img[src*="zodiac"] {
      width: 24px !important;
+    max-width: 24px !important;
      height: auto !important;
      display: inline-block !important;
@@ Zeile 1.860: / Zeile 1.851: @@
    }
-   /* Textfluss unterhalb der Box */
+   /* Falls direkt danach eine rechte Social-Tabelle kommt: neutralisieren */
+  .mw-parser-output table.biobox + table[align="right"] {
+    float: none !important;
+    width: 100% !important;
+    margin: 0 0 1em 0 !important;
+    align: initial !important;
+  }
+  /* Text erst unter der Box beginnen */
    .mw-parser-output > p:first-of-type {
      clear: both !important;
    }
 }