.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) {
.container {
display: grid;
grid-template-columns: 100% 12.5% 12.5% 12.5%;
}
.wikitable2 {
border-collapse: separate;
}
.wikitable2 td {
float: left;;
background: lightgoldenrodyellow;
empty-cells: hide!important;
}
.wikitable3 td:nth-child(1) {
display:block; 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