Vorlage:ÜbersichtHUM/styles.css

/* Übersichtstabelle für Humoristische-Lyrik-Bände */
.übersichthum {
  width: 100%;
  margin: 1em 0 0.4em 0;   /* bündig, nicht zentriert */
  border-collapse: collapse;
  border: 1px solid #aaa;
  border-radius: 6px;
  font-size: 100%;
  color: #333;
  text-align: left;
}

.übersichthum td,
.übersichthum th {
  border: 1px solid #aaa;
  padding: 0.4em 0.6em;
  vertical-align: top;
}

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

/* Mobil: volle Breite + kleinere Schrift + kompakteres Padding */
@media (max-width: 600px) {
  .übersichthum {
    width: 100%;
  }
  .übersichthum td,
  .übersichthum th {
    padding: .25em; /* halbiertes Padding */
  }
  .übersichthum tr:first-child td,
  .übersichthum tr:first-child th {
    font-size: 80%;
  }
  .übersichthum tr:last-child td,
  .übersichthum tr:last-child th {
    font-size: 70%;
  }
}

/* Links in der Übersicht: sehr dezentes, helles Blau */
.übersichthum a,
.übersichthum a:link {
  color: #8ea7cf;          /* hell, leicht graublau */
  text-decoration: none;
}

.übersichthum a:visited {
  color: #9aa1c0;          /* minimal violetter, aber ähnlich hell */
}

.übersichthum a:hover {
  color: #5f7eb5;          /* beim Hover etwas kräftiger */
  text-decoration: underline;
}

/* aktueller Artikel (Selflink) */
.übersichthum .mw-selflink,
.übersichthum strong.selflink {
  color: #666;             /* helles Grau */
  font-weight: bold;       /* dezent hervorgehoben */
  text-decoration: none;
  cursor: default;
}

/* Trennzeichen zwischen den Gedichttiteln (|) etwas blasser */
.übersichthum {
  color: #777;  /* Standardtextfarbe für reine Zeichen */
}