MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1.815: | Zeile 1.815: | ||
} | } | ||
/* ==== Biobox – | /* ==== Biobox – Mobil: volle Breite bündig, Bilder korrekt ==== */ | ||
@media screen and (max-width: 900px) { | @media screen and (max-width: 900px) { | ||
.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; | width: calc(100% + 32px) !important; /* gleicht Body-Padding aus */ | ||
margin: 0 -16px 1em -16px !important; | 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 | /* 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 | /* 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 | /* 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; | ||
} | } | ||
} | } | ||