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

Aus CMO
Die Seite wurde neu angelegt: „--------------------------------- InformationSA: Tabellenlayout ---------------------------------: table.informationsa { width: 100%; border-collapse: collapse; margin: 0.4em 0; font-size: 95%; background-color: #fafafa; border: 1px solid #dcdcdc; } table.informationsa td { vertical-align: top; padding: 0.3em 0.6em; border-bottom: 1px solid #e5e5e5; } table.informationsa td:first-child { width: 20%; font-style: italic;…“
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
/* ---------------------------------
/* Übersichtstabelle für StuttgarterAusgabe-Bände */
  InformationSA: Tabellenlayout
.übersichtsa {
  --------------------------------- */
 
table.informationsa {
   width: 100%;
   width: 100%;
  margin: 1em 0 0.4em 0;  /* bündig, nicht zentriert */
   border-collapse: collapse;
   border-collapse: collapse;
   margin: 0.4em 0;
   border: 1px solid #aaa;
   font-size: 95%;
  border-radius: 6px;
   background-color: #fafafa;
   font-size: 100%;
   border: 1px solid #dcdcdc;
   color: #333;
   text-align: left;
}
}


table.informationsa td {
.übersichtsa td,
.übersichtsa th {
  border: 1px solid #aaa;
  padding: 0.4em 0.6em;
   vertical-align: top;
   vertical-align: top;
  padding: 0.3em 0.6em;
  border-bottom: 1px solid #e5e5e5;
}
}


table.informationsa td:first-child {
/* Kopfzeile – Werkgruppe und Bandtitel */
   width: 20%;
.übersichtsa tr:first-child td,
   font-style: italic;
.übersichtsa tr:first-child th {
   color: #444;
   background: #f7f7f7;
   white-space: nowrap;
   font-size: 95%;
   color: #555;
   padding-left: 2em;       /* leichte Einrückung */
}
}


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


table.informationsa tr:last-child td {
/* Links in der Übersicht: sehr dezentes, helles Blau */
   border-bottom: none;
.übersichtsa a,
.übersichtsa a:link {
   color: #8ea7cf;          /* hell, leicht graublau */
  text-decoration: none;
}
}


/* Platzhalter „–“ aus Vorlage:LeeresFeld */
.übersichtsa a:visited {
.gf-placeholder {
   color: #9aa1c0;         /* minimal violetter, aber ähnlich hell */
   color: #999;
}
}


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


  table.informationlyr {
/* aktueller Artikel (Selflink) */
    border: 1px solid #999;
.übersichtsa .mw-selflink,
    background: none;
.übersichtsa strong.selflink {
    font-size: 90%;
  color: #666;             /* helles Grau */
    width: 100%;
  font-weight: bold;       /* dezent hervorgehoben */
    page-break-inside: avoid;
  text-decoration: none;
  }
  cursor: default;
}


  table.informationsa td {
/* Trennzeichen zwischen den Gedichttiteln (|) etwas blasser */
    border: none;
.übersichtsa {
    padding: 0.2em 0.5em;
   color: #777; /* Standardtextfarbe für reine Zeichen */
    color: #000;
  }
 
  table.informationsa td:first-child {
    font-style: italic;
    color: #000;
    width: 25%;
   }
 
  table.informationsa td:last-child {
    width: 75%;
  }
 
  .gf-placeholder {
    color: #555;
  }
}
}

Aktuelle Version vom 23. Oktober 2025, 10:49 Uhr

/* Übersichtstabelle für StuttgarterAusgabe-Bände */
.übersichtsa {
  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;
}

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

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

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

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

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

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

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