MediaWiki:Common.css: Unterschied zwischen den Versionen

Änderung 584 von Bunnyfreak (Diskussion) rückgängig gemacht.
Markierung: Rückgängigmachung
Änderung 583 von Bunnyfreak (Diskussion) rückgängig gemacht.
Markierung: Rückgängigmachung
Zeile 1.815: Zeile 1.815:
}
}


/* ==== Biobox: mobile sauber & Bildgrößen korrekt ==== */
/* ==== Biobox – Mobil korrigiert (volle Breite, Icon fix) ==== */
@media screen and (max-width: 900px) {
@media screen and (max-width: 900px) {
   /* Box nicht floaten, volle Inhaltsbreite */
   /* 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: 100% !important;
     width: 100vw !important;                 /* volle Bildschirmbreite */
     max-width: 100% !important;
     max-width: 100vw !important;
     margin: 0 0 1em 0 !important;
     margin: 0 calc(-1 * var(--content-padding, 16px)) 1em calc(-1 * var(--content-padding, 16px)) !important;
    border: 1px solid #c8ccd1;
    border-radius: 8px;
    background: #fff;
     box-sizing: border-box;
     box-sizing: border-box;
    overflow: hidden;
  }
  /* Tabellenzellen */
  .mw-parser-output table.biobox td,
  .mw-parser-output table.biobox th {
    padding: 0.4em 0.6em;
    vertical-align: top;
   }
   }


   /* Hauptbild: immer auf Boxbreite skalieren */
   /* Hauptbild: immer volle Breite */
   .mw-parser-output table.biobox a.image img {
   .mw-parser-output table.biobox a.image:first-of-type img {
    max-width: 100% !important;
     width: 100% !important;
     width: 100% !important;
     height: auto !important;
     height: auto !important;
     display: block;
     display: block;
    margin: 0;
   }
   }


   /* Sternzeichen-/Zodiac-Icon klein halten (ohne das Hauptbild zu treffen) */
   /* 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[title*="Sternzeichen"],
   .mw-parser-output table.biobox img[alt*="Zodiac"],
   .mw-parser-output table.biobox img[src*="Sternzeichen"],
   .mw-parser-output table.biobox img[src*="Sternzeichen"],
  .mw-parser-output table.biobox img[alt*="Zodiac"],
  .mw-parser-output table.biobox img[title*="Zodiac"],
   .mw-parser-output table.biobox img[src*="zodiac"] {
   .mw-parser-output table.biobox img[src*="zodiac"] {
     width: 24px !important;
     width: 24px !important;
    max-width: 24px !important;
     height: auto !important;
     height: auto !important;
     display: inline-block !important;
     display: inline-block !important;
Zeile 1.851: Zeile 1.860:
   }
   }


   /* Falls direkt danach eine rechte Social-Tabelle kommt: neutralisieren */
   /* Textfluss unterhalb der Box */
  .mw-parser-output table.biobox + table[align="right"] {
    float: none !important;
    width: 100% !important;
    margin: 0 0 1em 0 !important;
    align: initial !important;
  }
 
  /* Text 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;
   }
   }
}
}