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