MediaWiki:Common.css: Unterschied zwischen den Versionen

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


/* ==== Biobox – mobile volle Breite, bündig, zentriert ==== */
/* ==== Biobox – Mobil: volle Breite bündig, Bilder korrekt ==== */
@media screen and (max-width: 900px) {
@media screen and (max-width: 900px) {
  /* Biobox nicht floaten, block anzeigen */
   .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 Padding vom Body aus */
     width: calc(100% + 32px) !important;     /* gleicht Body-Padding aus */
     margin: 0 -16px 1em -16px !important; /* gleicht Padding visuell aus */
     margin: 0 -16px 1em -16px !important;   /* bündig an Bildschirmrand */
     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 */
   }
   }


   /* Zellen-Inhalt normalisieren */
   /* Zellen normal anzeigen */
   .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.837:
   }
   }


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


   /* Artikeltext erst unter der Box starten */
  /* Kleinere Symbole (z. B. Sternzeichen) nicht aufblasen */
  .mw-parser-output table.biobox img[alt*="Sternzeichen"],
  .mw-parser-output table.biobox img[alt*="Zodiac"],
  .mw-parser-output table.biobox img[alt*="Icon"] {
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    margin: 0 4px !important;
  }
 
   /* Artikeltext erst unter der Box beginnen */
   .mw-parser-output > p:first-of-type {
   .mw-parser-output > p:first-of-type {
     clear: both !important;
     clear: both !important;
   }
   }
}
}