/*************************************************************************************** * Penguin Random House Verlag Basis-CSS für Produktion von EPUB-Dateien mit InDesign **************************************************************************************** * @project PRHV EPUB-CSS * @version 1.30 * @date 2022-09-29 * @author Fabian Kern (digital publishing competence) * @lastEditor Manfred Weiß / mw (PRHV) * @copyright Penguin Random House Verlag, digital publishing competence *****************************************************************************************/ /**************************************************************************************** Font-Einbettung *****************************************************************************************/ @import url(Image00002.jpg); /**************************************************************************************** Grundstellungen, Grundtext, Body-Formatierung *****************************************************************************************/ /*** CSS-Resets ***/ figure { display: block; } h1, p, figure { margin: 0; padding: 0; border-width: 0; } /*** Grundschrift-Einstellungen und Body-Formatierung ***/ body { font-size: 1em; line-height: 1.6em; widows: 2; orphans: 2; padding-right: 0.5em; } /* Reset für InDesign-Textrahmen */ /**************************************************************************************** Überschriften *****************************************************************************************/ /*** Fonts und Grund-Styling für Überschriften ***/ h1 { line-height: 1.6em; text-align: left; } /*** h1 für Vorspann ***/ /*** h1 für Teil_Titel ***/ h1.Teil_Titel { font-size: 2em; font-weight: bold; margin-top: 4.8rem; } /* Abstand nach Teil_Titel; Ausnahme: es folgt ein Teil_Untertitel, dann engere Gruppierung */ /* Layout für Teil_Untertitel */ /* Layout für Teil_Inhalt */ /* Zeichenformat num_teil in h1.Teil_Titel */ /*** h1 / Gliederungsüberschrift U1 ***/ h1 { font-size: 1.6em; font-weight: bold; margin-top: 4rem; } /* Abstand nach U1: 1 Zeile; Ausnahme Abstand zum U1_Untertitel: 0.5 Zeile */ h1 + * { margin-top: 1.6rem; } /* Formatierung für U1_Untertitel */ /* Zeichenformat num_U1 in h1.U1 */ /*** h2 / Gliederungsüberschrift U2 ***/ /* Abstand nach U2: 1 Zeile; Ausnahme Abstand zum U2_Untertitel: 0.5 Zeile */ /* U2 nach U1 bekommt etwas geringeren Abstand davor als U2 normalerweise hat */ /* Formatierung für U2_Untertitel */ /*** h3 / Gliederungsüberschrift U3 ***/ /* U3 nach U2 erhät etwas geringen Abstand als sonst */ /*** h4 / Gliederungsüberschrift U4 ***/ /*** h5 / Gliederungsüberschrift U5 ***/ /*** h6 / Gliederungsüberschrift U6 ***/ /* Sonderüberschrift */ /* Page-Break-Properties für alle Überschriften */ h1 { page-break-inside: avoid; page-break-after: avoid; } /**************************************************************************************** Grundtext Absatz-Formate *****************************************************************************************/ /* Absatz mit/ohne Erstzeilen-Einzug */ p.GT { text-indent: 1.6em; } p.GT-stumpf { text-indent: 0; } /* Absatz mit Vorschub */ p.GT-einLZvor { margin-top: 1.6em; text-indent: 0; } /* Absatz-Ausrichtungen */ /* Sonderformate für Absätze */ /**************************************************************************************** Typisierte Absatz-Formate *****************************************************************************************/ /*** Anhang ***/ /*** Brief ***/ p.Brief_GT, p.Brief_GT-einLZvor { font-style: italic; margin-left: 1.6em; margin-right: 1.6em; } p.Brief_GT { text-indent: 1.6em; } p.Brief_GT-einLZvor { text-indent: 0; } p.Brief_GT-einLZvor { margin-top: 1.6em; text-indent: 1.6em; text-indent: 0; } /*** Drama ***/ /*** Email ***/ /*** Gedicht/Lied ***/ /*** Marginalien ***/ /*** Rezepte ***/ /*** Übungen ***/ /* Formate für die jeweils letzte Zeile der Übung */ /* Logik für Aufeinanderfolgen von Übungs-Absätzen */ /* Wir gehen hier davon aus, dass wenn einer der GT-Absätze direkt von U1/U2 gefolgt wird, der Übung-Kasten dann nicht zuende ist */ /* Bilder in Übungen */ /*** Zitat ***/ /**************************************************************************************** Sonderformate / Absatz-Formate *****************************************************************************************/ /*** Handschrift ***/ /* Überschriften */ /* Absatz-Formate und Listen */ /*** Schreibmaschine ***/ /* Überschriften */ /* Absatz-Formate und Listen */ /*** Sonderformat 01: Sans ***/ /* Überschriften */ /* Absatz-Formate und Listen */ /*** Sonderformat 02: 1 Geviert Einzug ***/ /* Überschriften */ .Sonder02_U1 { margin-left: 1.6em; } .Sonder02_U1 { font-size: 1.6em; font-weight: bold; margin-top: 4rem; } .Sonder02_U1 + * { margin-top: 1.6rem; } /* Absatz-Formate und Listen */ /* Chat / SMS */ /**************************************************************************************** Listen-Formate *****************************************************************************************/ /**************************************************************************************** Inline-Formate *****************************************************************************************/ em, .kursiv { font-style: italic; } /* Benannte Inline-Formate */ span.versal { text-transform: uppercase; } span.sonder01 { font-weight: normal; } /**************************************************************************************** Fussnoten/Endnoten *****************************************************************************************/ /**************************************************************************************** Blind-Formate: Ausblendung von Überschriften bzw. Inline-Texten *****************************************************************************************/ /* "Blinde" Überschriften werden über font-size:0; weggeblendet, weil sonst die Sprungmarken für den TOC */ /* nicht mehr vorhanden sind und es zu Fehlern in der Amazon-Konvertierung kommt... */ /* ...Inline-Blindtexte können dagegen per display:none; ausgeblendet werden. */ /**************************************************************************************** Bilder *****************************************************************************************/ /* Breiten für Bilder und Bildcontainer */ figure > img { width: 100%; } /* Abstände für Bildcontainer */ figure { margin-top: 1.6em; } /* Bildunterschrift und Quelle */ /* Logo-Container */ figure.Logo_Container_15 { width: 15%; margin-left: 42.5%; margin-right: 42.5%; } /* Social-Media-Icons */ /**************************************************************************************** Tabellen *****************************************************************************************/ /* Generelle Einstellungen für Tabellen */ /* Tabelle01: Grauer Hintergrund, weiße Linierung */ /* Tabelle02: Kopf mit grauem Hintergrund, Körper ohne Hintergrund, schwarze Linierung */ /* Tabelle03: Kein Hintergrund, keine Linierung */ /* Tabelle04: Kopf grau hinterlegt, nur Innenlinien */ /**************************************************************************************** Sonderseiten *****************************************************************************************/ /*** Info ***/ /*** Titelei ***/ .HT_Autor, .HT_Titel, .HT_Addendum { text-align: center; margin-top: 0.8em; } p.HT_Autor { font-size: 1.2em; margin-top: 0; } /*h1.HT_Titel,p.HT_Untertitel_1,p.HT_Untertitel_2,p.HT_Untertitel_3 { }*/ h1.HT_Titel { font-weight: bold; font-size: 1.6em; } .HT_Addendum + div figure { margin-top: 3rem; } /*** Impressums-Seite ***/ .Impr_GT, .Impr_GT-einLZvor { text-align: center; } .Impr_GT-einLZvor { margin-top: 1.6em; } /*** Widmung/Motto ***/ /* Grundformatierung Widmung */ p.Widmung { text-align: center; font-style: italic; } /* Wenn die Widmung alleine auf einer Seite steht, erhält sie den oberen Abstand wie U1... */ p.Widmung { margin-top: 4rem; } /* ...steht die Widmung mit Leerzeile hinter einen beliebigen Element, lassen wir 1 LZ Abstand */ /* Grundformatierung Motto */ p.Motto { text-align: center; width: 70%; margin-left: 15%; margin-right: 15%; } /* Wenn das Motto alleine auf einer Seite steht, erhält sie den oberen Abstand wie U1... */ p.Motto { margin-top: 4rem; } /* ...steht das Motto hinter einen beliebigen Element, lassen wir 1 LZ Abstand */ /* Formatierung Quelle */ p.Motto_Quelle { text-align: center; font-style: italic; width: 75%; margin-top: 0.8em; margin-left: 12.5%; margin-right: 12.5%; } /*** Inhaltsverzeichnis ***/ /* Inhaltsverzeichnis-Überschrift */ /* Wenn im HTML noch etwas vor der Inhaltsverzeichnis-Überschrift steht, erzwingen wir einen page-break */ /*** Index ***/