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

Aus CMO
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(Eine dazwischenliegende Version desselben Benutzers wird 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;   /* bündig, nicht zentriert */
   margin: 1em 0 0.4em 0;
   border-collapse: collapse;
   border-collapse: collapse !important;
   border: 1px solid #aaa;
  border-spacing: 0;
   border-radius: 6px;
   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 #aaa;
   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: #F6F2F2;
   background: #F6F2F2;
   font-size: 95%;
   font-size: 95%;
   color: #555;
   color: #555;
   padding-left: 2em;       /* leichte Einrückung */
   padding-left: 2em;
}
}


/* Mobil: volle Breite + kleinere Schrift + kompakteres Padding */
/* Mobil */
@media (max-width: 600px) {
@media (max-width: 600px) {
   .übersichtlyr {
   table.übersichtlyr td,
    width: 100%;
   table.übersichtlyr th {
  }
     padding: .25em;
  .übersichtlyr td,
   .übersichtlyr th {
     padding: .25em; /* halbiertes Padding */
   }
   }
   .ü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%;
   }
   }
}
/* Links in der Übersicht: sehr dezentes, helles Blau */
.übersichtlyr a,
.übersichtlyr a:link {
  color: #8ea7cf;          /* hell, leicht graublau */
  text-decoration: none;
}
.übersichtlyr a:visited {
  color: #9aa1c0;          /* minimal violetter, aber ähnlich hell */
}
.übersichtlyr a:hover {
  color: #5f7eb5;          /* beim Hover etwas kräftiger */
  text-decoration: underline;
}
/* aktueller Artikel (Selflink) */
.übersichtlyr .mw-selflink,
.übersichtlyr strong.selflink {
  color: #666;            /* helles Grau */
  font-weight: bold;      /* dezent hervorgehoben */
  text-decoration: none;
  cursor: default;
}
/* Trennzeichen zwischen den Gedichttiteln (|) etwas blasser */
.übersichtlyr {
  color: #777;  /* Standardtextfarbe für reine Zeichen */
}
}

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