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