/*************************************************************************************** * Penguin Random House Verlag Basis-CSS für Produktion von EPUB-Dateien mit InDesign **************************************************************************************** * @project PRHV EPUB-CSS * @version 1.36 (p.Ged_Lied_GT-rechts-einLZvor ergänzt) * @date 2023-02-03 * @author Fabian Kern (digital publishing competence) * @lastEditor Manfred Weiß / mw (PRHV) * @copyright Penguin Random House Verlag, digital publishing competence *****************************************************************************************/ /**************************************************************************************** Font-Einbettung *****************************************************************************************/ @import url(Image00003.gif); /**************************************************************************************** Grundstellungen, Grundtext, Body-Formatierung *****************************************************************************************/ /*** CSS-Resets ***/ figure { display: block; } h1, h2, 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; } /* Inline-Bilder in Absätzen und Überschriften mw, 2022-11-04*/ /* Reset für InDesign-Textrahmen */ div.Einfacher_Textrahmen { margin-top: 0; margin-bottom: 0; } /**************************************************************************************** Überschriften *****************************************************************************************/ /*** Fonts und Grund-Styling für Überschriften ***/ h1, h2 { line-height: 1.6em; text-align: left; } /*** h1 für Vorspann ***/ /*** h1 für Teil_Titel ***/ /* 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, .U1 { 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 ***/ h2, .U2 { font-size: 1.4em; font-weight: bold; margin-top: 3.2rem; } /* Abstand nach U2: 1 Zeile; Ausnahme Abstand zum U2_Untertitel: 0.5 Zeile */ h2 + *, .U2 + * { margin-top: 1.6rem; } /* U2 nach U1 bekommt etwas geringeren Abstand davor als U2 normalerweise hat */ .U2-nach_U1 { margin-top: 2rem; } /* 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, h2 { 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, p.GT-stumpf-nach_U1 { text-indent: 0; } /* GT-stumpf als erster Absatz im Seitenrahmen, mw 2022-11-04 */ /* Absatz mit Vorschub */ p.GT-einLZvor { margin-top: 1.6em; text-indent: 0; } /* Absatz-Ausrichtungen */ /* Sonderformate für Absätze */ /* Bild als Zaesur mw, 2022-11-04*/ /**************************************************************************************** Typisierte Absatz-Formate *****************************************************************************************/ /*** Anhang ***/ /*** Brief ***/ /* Bild als Zaesur mw, 2022-11-04*/ /*** Drama ***/ /*** Email ***/ /*MW, 2022-11-17: p.Ged_Lied_GT-zentriert-einLZ_vor > p.Ged_Lied_GT-zentriert-einLZvor */ /*** Gedicht/Lied ***/ /* p.Ged_Lied_GT-rechts-einLZvor ergänzt, MW 2023-02-03 */ /*MW, 2022-11-17: "stumpfe" Formate zusammengefasst*/ /*** 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 */ /* Bild als Zaesur mw, 2022-11-04*/ /*** Schreibmaschine ***/ /* Überschriften */ /* Absatz-Formate und Listen */ /* Bild als Zaesur mw, 2022-11-04*/ /*** Sonderformat 01: Sans ***/ /* Überschriften */ .Sonder01_U1 { font-size: 1.6em; font-weight: bold; margin-top: 4rem; } .Sonder01_U1 + * { margin-top: 1.6rem; } /* Absatz-Formate und Listen */ p.Sonder01_GT { text-indent: 1.6em; } p.Sonder01_GT-stumpf-nach_U1 { text-indent: 0; } p.Sonder01_GT-einLZvor { margin-top: 1.6em; text-indent: 0; } /* Bild als Zaesur mw, 2022-11-04*/ /*** Sonderformat 02: 1 Geviert Einzug ***/ /* Überschriften */ /* Absatz-Formate und Listen */ /* Bild als Zaesur mw, 2022-11-04*/ /* Chat / SMS */ /**************************************************************************************** Listen-Formate *****************************************************************************************/ /**************************************************************************************** Inline-Formate *****************************************************************************************/ strong, .fett { font-weight: bold; } 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%; } figure.Bild_Container_40 { width: 40%; margin-left: 30%; margin-right: 30%; } /* Abstände für Bildcontainer */ figure { margin-top: 1.6em; } /* Bildunterschrift und Quelle */ /* Logo-Container */ figure.Logo_Container_20 { width: 20%; margin-left: 40%; margin-right: 40%; } /* Social-Media-Icons */ /*MW, 2022-11-16: Korrekte Skalierung abweichend von anderen Inline-Bildern */ /*MW, 2022-11-16: Mini-Abstand auch wenn keine LZ */ /**************************************************************************************** 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 ***/ p.Info, p.Info-einLZvor { text-align: left; } h1.Info_U { font-size: 1.1rem; text-align: center; margin-bottom: 1em; } p.Info-einLZvor { margin-top: 1.6em; } /*** Titelei ***/ .HT_Autor, .HT_Untertitel_1, .HT_Untertitel_2, .HT_Uebersetzer { 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 { }*/ p.HT_Untertitel_1, p.HT_Untertitel_2 { font-size: 1.2em; } p.HT_Untertitel_2 { margin-top: 0.8em; } p.HT_Uebersetzer { margin-top: 1.2em; } .HT_Uebersetzer + div figure { margin-top: 3rem; } /*** Impressums-Seite ***/ .Impr_GT, .Impr_GT-einLZvor, .Impr_ISBN { 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 */ * + p.Motto { margin-top: 1.6rem; } /* Formatierung Quelle */ /*** Inhaltsverzeichnis ***/ /* Inhaltsverzeichnis-Überschrift */ /* Wenn im HTML noch etwas vor der Inhaltsverzeichnis-Überschrift steht, erzwingen wir einen page-break */ /*** Index ***/ /* Index_1-einLZvor: Wenn Index ohne Zwischenüberschriften benötigt wird, mw 2023-01-11*/