KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 3: | Zeile 3: | ||
} | } | ||
.colmobiltop th { | .colmobiltop th { | ||
background-color: #eaecf0; | background-color: #eaecf0; | ||
Zeile 24: | Zeile 15: | ||
line-height:1.4; | line-height:1.4; | ||
} | } | ||
/*** Formatierung Breakpoint sm ***/ | |||
@media (max-width: 576px) { | |||
Zeile 64: | Zeile 59: | ||
} | } | ||
.colmobiltop td:nth-child(1), .colmobiltop td:nth-child(2), .colmobiltop td:nth-child(3) { | .colmobiltop > tbody > tr > td:nth-child(1), .colmobiltop > tbody > tr > td:nth-child(2), .colmobiltop > tbody > tr > td:nth-child(3) { | ||
margin-top: 5px; | margin-top: 5px; | ||
text-align:left; | text-align:left; | ||
Zeile 76: | Zeile 69: | ||
} | } | ||
.colmobiltop | .colmobiltop > tbody > tr > td:nth-child(1) { | ||
width: 10% | width: 10%; | ||
border-top: 2px solid #a2a9b1; | border-top: 2px solid #a2a9b1; | ||
border-right: 1px solid #a2a9b1!important; | border-right: 1px solid #a2a9b1!important; | ||
Zeile 84: | Zeile 77: | ||
} | } | ||
.colmobiltop td:nth-child(2){ | .colmobiltop > tbody > tr > td:nth-child(2){ | ||
width: 10%; | width: 10%; | ||
border-top: 2px solid #a2a9b1; | border-top: 2px solid #a2a9b1; | ||
Zeile 93: | Zeile 86: | ||
.colmobiltop td:nth-child(3) { | .colmobiltop > tbody > tr > td:nth-child(3) { | ||
border-top: 2px solid #a2a9b1; | border-top: 2px solid #a2a9b1; | ||
border-right: 2px solid #a2a9b1; | border-right: 2px solid #a2a9b1; | ||
Zeile 101: | Zeile 94: | ||
} | } | ||
.colmobiltop td:nth-child(4), .colmobiltop | .colmobiltop > tbody > tr > td:nth-child(4), .colmobiltop > tbody > tr > td:last-child { | ||
display: block; | |||
margin-top: 31px;; | margin-top: 31px;; | ||
padding-left: 5px; | padding-left: 5px; | ||
Zeile 110: | Zeile 104: | ||
} | } | ||
.innertable td:nth-child(1), .innertable td:nth-child(2){ | .innertable > tbody > tr > td:nth-child(1), .innertable > tbody > tr > td:nth-child(2) { | ||
width: 10%; | 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; | 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 ***/