KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 22: | Zeile 22: | ||
.colmobiltop { | .colmobiltop { | ||
background: red; | background: red; | ||
} | } | ||
.colmobiltop tr { | .colmobiltop tr { | ||
Zeile 77: | Zeile 75: | ||
.colmobiltop > tbody > tr > td:nth-child(1) { | .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 101: | Zeile 99: | ||
} | } | ||
.colmobiltop td:nth-child(4), .colmobiltop | .colmobiltop td:nth-child(4), .colmobiltop > tbody > tr > td:last-child { | ||
display: block; | |||
margin-top: 31px;; | margin-top: 31px;; | ||
padding-left: 5px; | padding-left: 5px; |
Version vom 12. Juli 2019, 09:23 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 { background: red; } .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 td { } .colmobiltop td:nth-child(1), .colmobiltop td:nth-child(2), .colmobiltop 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 td:nth-child(2){ width: 10%; border-top: 2px solid #a2a9b1; border-right: 1px solid #a2a9b1; border-bottom: 0; border-left: 0; } .colmobiltop td:nth-child(3) { border-top: 2px solid #a2a9b1; border-right: 2px solid #a2a9b1; border-bottom: 0; border-left: 0; width: 80%; } .colmobiltop 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 td:nth-child(1), .innertable td:nth-child(2){ width: 10%; border: 0; } } /*** Ende Formatierungen für Breakpoint xs ***/