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; }
-/* ================================
+/* ===== BIOBOX – einzige, saubere Definition ===== */
-   BIOBOX – finale, saubere Version
-   ================================ */
 /* Desktop: klassisch rechts, feste Breite */
-.mw-parser-output table.biobox {
+.mw-parser-output table.biobox{
-   float: right;
+   float:right;
-   clear: right;
+   clear:right;
-   width: 22em;                        /* stabile Breite Desktop (~352px) */
+   width:22em;                 /* ~352px; stabile Desktopbreite */
-   margin: 0.5em 0 1em 1em;
+   margin:0.5em 0 1em 1em;
-   border: 1px solid #c8ccd1;
+   border:1px solid #c8ccd1;
-   background: #fff;
+   background:#fff;
-   border-collapse: collapse;
+   border-collapse:collapse;
-   box-sizing: border-box;
+   box-sizing:border-box;
-   font-size: 90%;
+   font-size:90%;
-   line-height: 1.5;
+   line-height:1.5;
+}
+.mw-parser-output table.biobox td,
+.mw-parser-output table.biobox th{
+  border:0;
+  padding:0.2em 0.4em;
+  vertical-align:top;
+  text-align:left;
+}
+.mw-parser-output table.biobox td[colspan="2"]{ text-align:center; }
+/* Fotozelle ohne Innenrahmen/Abstand */
+.mw-parser-output table.biobox .biobox-photo{
+  padding:0 !important;
+  border:0 !important;
+  background:transparent !important;
+}
+/* Bild: immer auf Boxbreite skalieren (kein „Rahmen im Rahmen“) */
+.mw-parser-output table.biobox .biobox-img{
+  display:block;
+  width:100% !important;
+  height:auto !important;
+  max-width:100% !important;
+  border:0 !important;
+  margin:0 !important;
+  background:transparent !important;
+  box-shadow:none !important;
+}
+.mw-parser-output table.biobox .biobox-img img{
+  display:block;
+  width:100% !important;
+  height:auto !important;
 }
-/* Tabellenzellen */
+/* Thumbs in der Biobox nicht doppelt einrahmen */
-.mw-parser-output table.biobox td,
+.mw-parser-output table.biobox .thumb,
-.mw-parser-output table.biobox th {
+.mw-parser-output table.biobox .thumbinner{
-   border: 0;
+   border:0 !important;
-   padding: 0.25em 0.4em;
+   box-shadow:none !important;
-  vertical-align: top;
+   background:transparent !important;
-   text-align: left;
 }
-.mw-parser-output table.biobox td[colspan="2"] {
+/* Falls direkt danach eine rechte Social-Tabelle kommt */
-   text-align: center;
+.mw-parser-output table.biobox + table[align="right"]{
+   float:right;
+  margin:0 0 1em 1em;
 }
-/* Fotozelle ohne Innenrahmen oder Abstand */
+/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
-.mw-parser-output table.biobox .biobox-photo {
+@media (max-width:768px){
+  .mw-parser-output table.biobox{
+    float:none !important;
+    clear:both !important;
+    width:auto !important;
+    max-width:100% !important;
+    margin:0 0 1em 0 !important;
+  }
+  .mw-parser-output table.biobox + table[align="right"]{
+    float:none !important;
+    width:auto !important;
+    margin:0 0 1em 0 !important;
+    align:initial !important;
+  }
+  .mw-parser-output > p:first-of-type{
+    clear:both !important;
+  }
+}
+/* === Biobox: Foto ohne Innenrahmen, wirklich volle Breite === */
+.mw-parser-output table.biobox .biobox-photo,
+.mw-parser-output table.biobox .biobox-photo * {
+  border: 0 !important;
    padding: 0 !important;
-  border: 0 !important;
    background: transparent !important;
-   line-height: 0 !important;
+   box-shadow: none !important;
 }
-/* Bild vollständig auf Breite, keine Rahmen, keine Luft */
+/* Link-Wrapper und Bild auf Zellenbreite strecken */
 .mw-parser-output table.biobox .biobox-photo a.image,
 .mw-parser-output table.biobox .biobox-photo img,
-.mw-parser-output table.biobox .biobox-photo .mw-file-element,
+.mw-parser-output table.biobox .biobox-photo .mw-file-element {
-.mw-parser-output table.biobox .biobox-img {
    display: block !important;
    width: 100% !important;
@@ Zeile 1.836: / Zeile 1.886: @@
    max-width: 100% !important;
    margin: 0 !important;
+}
+/* Biobox-Foto: wirklich bündig ohne Luft oben/unten */
+.mw-parser-output table.biobox td.biobox-photo {
    padding: 0 !important;
+  line-height: 0 !important;           /* killt den Baseline-Gap */
+}
+.mw-parser-output table.biobox td.biobox-photo a.image,
+.mw-parser-output table.biobox td.biobox-photo img,
+.mw-parser-output table.biobox td.biobox-photo .mw-file-element,
+.mw-parser-output table.biobox td.biobox-photo .biobox-img {
+  display: block !important;
+  margin: 0 !important;
    border: 0 !important;
+  padding: 0 !important;
+  width: 100% !important;
+  height: auto !important;
+}
+/* Biobox: Bild bündig ohne Lücken */
+.mw-parser-output table.biobox td.biobox-photo {
+  padding: 0 !important;
+  border: 0 !important;
+  line-height: 0 !important;
    background: transparent !important;
-  box-shadow: none !important;
 }
+.mw-parser-output table.biobox td.biobox-photo a.image,
-/* Thumbs in Biobox deaktivieren */
+.mw-parser-output table.biobox td.biobox-photo img.biobox-img {
-.mw-parser-output table.biobox .thumb,
+  display: block !important;
-.mw-parser-output table.biobox .thumbinner {
+  width: 100% !important;
+  height: auto !important;
+  margin: 0 !important;
+  padding: 0 !important;
    border: 0 !important;
-  box-shadow: none !important;
    background: transparent !important;
-}
-/* Falls danach noch eine rechte Tabelle (Social etc.) folgt */
-.mw-parser-output table.biobox + table[align="right"] {
-  float: right;
-  margin: 0 0 1em 1em;
-}
-/* --- MOBILE DARSTELLUNG --- */
-@media (max-width: 768px) {
-  .mw-parser-output table.biobox {
-    float: none !important;
-    clear: both !important;
-    width: 100% !important;
-    max-width: 100% !important;
-    margin: 0 0 1em 0 !important;
-  }
-  /* Eventuell danebenstehende Tabelle neutralisieren */
-  .mw-parser-output table.biobox + table[align="right"] {
-    float: none !important;
-    width: 100% !important;
-    margin: 0 0 1em 0 !important;
-    align: initial !important;
-  }
-  /* Fließtext unter der Biobox beginnen */
-  .mw-parser-output > p:first-of-type {
-    clear: both !important;
-  }
 }