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; }
-/* ---------- Desktop: Biobox rechts floaten (wie vorher) ---------- */
+/* ===== Biobox – DESKTOP (wie klassische Infobox) ===== */
 .mw-parser-output table.biobox {
    float: right;
-   width: 240px;                 /* entspricht deinem inline-Style */
+   width: 240px;
-   margin: 0 0 1em 1em;          /* Abstand links/unten */
+   margin: 0 0 1em 1em;
+  border: 1px solid #c8ccd1;
    background: #fff;
+  border-collapse: collapse;
    box-sizing: border-box;
+  font-size: 90%;
+}
+.mw-parser-output table.biobox td,
+.mw-parser-output table.biobox th {
+  border: 0;               /* wie bei vielen Infoboxen */
+  padding: 0.2em 0.4em;
+  vertical-align: top;
+}
+.mw-parser-output table.biobox td[colspan="2"] {
+  padding: 0.2em 0.4em;
 }
-/* Bilder in der Box nicht überlaufen lassen */
+/* Bilder laufen nicht über den Rahmen */
 .mw-parser-output table.biobox img {
    max-width: 100%;
@@ Zeile 1.803: / Zeile 1.815: @@
 }
-/* ---------- Mobil: Biobox über dem Text, volle Breite ---------- */
+/* ===== Biobox – MOBIL ===== */
 @media (max-width: 768px) {
    .mw-parser-output table.biobox {
-     float: none !important;     /* NICHT rechts auf Mobil  */
+     float: none !important;
      clear: both !important;
      display: block !important;
-     width: 100% !important;     /* volle Inhaltsbreite     */
+     width: 100% !important;
      max-width: 100% !important;
      margin: 0 0 1em 0 !important;
    }
+   /* Bild über volle Zellbreite */
-   /* Bild über gesamte Zellbreite skalieren */
    .mw-parser-output table.biobox a.image,
    .mw-parser-output table.biobox a.image img {
@@ Zeile 1.821: / Zeile 1.832: @@
      height: auto !important;
    }
+   /* Falls direkt danach eine rechte Tabelle (Social-Icons) kommt: neutralisieren */
-   /* Falls direkt NACH der Box noch eine rechts-ausgerichtete Tabelle kommt (Social-Icons), neutralisieren */
    .mw-parser-output table.biobox + table[align="right"] {
      float: none !important;
@@ Zeile 1.829: / Zeile 1.839: @@
      align: initial !important;
    }
+   /* Text unter der Box starten */
-   /* Ersten Absatz sicher UNTER der Biobox starten */
    .mw-parser-output > p:first-of-type {
      clear: both !important;
    }
 }