MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.789: / Zeile 1.789: @@
 /* --- Mobile: Infobox oben, volle Breite, bündig --- */
 @media screen and (max-width: 768px) {
-   /* Infobox selbst */
-   .mw-parser-output table.infobox {
+   /* Infobox (oder Biobox) entfloaten + auf Vollbreite */
+   .mw-parser-output table.infobox,
+  .mw-parser-output table.biobox {
      float: none !important;
      clear: both !important;
      display: block !important;
-     /* Vollbreite + Ausgleich des Container-Paddings (≈ 1rem je Seite) */
+     /* Container-Padding (≈ 1rem) ausgleichen */
      width: calc(100% + 2rem) !important;
-     margin-left: -1rem !important;
+     margin: 0 -1rem 1em -1rem !important;
-    margin-right: -1rem !important;
-     /* Optik */
+     max-width: none !important;  /* überschreibt inline width:240px */
-    margin-top: 0 !important;
-    margin-bottom: 1em !important;
      background: #fff !important;
      box-sizing: border-box;
-    max-width: none !important; /* überschreibt inline width:240px */
    }
-   /* Bilder responsiv */
+   /* Bilder in der (Bio)Infobox responsiv */
-   .mw-parser-output table.infobox img {
+   .mw-parser-output table.infobox img,
+  .mw-parser-output table.biobox img {
      max-width: 100% !important;
      height: auto !important;
@@ Zeile 1.815: / Zeile 1.814: @@
    }
-   /* Nachfolgende Social-Icon-Tabelle neutralisieren */
+   /* Bild-Link block-level, damit er die ganze Breite füllt */
-   .mw-parser-output table.infobox + table[align="right"] {
+  .mw-parser-output table.infobox td > a.image,
+  .mw-parser-output table.biobox td > a.image {
+    display: block;
+  }
+  /* Falls du im Template eine Klasse nutzt: padding sicher entfernen */
+  .mw-parser-output table.infobox td.infobox-image,
+  .mw-parser-output table.biobox td.infobox-image {
+    padding: 0 !important;
+  }
+  /* Die rechts ausgerichtete Social-Icon-Tabelle neutralisieren */
+   .mw-parser-output table.infobox + table[align="right"],
+  .mw-parser-output table.biobox + table[align="right"] {
      float: none !important;
      align: initial !important;
@@ Zeile 1.823: / Zeile 1.835: @@
    }
-   /* Text sicher unterhalb starten */
+   /* Text unter der Box beginnen */
    .mw-parser-output > p:first-of-type {
      clear: both !important;
-  }
-}
-@media screen and (max-width: 768px) {
-  /* Bild in der Infobox auf volle Zellbreite skalieren */
-  .mw-parser-output table.infobox td > a.image img {
-    width: 100% !important;
-    height: auto !important;
-    display: block;
-  }
-  /* Für die Bildzeile keinen Innenabstand */
-  .mw-parser-output table.infobox td > a.image {
-    display: block;
-  }
-  /* Falls der Browser :has unterstützt, nehmen wir auch das TD-Polster raus */
-  .mw-parser-output table.infobox td:has(> a.image) {
-    padding: 0 !important;
    }
 }