MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierungen: Manuelle Zurücksetzung Zurückgesetzt |
Änderung 316 von Boobslover (Diskussion) rückgängig gemacht. Markierung: Rückgängigmachung |
||
| Zeile 832: | Zeile 832: | ||
.mw-parser-output > p > br:first-child + table.biobox { | .mw-parser-output > p > br:first-child + table.biobox { | ||
margin-top: -1em !important; | margin-top: -1em !important; | ||
} | |||
/* ===== Startseite: 2-Spalten-Boxen wirklich responsive ===== */ | |||
/* Tabellen mit class="start-two-col" auf der Hauptseite: | |||
- Desktop: 2 Spalten nebeneinander mit Luft dazwischen | |||
- Mobil (<= 800px): Zellen untereinander, volle Breite | |||
*/ | |||
body.page-Hauptseite .mw-parser-output table.start-two-col { | |||
width: 100%; | |||
border-collapse: separate; | |||
/* 12px horizontaler Abstand, kein vertikaler */ | |||
border-spacing: 12px 0; | |||
} | |||
/* Desktop: Zellen dürfen automatisch teilen, nicht starr 50% */ | |||
body.page-Hauptseite .mw-parser-output table.start-two-col td { | |||
width: auto; | |||
box-sizing: border-box; | |||
} | |||
/* Mobil: Tabelle „aufbrechen“, jede Zelle wird ein Block in voller Breite */ | |||
@media only screen and (max-width: 800px) { | |||
body.page-Hauptseite .mw-parser-output table.start-two-col, | |||
body.page-Hauptseite .mw-parser-output table.start-two-col tbody, | |||
body.page-Hauptseite .mw-parser-output table.start-two-col tr, | |||
body.page-Hauptseite .mw-parser-output table.start-two-col td { | |||
display: block !important; | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
} | |||
} | } | ||
