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%;
}
}