KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 11: | Zeile 11: | ||
} | } | ||
*/ | */ | ||
.flexbox { | |||
width: 100%; | |||
display:flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
align-items: stretch; | |||
justify-content: space-between; | |||
margin: 0px; | |||
} | |||
.flexelement { | |||
width:32%; | |||
align-items: stretch; | |||
border: 1px solid #c8ccd1; | |||
padding: 6px; | |||
background-color: #f8f9fa; | |||
font-size: 94%; | |||
text-align: center; | |||
overflow: hidden; | |||
margin: 3px; | |||
} | |||
.thumbinner { | |||
border: 0px solid #c8ccd1; | |||
padding: 0px; | |||
background-color: #f8f9fa; | |||
font-size: 94%; | |||
text-align: left; | |||
overflow: hidden; | |||
} | |||
/* Ende allgemeine Formatierungen */ | /* Ende allgemeine Formatierungen */ | ||
Zeile 18: | Zeile 49: | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.flexelement { | |||
width:47%; | |||
align-items: stretch; | |||
border: 1px solid #c8ccd1; | |||
padding: 6px; | |||
background-color: #f8f9fa; | |||
font-size: 94%; | |||
text-align: center; | |||
overflow: hidden; | |||
margin: 3px; | |||
} | |||
} | |||
@media (max-width: 600px) { | |||
.flexelement { | |||
width:100%; | |||
align-items: stretch; | |||
border: 1px solid #c8ccd1; | |||
padding: 6px; | |||
background-color: #f8f9fa; | |||
font-size: 94%; | |||
text-align: center; | |||
overflow: hidden; | |||
margin: 3px; | |||
} | |||
td { | td { | ||
display: block; | display: block; |
Version vom 28. Mai 2019, 11:04 Uhr
/*** Beginn allgemeine Formatierungen ***/ /* a { color: #f0ad4e; font-size: 10px; } .mw-collapsible-text .mw-collapsible-toggle .mw-collapsible-toggle-default .mw-collapsible-toggle-collapsed a { color: #f0ad4e; font-size: 10px; } */ .flexbox { width: 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin: 0px; } .flexelement { width:32%; align-items: stretch; border: 1px solid #c8ccd1; padding: 6px; background-color: #f8f9fa; font-size: 94%; text-align: center; overflow: hidden; margin: 3px; } .thumbinner { border: 0px solid #c8ccd1; padding: 0px; background-color: #f8f9fa; font-size: 94%; text-align: left; overflow: hidden; } /* Ende allgemeine Formatierungen */ /*** Beginn Formatierungen für Mobil-Geräte ***/ @media (max-width: 900px) { .flexelement { width:47%; align-items: stretch; border: 1px solid #c8ccd1; padding: 6px; background-color: #f8f9fa; font-size: 94%; text-align: center; overflow: hidden; margin: 3px; } } @media (max-width: 600px) { .flexelement { width:100%; align-items: stretch; border: 1px solid #c8ccd1; padding: 6px; background-color: #f8f9fa; font-size: 94%; text-align: center; overflow: hidden; margin: 3px; } td { display: block; margin-bottom: 0px; } /* Ende Formatierungen für Mobil-Geräte */ }