Vorlage:InformationBuch/styles.css: Unterschied zwischen den Versionen

Aus CMO
Die Seite wurde neu angelegt: „Informationsbox für Bücher (an InformationLYR angelehnt): .informationbuch { width: 90%; margin: 1.2em 0 0 0; border-collapse: collapse; border: 1px solid #aaa; border-radius: 6px; font-size: 95%; color: #333; } .informationbuch td, .informationbuch th { border: 1px solid #aaa; padding: 0.25em 0.5em; vertical-align: top; } Labelspalte: .informationbuch td:first-child { background: #f7f7f7; color: #555; font-style: i…“
 
Keine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
/* Informationsbox für Bücher (an InformationLYR angelehnt) */
/* ---------------------------------
.informationbuch {
  Buchinformation: Tabellenlayout
   width: 90%;
  --------------------------------- */
  margin: 1.2em 0 0 0;
 
table.informationbuch {
   width: 100%;
   border-collapse: collapse;
   border-collapse: collapse;
   border: 1px solid #aaa;
   margin: 0.4em 0;
  border-radius: 6px;
   font-size: 95%;
   font-size: 95%;
   color: #333;
   background-color: #fafafa;
  border: 1px solid #dcdcdc;
}
}


.informationbuch td,
table.informationbuch td {
.informationbuch th {
  border: 1px solid #aaa;
  padding: 0.25em 0.5em;
   vertical-align: top;
   vertical-align: top;
  padding: 0.3em 0.6em;
  border-bottom: 1px solid #e5e5e5;
}
}


/* Labelspalte */
table.informationbuch td:first-child {
.informationbuch td:first-child {
   width: 20%;
   background: #f7f7f7;
  color: #555;
   font-style: italic;
   font-style: italic;
   width: 12em;
  color: #444;
  white-space: nowrap;
}
 
table.informationbuch td:last-child {
   width: 80%;
  color: #111;
}
 
table.informationbuch tr:last-child td {
  border-bottom: none;
}
 
/* Platzhalter „–“ aus Vorlage:LeeresFeld */
.gf-placeholder {
  color: #999;
}
}


/* Mobil */
/* ------------------------------
@media (max-width: 600px) {
  Druckansicht
   .informationbuch {
  ------------------------------ */
@media print {
 
   table.informationbuch {
    border: 1px solid #999;
    background: none;
    font-size: 90%;
     width: 100%;
     width: 100%;
    page-break-inside: avoid;
   }
   }
   .informationbuch td,
 
   .informationbuch th {
   table.informationbuch td {
     padding: 0.2em;
    border: none;
    padding: 0.2em 0.5em;
    color: #000;
   }
 
  table.informationbuch td:first-child {
     font-style: italic;
    color: #000;
    width: 25%;
  }
 
  table.informationbuch td:last-child {
    width: 75%;
  }
 
  .gf-placeholder {
    color: #555;
   }
   }
}
}

Aktuelle Version vom 21. November 2025, 01:15 Uhr

/* ---------------------------------
   Buchinformation: Tabellenlayout
   --------------------------------- */

table.informationbuch {
  width: 100%;
  border-collapse: collapse;
  margin: 0.4em 0;
  font-size: 95%;
  background-color: #fafafa;
  border: 1px solid #dcdcdc;
}

table.informationbuch td {
  vertical-align: top;
  padding: 0.3em 0.6em;
  border-bottom: 1px solid #e5e5e5;
}

table.informationbuch td:first-child {
  width: 20%;
  font-style: italic;
  color: #444;
  white-space: nowrap;
}

table.informationbuch td:last-child {
  width: 80%;
  color: #111;
}

table.informationbuch tr:last-child td {
  border-bottom: none;
}

/* Platzhalter „–“ aus Vorlage:LeeresFeld */
.gf-placeholder {
  color: #999;
}

/* ------------------------------
   Druckansicht
   ------------------------------ */
@media print {

  table.informationbuch {
    border: 1px solid #999;
    background: none;
    font-size: 90%;
    width: 100%;
    page-break-inside: avoid;
  }

  table.informationbuch td {
    border: none;
    padding: 0.2em 0.5em;
    color: #000;
  }

  table.informationbuch td:first-child {
    font-style: italic;
    color: #000;
    width: 25%;
  }

  table.informationbuch td:last-child {
    width: 75%;
  }

  .gf-placeholder {
    color: #555;
  }
}