.container { display: grid; grid-template-columns: 50% 12.5% 12.5% 12.5%; } .wikitable2, .wikitable3 { background-color:white; color: #222; margin: 1em 0; border: 1px solid white; border-collapse: separate; } .wikitable2 th, .wikitable3 th { background-color: #eaecf0; } .wikitable2 th:before { background: salmon; } .wikitable2 td, .wikitable3 td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.4em; line-height:1.9; empty-cells: hide; } .wikitable2 .Leerzeile, .wikitable3 .Leerzeile { border-left: solid 1px green; border-right: solid 1px green; background: yellow; } td:empty { background: sandybrown; } /* small */ @media (max-width: 576px) { .wikitable2 { border-collapse: separate; } .wikitable2 td { display: block; background: lightgoldenrodyellow; empty-cells: hide!important; } .wikitable3 td:nth-child(4n):after { content: "</td></tr><tr><td>"; background: powderblue; } .wikitable3 td { background: lime; empty-cells: hide!important; } .wikitable2 td:empty { display: block; empty-cells: hide!important; } .wikitable2 .Leerzeile { display: block; background: paleturquoise; empty-cells: hide!important; } }
Vorlage:Test.css
Aus Securepoint Wiki