KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 111: | Zeile 111: | ||
.innertable > tbody > tr > td:nth-child(4) { | .innertable > tbody > tr > td:nth-child(4) { | ||
display: inline-block; | |||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; |
Version vom 12. Juli 2019, 09:49 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(4) { display: inline-block; width: 100%; text-align: center; vertical-align: top; } .innertable > tbody > tr > td { border: 0; } } /*** Ende Formatierungen für Breakpoint xs ***/