MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.787: / Zeile 1.787: @@
 .kat-links a:hover { background:#f8f9fa; }
-/* --- Mobile: Infobox oben, volle Breite, bündig --- */
+/* --- Mobile: Infobox oben, 100% Breite, Bild passt sich an --- */
-@media screen and (max-width: 768px) {
+@media (max-width: 768px) {
-   /* Infobox (oder Biobox) entfloaten + auf Vollbreite */
+   /* Infobox nicht mehr rechts floaten und 100% breit machen */
-   .mw-parser-output table.infobox,
+   .mw-parser-output table.infobox {
-  .mw-parser-output table.biobox {
      float: none !important;
      clear: both !important;
      display: block !important;
+     width: 100% !important;
-    /* Container-Padding (≈ 1rem) ausgleichen */
+     max-width: 100% !important;
-     width: calc(100% + 2rem) !important;
+     margin: 0 0 1em 0 !important;
-    margin: 0 -1rem 1em -1rem !important;
-     max-width: none !important;  /* überschreibt inline width:240px */
-     background: #fff !important;
      box-sizing: border-box;
+    background: #fff; /* falls Skin grau hinterlegt */
    }
-   /* Bilder in der (Bio)Infobox responsiv */
+   /* Bild in der Infobox responsiv über die ganze Zellenbreite */
-   .mw-parser-output table.infobox img,
+   .mw-parser-output table.infobox a.image,
-   .mw-parser-output table.biobox img {
+   .mw-parser-output table.infobox a.image img {
-     max-width: 100% !important;
+     display: block;
+    width: 100% !important;
      height: auto !important;
-    display: block;
    }
-   /* Bild-Link block-level, damit er die ganze Breite füllt */
+   /* Kein seitlicher Text neben der Box */
-   .mw-parser-output table.infobox td > a.image,
+   .mw-parser-output > p:first-of-type {
-  .mw-parser-output table.biobox td > a.image {
+     clear: both !important;
-     display: block;
    }
-   /* Falls du im Template eine Klasse nutzt: padding sicher entfernen */
+   /* Nachfolgende rechts-ausgerichtete Tabelle (Social-Icons) neutralisieren */
-  .mw-parser-output table.infobox td.infobox-image,
+   .mw-parser-output table.infobox + table[align="right"] {
-  .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;
      width: 100% !important;
      margin: 0 0 1em 0 !important;
-  }
+     align: initial !important;
-  /* Text unter der Box beginnen */
-  .mw-parser-output > p:first-of-type {
-     clear: both !important;
    }
 }