Vorlage:Test.css: Unterschied zwischen den Versionen

Version vom 4. Juni 2019, 17:12 Uhr

.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 {
  display: block;
  empty-cells: hide!important;
  }

.wikitable3 th {
  display: block;
  empty-cells: hide!important;
  }

.wikitable3 td {
  float: left;
  align-items: stretch;
  }

.wikitable3 td:nth-child(1) {
  display: block;
  }

.wikitable3 th:nth-child(1) {
  display: block;
  }

.wikitable2 td:empty {
  display: block;
  empty-cells: hide!important;
  }

.wikitable2 .Leerzeile {
  display: block;
/* background:  paleturquoise;*/
  empty-cells: hide!important;
  }


}