Vorlage:ÜbersichtLYR/styles.css: Unterschied zwischen den Versionen
Aus CMO
UweS (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
UweS (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* Übersichtstabelle für Lyrik-Bände */ | /* Übersichtstabelle für Lyrik-Bände */ | ||
.übersichtlyr { | table.übersichtlyr { | ||
width: 100%; | width: 100%; | ||
margin: 1em 0 0.4em 0; | margin: 1em 0 0.4em 0; | ||
border-collapse: collapse; | border-collapse: collapse !important; | ||
border: 1px solid # | border-spacing: 0; | ||
border-radius: | border: 1px solid #D8CFCF; /* außen */ | ||
border-radius: 0 !important; | |||
font-size: 100%; | font-size: 100%; | ||
color: #333; | color: #333; | ||
| Zeile 11: | Zeile 12: | ||
} | } | ||
.übersichtlyr td, | table.übersichtlyr td, | ||
.übersichtlyr th { | table.übersichtlyr th { | ||
border: 1px solid # | border: 1px solid #E7DEDE; /* innen */ | ||
padding: 0.4em 0.6em; | padding: 0.4em 0.6em; | ||
vertical-align: top; | 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 */ | /* Kopfzeile – Werkgruppe und Bandtitel */ | ||
.übersichtlyr tr:first-child td, | table.übersichtlyr tr:first-child td, | ||
.übersichtlyr tr:first-child th { | table.übersichtlyr tr:first-child th { | ||
background: # | background: #F6F2F2; | ||
font-size: 95%; | font-size: 95%; | ||
color: #555; | color: #555; | ||
padding-left: 2em; | padding-left: 2em; | ||
} | } | ||
/* Mobil | /* Mobil */ | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
table.übersichtlyr td, | |||
table.übersichtlyr th { | |||
padding: .25em; | |||
.übersichtlyr th { | |||
padding: .25em; | |||
} | } | ||
.übersichtlyr tr:first-child td, | table.übersichtlyr tr:first-child td, | ||
.übersichtlyr tr:first-child th { | table.übersichtlyr tr:first-child th { | ||
font-size: 80%; | font-size: 80%; | ||
} | } | ||
.übersichtlyr tr:last-child td, | table.übersichtlyr tr:last-child td, | ||
.übersichtlyr tr:last-child th { | table.übersichtlyr tr:last-child th { | ||
font-size: 70%; | font-size: 70%; | ||
} | } | ||
} | } | ||
Aktuelle Version vom 15. Februar 2026, 12:54 Uhr
/* Ü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%;
}
}