.centercell td:nth-child(2) { text-align: center; } /*** Formatierung Breakpoint sm ***/ @media (max-width: 576px) { .colmobiltop { border: 0; background: red; } .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; } .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 .wikitable2 > tbody > tr > td:nth-child(1) { width: 10%!important; 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 wikitable2 > tbody > tr > td:last-child { 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 ***/
Vorlage:Geraete.css
Aus Securepoint Wiki