MediaWiki:Common.css: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1.815: Zeile 1.815:
}
}


/* ==== Biobox – Mobil: volle Breite bündig, Bilder korrekt ==== */
/* ==== Biobox – Mobil korrigiert (volle Breite, Icon fix) ==== */
@media screen and (max-width: 900px) {
@media screen and (max-width: 900px) {
  /* Biobox bündig zur Bildschirmkante */
   .mw-parser-output table.biobox {
   .mw-parser-output table.biobox {
     float: none !important;
     float: none !important;
     clear: both !important;
     clear: both !important;
     display: block !important;
     display: block !important;
     width: calc(100% + 32px) !important;     /* gleicht Body-Padding aus */
     width: 100vw !important;                 /* volle Bildschirmbreite */
     margin: 0 -16px 1em -16px !important;   /* bündig an Bildschirmrand */
    max-width: 100vw !important;
     margin: 0 calc(-1 * var(--content-padding, 16px)) 1em calc(-1 * var(--content-padding, 16px)) !important;
     border: 1px solid #c8ccd1;
     border: 1px solid #c8ccd1;
     border-radius: 8px;
     border-radius: 8px;
     background: #fff;
     background: #fff;
     box-sizing: border-box;
     box-sizing: border-box;
     overflow: hidden;                         /* verhindert Überlauf */
     overflow: hidden;
   }
   }


   /* Zellen normal anzeigen */
   /* Tabellenzellen */
   .mw-parser-output table.biobox td,
   .mw-parser-output table.biobox td,
   .mw-parser-output table.biobox th {
   .mw-parser-output table.biobox th {
Zeile 1.837: Zeile 1.839:
   }
   }


   /* Nur das erste große Bild (Titelbild) über volle Breite skalieren */
   /* Hauptbild: immer volle Breite */
   .mw-parser-output table.biobox a.image:first-of-type img {
   .mw-parser-output table.biobox a.image:first-of-type img {
     width: 100% !important;
     width: 100% !important;
Zeile 1.845: Zeile 1.847:
   }
   }


   /* Kleinere Symbole (z. B. Sternzeichen) nicht aufblasen */
   /* Sternzeichen / Icon: nicht vergrößern */
  .mw-parser-output table.biobox img[title*="Sternzeichen"],
   .mw-parser-output table.biobox img[alt*="Sternzeichen"],
   .mw-parser-output table.biobox img[alt*="Sternzeichen"],
   .mw-parser-output table.biobox img[alt*="Zodiac"],
   .mw-parser-output table.biobox img[alt*="Zodiac"],
   .mw-parser-output table.biobox img[alt*="Icon"] {
   .mw-parser-output table.biobox img[src*="Sternzeichen"],
     width: auto !important;
  .mw-parser-output table.biobox img[src*="zodiac"] {
     width: 24px !important;
     height: auto !important;
     height: auto !important;
     display: inline-block !important;
     display: inline-block !important;
     margin: 0 4px !important;
    vertical-align: middle;
     margin: 0 4px 0 0 !important;
   }
   }


   /* Artikeltext erst unter der Box beginnen */
   /* Textfluss unterhalb der Box */
   .mw-parser-output > p:first-of-type {
   .mw-parser-output > p:first-of-type {
     clear: both !important;
     clear: both !important;
   }
   }
}
}