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: Desktop schmal rechts, mobil volle Breite */
-   BIOBOX – finale, saubere Version
+.mw-parser-output table.biobox{
-   ================================ */
+   float:right;
+   clear:right;
-/* Desktop: klassisch rechts, feste Breite */
+   width:22em;                 /* Desktop-Breite */
-.mw-parser-output table.biobox {
+  max-width:100%;
-   float: right;
+   margin:0.5em 0 1em 1em;
-   clear: right;
+   border:1px solid #c8ccd1;
-   width: 22em;                        /* stabile Breite Desktop (~352px) */
+   background:#fff;
-   margin: 0.5em 0 1em 1em;
+   border-collapse:collapse;
-   border: 1px solid #c8ccd1;
+   box-sizing:border-box;
-   background: #fff;
+   font-size:90%;
-   border-collapse: collapse;
+   line-height:1.5;
-   box-sizing: border-box;
-   font-size: 90%;
-   line-height: 1.5;
 }
-/* Tabellenzellen */
+/* Fotozelle: KEINE Innenabstände, KEIN Zeilenabstand -> keine Luft oben/unten */
-.mw-parser-output table.biobox td,
+.mw-parser-output table.biobox td.biobox-photo{
-.mw-parser-output table.biobox th {
+   padding:0 !important;
-   border: 0;
+   border:0 !important;
-   padding: 0.25em 0.4em;
+   line-height:0 !important;
-   vertical-align: top;
+   background:transparent !important;
-   text-align: left;
 }
-.mw-parser-output table.biobox td[colspan="2"] {
+/* Link-Wrapper & Bild wirklich auf volle Zellenbreite, ohne jegliche Ränder */
-   text-align: center;
+.mw-parser-output table.biobox td.biobox-photo a.image,
+.mw-parser-output table.biobox td.biobox-photo img.biobox-img,
+.mw-parser-output table.biobox td.biobox-photo .mw-file-element{
+   display:block !important;
+  width:100% !important;
+  height:auto !important;
+  max-width:100% !important;
+  margin:0 !important;
+  padding:0 !important;
+  border:0 !important;
+  background:transparent !important;
+  box-shadow:none !important;
 }
-/* Fotozelle ohne Innenrahmen oder Abstand */
+/* Falls MW doch einen Thumb-Container baut: neutralisieren */
-.mw-parser-output table.biobox .biobox-photo {
-  padding: 0 !important;
-  border: 0 !important;
-  background: transparent !important;
-  line-height: 0 !important;
-}
-/* Bild vollständig auf Breite, keine Rahmen, keine Luft */
-.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-img {
-  display: block !important;
-  width: 100% !important;
-  height: auto !important;
-  max-width: 100% !important;
-  margin: 0 !important;
-  padding: 0 !important;
-  border: 0 !important;
-  background: transparent !important;
-  box-shadow: none !important;
-}
-/* Thumbs in Biobox deaktivieren */
 .mw-parser-output table.biobox .thumb,
-.mw-parser-output table.biobox .thumbinner {
+.mw-parser-output table.biobox .thumbinner{
-   border: 0 !important;
+   border:0 !important;
-   box-shadow: none !important;
+   box-shadow:none !important;
-   background: transparent !important;
+   background:transparent !important;
+  padding:0 !important;
+  margin:0 !important;
 }
-/* Falls danach noch eine rechte Tabelle (Social etc.) folgt */
+/* Mobil: Box nicht floaten, volle Breite */
-.mw-parser-output table.biobox + table[align="right"] {
+@media (max-width:768px){
-  float: right;
+   .mw-parser-output table.biobox{
-  margin: 0 0 1em 1em;
+     float:none !important;
-}
+     clear:both !important;
+     width:auto !important;
-/* --- MOBILE DARSTELLUNG --- */
+     max-width:100% !important;
-@media (max-width: 768px) {
+     margin:0 0 1em 0 !important;
-   .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;
    }
 }