/*************************************************************************************** * 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 "00-prhv-fonts.css"; /**************************************************************************************** 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-family: "Noto Serif", "Times New Roman", serif; 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 { font-family: "Noto Sans", Helvetica, sans; 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 + *, .U1 + * { 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-einLZvor, p.Brief_GT-stumpf { font-style: italic; margin-left: 1.6em; margin-right: 1.6em; } p.Brief_GT-einLZvor, p.Brief_GT-stumpf { text-indent: 0; } p.Brief_GT-einLZvor { margin-top: 1.6em; text-indent: 1.6em; text-indent: 0; } /*** Drama ***/ /*** Email ***/ /*** Gedicht/Lied ***/ p.Ged_Lied_GT-einLZvor, p.Ged_Lied_GT-stumpf { font-style: italic; margin-left: 3.2em; margin-right: 1.6em; text-indent: -1.6em; } p.Ged_Lied_GT-stumpf { text-indent: -1.6em; } p.Ged_Lied_GT-einLZvor { margin-top: 1.6em; text-indent: 0; } /*** 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 ***/ p.Zitat_GT, p.Zitat_GT-zweiLZvor, p.Zitat_Quelle { font-style: italic; text-align: left; margin-left: 1.6em; margin-right: 1.6em; } p.Zitat_GT-zweiLZvor { margin-top: 3.2rem; } p.Zitat_Quelle { margin-top: 0.8em; } /**************************************************************************************** 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 */ /* Absatz-Formate und Listen */ /* Chat / SMS */ /**************************************************************************************** Listen-Formate *****************************************************************************************/ /**************************************************************************************** Inline-Formate *****************************************************************************************/ em, .kursiv { font-style: italic; } /* Benannte Inline-Formate */ span.versal { text-transform: uppercase; } span.sonder02 { font-family: "Noto Sans", sans-serif; font-weight: bold; } /**************************************************************************************** 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_10 { width: 10%; margin-left: 45%; margin-right: 45%; } /* 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_Verlag, .HT_Addendum { font-family: "Noto Serif", "Times New Roman", serif; 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 { font-family: "PRHV-Sans", Helvetica, sans; }*/ h1.HT_Titel { font-weight: bold; font-size: 1.6em; } p.HT_Verlag { font-weight: bold; margin-top: 1.6em; } /*** 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 */ /* Wenn das Motto alleine auf einer Seite steht, erhält sie den oberen Abstand wie U1... */ /* ...steht das Motto hinter einen beliebigen Element, lassen wir 1 LZ Abstand */ /* Formatierung Quelle */ /*** Inhaltsverzeichnis ***/ /* Inhaltsverzeichnis-Überschrift */ /* Wenn im HTML noch etwas vor der Inhaltsverzeichnis-Überschrift steht, erzwingen wir einen page-break */ /*** Index ***/