MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.786: / Zeile 1.786: @@
 .kat-links a:hover { background:#f8f9fa; }
-/* ===== BIOBOX – Baseline (Desktop rechts, mobil vollbreit) ===== */
+/* === BIObox endgültig: bündiges Bild, kein grauer Hintergrund, kein Abstand === */
-.mw-parser-output table.biobox{
-  float:right;
-  clear:right;
-  width:22em;
-  max-width:100%;
-  margin:0.5em 0 1em 1em;
-  border:1px solid #c8ccd1;
-  background:#fff;
-  border-collapse:collapse;
-  box-sizing:border-box;
-  font-size:90%;
-  line-height:1.5;
-}
-/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
+/* Tabelle selbst */
-@media (max-width:768px){
+.mw-parser-output table.biobox {
-  .mw-parser-output table.biobox{
+  border: 1px solid #c8ccd1;
-    float:none !important;
+  border-collapse: collapse;
-    clear:both !important;
+  background: #fff;
-    width:auto !important;
+  width: 22em;
-    max-width:100% !important;
+  float: right;
-    margin:0 0 1em 0 !important;
+  clear: right;
-   }
+  margin: 0.5em 0 1em 1em;
+  font-size: 90%;
+  line-height: 1.45;
+   box-sizing: border-box;
 }
-/* ====== OVERRIDES: Bild bündig, Luft weg, Artikelstart straffen ====== */
+/* Foto-Zelle: kein Abstand, kein Hintergrund, kein Rahmen */
-/* Fotozelle: KEINE Innenabstände/Zeilenhöhe (verhindert „Luft“ oben/unten) */
-.mw-parser-output table.biobox td.biobox-photo{
-  padding:0 !important;
-  border:0 !important;
-  line-height:0 !important;           /* entfernt Baseline-Gap */
-  background:transparent !important;
-}
-/* Bild & Wrapper wirklich auf volle Zellenbreite, ohne Rahmen/Abstand */
-.mw-parser-output table.biobox td.biobox-photo a.image,
-.mw-parser-output table.biobox td.biobox-photo .mw-file-element,
-.mw-parser-output table.biobox td.biobox-photo .thumb,
-.mw-parser-output table.biobox td.biobox-photo .thumbinner,
-.mw-parser-output table.biobox td.biobox-photo img {
-  display:block !important;
-  width:100% !important;
-  height:auto !important;
-  margin:0 !important;
-  padding:0 !important;
-  border:0 !important;
-  background:transparent !important;
-  box-shadow:none !important;
-}
-/* Sicherheit: Biobox-Tabellenrahmen sauber, kein Doppelabstand */
-.mw-parser-output table.biobox { border-collapse:collapse !important; }
-/* Artikelstart direkt unter Biobox ohne zusätzliche Luft */
-.mw-parser-output > p:first-of-type,
-.mw-parser-output > h2:first-of-type { margin-top:0 !important; }
-.mw-parser-output table.biobox + p { margin-top:0 !important; clear:both; }
-/* Mobil: erster Inhalt nach Biobox ohne Top-Margin */
-@media (max-width:768px){
-  .mw-parser-output table.biobox + * { margin-top:0 !important; }
-}
-/* === Biobox: Foto bündig, keine Ränder oder grauer Kasten === */
 .mw-parser-output table.biobox td.biobox-photo {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
-   background: none !important;
+   background: transparent !important;
-   line-height: 0 !important; /* verhindert Baseline-Gap unter dem Bild */
+   line-height: 0 !important; /* beseitigt weiße Linie unter Bild */
 }
-/* Bild selbst: wirklich auf volle Breite strecken */
+/* Bild selbst: exakt volle Breite */
 .mw-parser-output table.biobox td.biobox-photo img,
 .mw-parser-output table.biobox td.biobox-photo .mw-file-element,
@@ Zeile 1.866: / Zeile 1.818: @@
    width: 100% !important;
    height: auto !important;
-   max-width: 100% !important;
+   margin: 0 !important;
    border: none !important;
-  margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
 }
-/* Mobil: Box mittig, kein Überstand */
+/* Kein zusätzlicher „Rahmen im Rahmen“ */
-@media (max-width:768px) {
+.mw-parser-output table.biobox .thumb,
+.mw-parser-output table.biobox .thumbinner {
+  border: none !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+/* Abstand unterhalb der Biobox für Fließtext */
+.mw-parser-output table.biobox + p {
+  margin-top: 0.3em !important;
+}
+/* --- Mobile Ansicht: volle Breite, Text darunter --- */
+@media (max-width: 768px) {
    .mw-parser-output table.biobox {
      float: none !important;
@@ Zeile 1.880: / Zeile 1.846: @@
      width: 100% !important;
      max-width: 100% !important;
-     margin: 0 auto 1em auto !important;
+     margin: 0 0 1em 0 !important;
+  }
+  .mw-parser-output > p:first-of-type {
+    clear: both !important;
+    margin-top: 0 !important;  /* kein Abstand über erstem Absatz */
    }
 }