132 lines
3.1 KiB
CSS
132 lines
3.1 KiB
CSS
/* Setzt den Hintergrund und das Layout der Seite */
|
|
.phb {
|
|
width: 210mm; /* A4-Breite */
|
|
height: 296.8mm; /* A4-Höhe */
|
|
font-family: 'bookmania', sans-serif; /* Schriftart */
|
|
background-image: url('./background.png'); /* Lokales Hintergrundbild */
|
|
background-size: cover; /* Bild auf die ganze Seite strecken */
|
|
background-position: center; /* Bild zentrieren */
|
|
color: #222; /* Textfarbe */
|
|
padding: 20mm; /* Innenabstand */
|
|
box-sizing: border-box; /* Boxmodell */
|
|
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); /* Schatten für den Buch-Effekt */
|
|
page-break-after: always; /* Seitenumbruch nach jeder Seite */
|
|
position: relative; /* Damit andere absolute Positionierungen innerhalb der Seite funktionieren */
|
|
column-count: 2; /* Teilt den Inhalt in zwei Spalten */
|
|
column-gap: 2%; /* Abstand zwischen den Spalten */
|
|
column-rule: 1px solid #ccc; /* Regel zwischen den Spalten */
|
|
overflow: hidden; /* Verhindert Überlauf in die Spalten */
|
|
}
|
|
|
|
/* Stil für den Inhalt */
|
|
.phb .content {
|
|
padding-top: 10mm;
|
|
}
|
|
|
|
|
|
/* Text innerhalb von Blockquotes */
|
|
.phb blockquote {
|
|
background-color: lightgrey;
|
|
margin-top: 1em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.phb blockquote p {
|
|
font-size: 9pt;
|
|
font-family: ff-scala-sans-pro;
|
|
}
|
|
|
|
.phb blockquote p strong {
|
|
font-weight: bold;
|
|
font-family: ff-scala-sans-pro;
|
|
}
|
|
|
|
/* Tabellen */
|
|
.phb table {
|
|
font-size: 9pt;
|
|
font-family: ff-scala-sans-pro;
|
|
width: 100%; /* Volle Breite der Tabelle */
|
|
}
|
|
|
|
.phb table em {
|
|
font-family: ff-scala-sans-pro;
|
|
}
|
|
|
|
.phb table strong {
|
|
font-family: ff-scala-sans-pro;
|
|
font-weight: 800;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
|
|
/* Titeln und Überschriften */
|
|
.phb h1, .phb h2, .phb h3, .phb h4, .phb h5{
|
|
margin-top: 0.2em;
|
|
margin-bottom: 0.2em;
|
|
font-family: 'MrJeeves', sans-serif;
|
|
font-weight: 800;
|
|
color: #58180D;
|
|
}
|
|
|
|
/* Stil für Unterüberschriften */
|
|
.phb h2 {
|
|
font-size: 1.8em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.phb h3 {
|
|
font-size: 0.529cm;
|
|
border-bottom: 2px solid #c9ad6a;
|
|
}
|
|
|
|
.phb h5 {
|
|
font-family: ff-scala-sans-pro;
|
|
font-variant: small-caps;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Stil für den ersten Buchstaben nach einer h1 */
|
|
.phb h1+p::first-letter {
|
|
float: left;
|
|
font-family: Solberry;
|
|
font-size: 92pt;
|
|
color: #222;
|
|
line-height: 1.05em;
|
|
padding-right: 4pt;
|
|
}
|
|
|
|
/* Zusätzliche Styles für das Blockquote */
|
|
.phb blockquote hr {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M0 0l2 1L0 2z' fill='%239c2b1b'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
/* Porträts */
|
|
.portrait {
|
|
width: 22%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 4px;
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
/* Layout für ein weiteres Porträt */
|
|
.phb hr+hr+section blockquote img.portrait {
|
|
width: 10%;
|
|
left: 38%;
|
|
}
|
|
|
|
/* Für zusätzliche Anpassungen bei Blockquote-Tischen */
|
|
.phb hr+section blockquote table {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.phb hr+section blockquote ul {
|
|
font-family: "Scala Sans Pro";
|
|
padding-left: 1em;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.phb hr+section blockquote em {
|
|
font-family: "Scala Sans Pro";
|
|
font-style: italic;
|
|
}
|