MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
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; | |||
} | |||
} | } | ||
Aktuelle Version vom 5. Oktober 2025, 09:55 Uhr
/* === Biobox Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
@media (max-width: 900px) {
.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 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;
}
}