Vorlage:ÜbersichtLYR/styles.css

Aus CMO
/* Übersichtstabelle für Lyrik-Bände */
table.übersichtlyr {
  width: 100%;
  margin: 1em 0 0.4em 0;
  border-collapse: collapse !important;
  border-spacing: 0;
  border: 1px solid #D8CFCF;     /* außen */
  border-radius: 0 !important;
  font-size: 100%;
  color: #333;
  text-align: left;
}

table.übersichtlyr td,
table.übersichtlyr th {
  border: 1px solid #E7DEDE;     /* innen */
  padding: 0.4em 0.6em;
  vertical-align: top;
}

/* Außenkanten wirklich einfarbig (keine "zweite" Innenlinie sichtbar) */
table.übersichtlyr tr:first-child > * { border-top-color: #D8CFCF; }
table.übersichtlyr tr:last-child  > * { border-bottom-color: #D8CFCF; }
table.übersichtlyr tr > *:first-child { border-left-color: #D8CFCF; }
table.übersichtlyr tr > *:last-child  { border-right-color: #D8CFCF; }

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

/* Kopfzeile – Werkgruppe und Bandtitel */
table.übersichtlyr tr:first-child td,
table.übersichtlyr tr:first-child th {
  background: #F6F2F2;
  font-size: 95%;
  color: #555;
  padding-left: 2em;
}

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