Vorlage:ÜbersichtMUS/styles.css

/* Übersichtstabelle Museumsführer */
table.übersichtmus {
  width: 100%;
  margin: 1em 0 0.4em 0;
  border-collapse: collapse !important;
  border-spacing: 0;
  border: 1px solid #5E6F3E;     /* außen: Moosgrün */
  border-radius: 0 !important;
  font-size: 100%;
  color: #333;
  text-align: left;
}

table.übersichtmus td,
table.übersichtmus th {
  border: 1px solid #AEB89A;     /* innen: helles Moosgrün */
  padding: 0.4em 0.6em;
  vertical-align: top;
}

/* Außenkanten wirklich einfarbig */
table.übersichtmus tr:first-child > * { border-top-color: #5E6F3E; }
table.übersichtmus tr:last-child  > * { border-bottom-color: #5E6F3E; }
table.übersichtmus tr > *:first-child { border-left-color: #5E6F3E; }
table.übersichtmus tr > *:last-child  { border-right-color: #5E6F3E; }

/* Trennlinie zwischen oberer und unterer Zeile */
table.übersichtmus tr:first-child > * { border-bottom-color: #AEB89A; }
table.übersichtmus tr:nth-child(2) > * { border-top-color: #AEB89A; }

/* Kopfzeile */
table.übersichtmus tr:first-child td,
table.übersichtmus tr:first-child th {
  background: #EBF0E4;
  font-size: 95%;
  color: #555;
  padding-left: 2em;
}

/* Mobil */
@media (max-width: 600px) {
  table.übersichtmus td,
  table.übersichtmus th {
    padding: .25em;
  }
  table.übersichtmus tr:first-child td,
  table.übersichtmus tr:first-child th {
    font-size: 80%;
  }
  table.übersichtmus tr:last-child td,
  table.übersichtmus tr:last-child th {
    font-size: 70%;
  }
}