72 lines
1.7 KiB
CSS
72 lines
1.7 KiB
CSS
/* Container für das Buchlayout */
|
|
.phb {
|
|
width: 210mm; /* A4 Breite */
|
|
height: 296.8mm; /* A4 Höhe */
|
|
margin: 20mm;
|
|
padding: 20mm;
|
|
position: relative;
|
|
background-image: url('./background.png'); /* Hintergrundbild */
|
|
background-size: cover; /* Hintergrundbild strecken */
|
|
background-position: center; /* Bild zentrieren */
|
|
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); /* Schatten */
|
|
page-break-after: always; /* Seitensprung nach jeder Seite */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Layout für die Spalten */
|
|
.phb .content {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 2%; /* Abstand zwischen den Spalten */
|
|
}
|
|
|
|
/* Jede Spalte nimmt 48% der Breite ein */
|
|
.phb .column {
|
|
width: 48%; /* Breite der Spalten */
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
color: #222;
|
|
line-height: 1.5;
|
|
page-break-inside: avoid; /* Verhindert, dass der Inhalt in eine neue Seite umbricht */
|
|
}
|
|
|
|
/* Blockquote */
|
|
.phb blockquote {
|
|
background-color: lightgrey;
|
|
margin-top: 1em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.phb table {
|
|
font-size: 9pt;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Zusätzliche Stile für Tabellen und andere Elemente */
|
|
.phb table th, .phb table td {
|
|
padding: 5px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
/* Überschriften und Absätze */
|
|
.phb h1, .phb h2, .phb h3, .phb h4, .phb h5 {
|
|
margin-top: 0.2em;
|
|
margin-bottom: 0.2em;
|
|
color: #58180D;
|
|
}
|
|
|
|
.phb h2 {
|
|
font-size: 1.8em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.phb h3 {
|
|
font-size: 0.529cm;
|
|
border-bottom: 2px solid #c9ad6a;
|
|
}
|
|
|
|
/* Stil für den 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");
|
|
}
|