MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Die Seite wurde neu angelegt: „→Das CSS hier wird für die Benutzer der mobilen Website geladen.: →===== Biobox – MOBIL =====: .mw-parser-output table.biobox { float: none !important; clear: both !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 1em 0 !important; box-sizing: border-box; } →Bild responsive: .mw-parser-output table.biobox img { max-width: 100% !important; height: auto !important; disp…“ |
Keine Bearbeitungszusammenfassung |
||
| (7 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: 900px) { | |||
.mw-parser-output table.biobox { | .mw-parser-output table.biobox { | ||
float: none !important; | |||
clear: both !important; | |||
display: block !important; | |||
width: 100vw !important; /* nutze volle Bildschirmbreite */ | |||
max-width: 100vw !important; | |||
margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */ | |||
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 | .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 | .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 { | .mw-parser-output > p:first-of-type { | ||
clear: both !important; | |||
} | |||
} | } | ||