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 Darstellung der Infobox --- */
+/* --- Mobile Darstellung der Biobox (zentriert und volle Breite) --- */
 @media screen and (max-width: 768px) {
-   .infobox {
+   .biobox {
      float: none !important;
-    margin: 0 auto 1em auto !important;
-    width: 100% !important;
-    display: block !important;
-  }
-  /* Optional: Text nicht seitlich, sondern darunter */
-  .mw-body-content p {
-    clear: both;
-  }
-}
-/* --- Mobile Darstellung der Biobox (Bunnypedia) --- */
-@media screen and (max-width: 768px) {
-  .biobox {
-    float: none !important;                /* nicht mehr rechtsbündig */
      display: block !important;
-     width: calc(100% - 20px) !important;   /* fast volle Breite (kleine Seitenränder) */
+     width: 100% !important;               /* volle Breite */
-     margin: 0 auto 1em auto !important;    /* zentriert + etwas Abstand unten */
+    max-width: none !important;
+     margin: 0 0 1em 0 !important;         /* kein Seitenabstand, nur unten */
+    background: #fff !important;
      box-sizing: border-box;
-    background: #fff !important;           /* weißer Hintergrund */
+     border-radius: 8px;
-     border-radius: 8px;                    /* leichte Rundung */
+     box-shadow: 0 2px 5px rgba(0,0,0,0.08);
-     box-shadow: 0 2px 5px rgba(0,0,0,0.08);/* dezenter Schatten */
      padding: 4px;
    }
-   /* Biobox-Bild skalieren */
+   /* Biobox in voller Breite auch bei Inhalts-Einrückung */
+  .mw-parser-output .biobox,
+  .mw-body-content .biobox {
+    margin-left: -1em !important;
+    margin-right: -1em !important;
+    width: calc(100% + 2em) !important;
+  }
+  /* Bild korrekt skalieren */
    .biobox img {
      max-width: 100% !important;
      height: auto !important;
+    display: block;
+    margin: 0 auto;
+  }
+  /* Überschriften zentrieren (optional) */
+  .biobox b,
+  .biobox td[colspan="2"] {
+    text-align: center !important;
    }
-   /* Textfluss unterhalb der Biobox erzwingen */
+   /* Artikeltext erst unter der Biobox beginnen */
-  .mw-body-content p,
+   .mw-parser-output > p:first-of-type {
-   .mw-parser-output > p {
      clear: both !important;
    }
 }