KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(68 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
. | .centercell td:nth-child(2) { | ||
text-align: center; | text-align: center; | ||
} | } | ||
.colmobiltop th { | |||
background-color: #eaecf0; | |||
border: 1px solid #a2a9b1; | |||
margin-top: 0px; | |||
} | |||
.colmobiltop > tbody > tr > td { | |||
background-color: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
padding: 0.2em 0.2em; | |||
line-height:1.4; | |||
} | |||
Zeile 7: | Zeile 20: | ||
@media (max-width: 576px) { | @media (max-width: 576px) { | ||
. | |||
border-top: 2px solid #a2a9b1 | .colmobiltop tr { | ||
margin-bottom: 5px; | |||
} | |||
.colmobiltop th:nth-child(1),.colmobiltop th:first-child, .colmobiltop th:nth-child(2), .colmobiltop th:nth-child(3) { | |||
text-align:left; | |||
padding-left: 5px; | |||
vertical-align: top; | |||
float: left; | |||
min-height: 2em; | |||
} | |||
.colmobiltop th:nth-child(1){ | |||
width:20%; | |||
height: 4em; | |||
border-top: 2px solid #a2a9b1; | |||
border-right: 0; | |||
border-bottom: 2px solid #a2a9b1; | |||
border-left: 2px solid #a2a9b1; | |||
} | } | ||
.colmobiltop th:nth-child(2) { | |||
width:80%; | |||
border-top: 2px solid #a2a9b1; | |||
border-right: 2px solid #a2a9b1; | |||
border-bottom: 1px solid #a2a9b1; | |||
border-left: 1px solid #a2a9b1; | |||
} | |||
.colmobiltop th:nth-child(3) { | |||
width:80%; | |||
border-top: 1px solid #a2a9b1; | |||
border-right: 2px solid #a2a9b1; | |||
border-bottom: 2px solid #a2a9b1; | |||
border-left: 1px solid #a2a9b1; | |||
} | |||
.colmobiltop > tbody > tr > td:nth-child(1), .colmobiltop > tbody > tr > td:nth-child(2), .colmobiltop > tbody > tr > td:nth-child(3) { | |||
margin-top: 5px; | |||
text-align:left; | |||
padding-left: 5px; | |||
vertical-align: top; | |||
float: left; | |||
min-height: 2em; | |||
} | |||
.colmobiltop > tbody > tr > td:nth-child(1) { | |||
width: 10%; | |||
border-top: 2px solid #a2a9b1; | |||
border-right: 1px solid #a2a9b1!important; | |||
border-bottom: 0; | |||
border-left: 2px solid #a2a9b1; | |||
} | |||
.colmobiltop > tbody > tr > td:nth-child(2){ | |||
width: 10%; | |||
border-top: 2px solid #a2a9b1; | |||
border-right: 1px solid #a2a9b1; | |||
border-bottom: 0; | |||
border-left: 0; | |||
} | |||
.colmobiltop > tbody > tr > td:nth-child(3) { | |||
border-top: 2px solid #a2a9b1; | |||
border-right: 2px solid #a2a9b1; | |||
border-bottom: 0; | |||
border-left: 0; | |||
width: 80%; | |||
} | |||
.colmobiltop > tbody > tr > td:nth-child(4), .colmobiltop > tbody > tr > td:last-child { | |||
display: block; | |||
margin-top: 31px;; | |||
padding-left: 5px; | |||
border-top: 1px solid #a2a9b1; | |||
border-right: 2px solid #a2a9b1; | |||
border-bottom: 2px solid #a2a9b1; | |||
border-left: 2px solid #a2a9b1; | |||
} | |||
.innertable > tbody > tr > td:nth-child(1), .innertable > tbody > tr > td:nth-child(2) { | |||
width: 10%; | |||
text-align: center; | |||
vertical-align: top; | |||
} | |||
.innertable > tbody > tr > td:nth-child(3) { | |||
float: left; | |||
width: 80%; | |||
text-align: left; | |||
vertical-align: top; | |||
} | |||
.innertable > tbody > tr > td:nth-child(4) { | |||
display: inline-block; | |||
width: 100%; | |||
text-align: left; | |||
vertical-align: top; | |||
} | |||
.innertable > tbody > tr > td { | |||
border: 0; | |||
} | |||
.innertable ul { | |||
margin: 0px; | |||
padding-left: 12px; | |||
} | |||
.wikitable2 { | |||
width: 100%; | |||
} | |||
} /*** Ende Formatierungen für Breakpoint xs ***/ | } /*** Ende Formatierungen für Breakpoint xs ***/ |
Aktuelle Version vom 12. Juli 2019, 11:27 Uhr
.centercell td:nth-child(2) { text-align: center; } .colmobiltop th { background-color: #eaecf0; border: 1px solid #a2a9b1; margin-top: 0px; } .colmobiltop > tbody > tr > td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.2em; line-height:1.4; } /*** Formatierung Breakpoint sm ***/ @media (max-width: 576px) { .colmobiltop tr { margin-bottom: 5px; } .colmobiltop th:nth-child(1),.colmobiltop th:first-child, .colmobiltop th:nth-child(2), .colmobiltop th:nth-child(3) { text-align:left; padding-left: 5px; vertical-align: top; float: left; min-height: 2em; } .colmobiltop th:nth-child(1){ width:20%; height: 4em; border-top: 2px solid #a2a9b1; border-right: 0; border-bottom: 2px solid #a2a9b1; border-left: 2px solid #a2a9b1; } .colmobiltop th:nth-child(2) { width:80%; border-top: 2px solid #a2a9b1; border-right: 2px solid #a2a9b1; border-bottom: 1px solid #a2a9b1; border-left: 1px solid #a2a9b1; } .colmobiltop th:nth-child(3) { width:80%; border-top: 1px solid #a2a9b1; border-right: 2px solid #a2a9b1; border-bottom: 2px solid #a2a9b1; border-left: 1px solid #a2a9b1; } .colmobiltop > tbody > tr > td:nth-child(1), .colmobiltop > tbody > tr > td:nth-child(2), .colmobiltop > tbody > tr > td:nth-child(3) { margin-top: 5px; text-align:left; padding-left: 5px; vertical-align: top; float: left; min-height: 2em; } .colmobiltop > tbody > tr > td:nth-child(1) { width: 10%; border-top: 2px solid #a2a9b1; border-right: 1px solid #a2a9b1!important; border-bottom: 0; border-left: 2px solid #a2a9b1; } .colmobiltop > tbody > tr > td:nth-child(2){ width: 10%; border-top: 2px solid #a2a9b1; border-right: 1px solid #a2a9b1; border-bottom: 0; border-left: 0; } .colmobiltop > tbody > tr > td:nth-child(3) { border-top: 2px solid #a2a9b1; border-right: 2px solid #a2a9b1; border-bottom: 0; border-left: 0; width: 80%; } .colmobiltop > tbody > tr > td:nth-child(4), .colmobiltop > tbody > tr > td:last-child { display: block; margin-top: 31px;; padding-left: 5px; border-top: 1px solid #a2a9b1; border-right: 2px solid #a2a9b1; border-bottom: 2px solid #a2a9b1; border-left: 2px solid #a2a9b1; } .innertable > tbody > tr > td:nth-child(1), .innertable > tbody > tr > td:nth-child(2) { width: 10%; text-align: center; vertical-align: top; } .innertable > tbody > tr > td:nth-child(3) { float: left; width: 80%; text-align: left; vertical-align: top; } .innertable > tbody > tr > td:nth-child(4) { display: inline-block; width: 100%; text-align: left; vertical-align: top; } .innertable > tbody > tr > td { border: 0; } .innertable ul { margin: 0px; padding-left: 12px; } .wikitable2 { width: 100%; } } /*** Ende Formatierungen für Breakpoint xs ***/