MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 179: / Zeile 179: @@
 }
 .navbox-odd {
-     background: transparent; /* Odd row striping */
+     background: transparent;  /* Odd row striping */
 }
@@ Zeile 1.597: / Zeile 1.597: @@
 }
 .portal-column-left-wide {
-     float: left;
+     float: left,
      width: 60%;
 }
@@ Zeile 1.653: / Zeile 1.653: @@
      background-position: 0 -5971px
 }
-.treeview li.emptyline > ul {
+.treeview li emptyline > ul {
      /* @noflip */
      margin-left: -1px;
@@ Zeile 1.779: / Zeile 1.779: @@
 .startcard .startcard-img { float:left; margin:0 12px 8px 0; border-radius:8px; }
 .startcard .startcard-meta { font-size:0.95em; line-height:1.35; }
-.startcard .startcard-meta b { color:#444; }
 .startcard .startcard-more { margin-top:6px; }
@@ Zeile 1.787: / Zeile 1.786: @@
 .kat-links a:hover { background:#f8f9fa; }
-/* ===== BIOBOX – einzige, saubere Definition ===== */
+/* ===== BIOBOX – Baseline (Desktop rechts, mobil vollbreit) ===== */
-/* Desktop: klassisch rechts, feste Breite */
 .mw-parser-output table.biobox{
    float:right;
    clear:right;
-   width:22em;                 /* ~352px; stabile Desktopbreite */
+   width:22em;
+  max-width:100%;
    margin:0.5em 0 1em 1em;
    border:1px solid #c8ccd1;
@@ Zeile 1.802: / Zeile 1.800: @@
    line-height:1.5;
 }
-.mw-parser-output table.biobox td,
-.mw-parser-output table.biobox th{
+/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
-  border:0;
+@media (max-width:768px){
-  padding:0.2em 0.4em;
+  .mw-parser-output table.biobox{
-  vertical-align:top;
+    float:none !important;
-  text-align:left;
+    clear:both !important;
+    width:auto !important;
+    max-width:100% !important;
+    margin:0 0 1em 0 !important;
+  }
 }
-.mw-parser-output table.biobox td[colspan="2"]{ text-align:center; }
-/* Fotozelle ohne Innenrahmen/Abstand */
+/* ====== OVERRIDES: Bild bündig, Luft weg, Artikelstart straffen ====== */
-.mw-parser-output table.biobox .biobox-photo{
+/* 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: immer auf Boxbreite skalieren (kein „Rahmen im Rahmen“) */
+/* Bild & Wrapper wirklich auf volle Zellenbreite, ohne Rahmen/Abstand */
-.mw-parser-output table.biobox .biobox-img{
+.mw-parser-output table.biobox td.biobox-photo a.image,
-   display:block;
+.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;
-   max-width:100% !important;
+   margin:0 !important;
+  padding:0 !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;
 }
-/* Thumbs in der Biobox nicht doppelt einrahmen */
+/* Sicherheit: Biobox-Tabellenrahmen sauber, kein Doppelabstand */
-.mw-parser-output table.biobox .thumb,
+.mw-parser-output table.biobox { border-collapse:collapse !important; }
-.mw-parser-output table.biobox .thumbinner{
-  border:0 !important;
-  box-shadow:none !important;
-  background:transparent !important;
-}
-/* Falls direkt danach eine rechte Social-Tabelle kommt */
+/* Artikelstart direkt unter Biobox ohne zusätzliche Luft */
-.mw-parser-output table.biobox + table[align="right"]{
+.mw-parser-output > p:first-of-type,
-  float:right;
+.mw-parser-output > h2:first-of-type { margin-top:0 !important; }
-  margin:0 0 1em 1em;
+.mw-parser-output table.biobox + p { margin-top:0 !important; clear:both; }
-}
-/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
+/* Mobil: erster Inhalt nach Biobox ohne Top-Margin */
 @media (max-width:768px){
-  .mw-parser-output table.biobox{
+   .mw-parser-output table.biobox + * { margin-top:0 !important; }
-    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;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-/* 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 {
-  display: block !important;
-  width: 100% !important;
-  height: auto !important;
-  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;
 }