Vorlage:ÜbersichtLYR/styles.css: Unterschied zwischen den Versionen

Aus CMO
Die Seite wurde neu angelegt: „Übersichtstabelle für Lyrik-Bände: .übersichtlyr { width: 100%; margin: 1em 0 0.8em 0; bündig, nicht zentriert: border-collapse: collapse; border: 1px solid #aaa; border-radius: 6px; font-size: 100%; color: #333; text-align: left; } .übersichtlyr td, .übersichtlyr th { border: 1px solid #aaa; padding: 0.4em 0.6em; vertical-align: top; } Kopfzeile – Werkgruppe und Bandtitel: .übersichtlyr tr:first-child td…“
 
Keine Bearbeitungszusammenfassung
Zeile 23: Zeile 23:
   background: #f7f7f7;
   background: #f7f7f7;
   font-size: 95%;
   font-size: 95%;
  font-style: italic;
   color: #555;
   color: #555;
   padding-left: 2em;      /* leichte Einrückung */
   padding-left: 2em;      /* leichte Einrückung */

Version vom 20. Oktober 2025, 00:12 Uhr

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

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

/* Kopfzeile – Werkgruppe und Bandtitel */
.übersichtlyr tr:first-child td,
.übersichtlyr 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) {
  .übersichtlyr {
    width: 100%;
  }
  .übersichtlyr td,
  .übersichtlyr th {
    padding: .25em; /* halbiertes Padding */
  }
  .übersichtlyr tr:first-child td,
  .übersichtlyr tr:first-child th {
    font-size: 80%;
  }
  .übersichtlyr tr:last-child td,
  .übersichtlyr tr:last-child th {
    font-size: 70%;
  }
}