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 (override-only, leave existing rules intact) ===== */
+/* ===== BIOBOX – einzige, saubere Definition ===== */
-.mw-parser-output table.biobox {
-   border-collapse: collapse !important;
+/* Desktop: klassisch rechts, feste Breite */
-   box-sizing: border-box !important;
+.mw-parser-output table.biobox{
+  float:right;
+  clear:right;
+  width:22em;                 /* ~352px; stabile Desktopbreite */
+  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;
+}
+.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-photo {
+.mw-parser-output table.biobox .biobox-img img{
-   padding: 0 !important;
+   display:block;
-   border: 0 !important;
+   width:100% !important;
-   background: transparent !important;
+   height:auto !important;
 }
-.mw-parser-output table.biobox .biobox-photo .biobox-img {
-   display: block !important;
+/* Thumbs in der Biobox nicht doppelt einrahmen */
-   width: 100% !important;
+.mw-parser-output table.biobox .thumb,
-  height: auto !important;
+.mw-parser-output table.biobox .thumbinner{
-  max-width: 100% !important;
+   border:0 !important;
-  margin: 0 !important;
+   box-shadow:none !important;
-  border: 0 !important;
+   background:transparent !important;
-   background: transparent !important;
-  box-shadow: none !important;
 }
-/* Mobile: volle Breite, kein Überstand, Text darunter */
+/* Falls direkt danach eine rechte Social-Tabelle kommt */
-@media (max-width: 768px) {
+.mw-parser-output table.biobox + table[align="right"]{
-   .mw-parser-output table.biobox {
+  float:right;
-     float: none !important;
+  margin:0 0 1em 1em;
-     clear: both !important;
+}
-     width: 100% !important;
-     max-width: 100% !important;
+/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
-     margin: 0 0 1em 0 !important;
+@media (max-width:768px){
-  }
+   .mw-parser-output table.biobox{
-  .mw-parser-output table.biobox .biobox-photo .biobox-img {
+     float:none !important;
-    width: 100% !important;
+     clear:both !important;
-    height: auto !important;
+     width:auto !important;
+     max-width:100% !important;
+     margin:0 0 1em 0 !important;
    }
-   .mw-parser-output table.biobox + table[align="right"] {
+   .mw-parser-output table.biobox + table[align="right"]{
-     float: none !important;
+     float:none !important;
-     width: 100% !important;
+     width:auto !important;
-     margin: 0 0 1em 0 !important;
+     margin:0 0 1em 0 !important;
-     align: initial !important;
+     align:initial !important;
    }
-   .mw-parser-output > p:first-of-type {
+   .mw-parser-output > p:first-of-type{
-     clear: both !important;
+     clear:both !important;
    }
 }