MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* | /* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */ | ||
@media (max-width: | @media (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: | width: 100vw !important; /* nutze volle Bildschirmbreite */ | ||
max-width: | max-width: 100vw !important; | ||
margin:0 | margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */ | ||
border: 1px solid #c8ccd1; | |||
border-collapse: collapse; | |||
box-sizing: border-box; | |||
background: #fff; | |||
} | } | ||
.mw-parser-output | |||
.mw-parser-output .biobox | /* Inhalt bündig – keine optische Einrückung */ | ||
clear:both !important; | .mw-parser-output table.biobox td, | ||
.mw-parser-output table.biobox th { | |||
padding: 0.3em 0.5em !important; | |||
} | |||
/* Bild volle Breite der Box */ | |||
.mw-parser-output table.biobox img { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
height: auto !important; | |||
display: block; | |||
margin: 0; | |||
} | |||
/* Text unterhalb starten */ | |||
.mw-parser-output > p:first-of-type { | |||
clear: both !important; | |||
} | } | ||
} | } | ||