/*************************************************************************************** * Piper EPUB-CSS für Produktion von barrierefreien EPUB-Dateien mit Abavo Vlow **************************************************************************************** * @project Piper-EPUB-CSS * @version 3.0 * @date 2024-07-25 * @author Fabian Kern (digital publishing competence) * @lastEditor Fabian Kern (digital publishing competence) * @copyright Piper Verlag, digital publishing competence * @lastchanges - Neues Element "Seitenumbruch auf neue rechte Seite" * (wird hier wie regulärer Seitenumbruch behandelt) * - Neuer Inline-Stil "In Print und EPUB ausblenden" (a.k.a. "nur im TOC anzeigen") * - Unsichtbare Überschriften mit Weißraum * - Initiale * - Sonder-Inline-Formate * - Chat-Verläufe * - Bugfix für falsche Part-Title-Selektoren * - Bugfix für fehlende Selektoren der "unsichtbaren" Überschriften *****************************************************************************************/ /*************************************************************************************** * Verwendete Farben: *************************************************************************************** * Link-Farbe: #1e3991; * Fussnoten-Farbe: #1e3991; * Zeichen-Farbe 1: #575757; (AUD_aux_para_04, AUD_aux_char_12) * Zeichen-Farbe 2: #1e3991; (AUD_aux_para_05, AUD_aux_char_13) * Zeichen-Farbe 3: #5e5e5e; (AUD_tf_box_05, AUD_tf_box_06) * Hintergrundfarbe für Box/Tabellenkopf hellgrau: #f0f0f0; * Hintergrundfarbe für Box farbig / hellblau: #aabaee; * Textfarbe Bildunterschrift: #575757; * Textfarbe Parttitle-Ebenen: #737373; ****************************************************************************************/ /*************************************************************************************** * Verwendete Schrift-Definitionen: **************************************************************************************** * Serif: font-family: PiperSerif, "Times New Roman", serif; * Sans Serif: font-family: PiperSans, Helvetica, sans-serif; ****************************************************************************************/ /***************************************/ /* Font-Einbettung */ /***************************************/ @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: normal; src: url(../Fonts/NotoSerif-Regular.otf); } @font-face { font-family: "Noto Serif"; font-style: italic; font-weight: normal; src: url(../Fonts/NotoSerif-Italic.otf); } @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: bold; src: url(../Fonts/NotoSerif-Bold.otf); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: normal; src: url(../Fonts/NotoSans-Regular.otf); } @font-face { font-family: "Noto Sans"; font-style: italic; font-weight: normal; src: url(../Fonts/NotoSans-Italic.otf); } /***************************************/ /* Grundstellungen */ /***************************************/ /*** CSS-Resets ***/ body, div, ol, li, h1, h2, h3, p, blockquote { margin: 0; padding: 0; border-width: 0; } section, figure, figcaption, nav, blockquote { display: block; 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: 165%; widows: 2; orphans: 2; padding-right: 0.5em; } /*** Bodytext-Stile ***/ .AUD_bodytext_indent { text-indent: 1em; } .AUD_bodytext_centre { text-align: center; } .AUD_bodytext_right { text-align: right; } /**************************************/ /* Überschriften */ /**************************************/ h1.AUD_parttitle, h2.AUD_parttitle_sub { font-family: "Noto Serif", "Times New Roman", serif; line-height: 165%; text-align: left; page-break-inside: avoid; page-break-after: avoid; } h1.AUD_parttitle { font-size: 2em; font-weight: bold; margin-top: 2em; color: #737373; } h2.AUD_parttitle_sub { font-size: 1.5em; font-weight: bold; margin-top: 1em; color: #737373; } h1.AUD_h1, h1.AUD_h1_before_h2, h1.AUD_h1_before_h2, h2.AUD_h2, h2.AUD_h2_before_h3, h3.AUD_h3 { font-family: "Noto Serif", "Times New Roman", serif; text-align: left; line-height: 165%; page-break-inside: avoid; page-break-after: avoid; } h1, h1.AUD_h1 { font-size: 1.8em; font-weight: bold; margin-top: 2em; margin-bottom: 1em; } h1.AUD_h1_before_h2 { margin-bottom: 0; } h2, h2.AUD_h2 { font-size: 1.6em; font-weight: bold; margin-top: 2em; margin-bottom: 1em; } h2.AUD_h2_before_h3 { margin-bottom: 0; } h3, h3.AUD_h3 { font-size: 1.4em; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em; } /* Unsichtbare Überschriften-Formate */ /* Zunächst blenden wir die Überschriften-Formate an sich aus... */ /* ...und über ein padding-top an der jeweiligen
stellen wir identische Absenkungen sicher */ /* "Vorseiten" aus Print-CSS werden hier ausgeblendet */ /**************************************/ /* Absatz-Styles */ /**************************************/ /* Motto */ /* Gedicht */ /* Grundformatierung: Abstand vor dem Gedicht */ /* Gedichtabsätze: erhalten KEINEN Abstand vorher/nachher */ /* Wenn ein p.AUD_wanted_empty_para für Strophen-Einteilung verwendet wird, dann werden hier vorher/nachher */ /* keine zusätzlichen Abstände erzeugt. */ /* Grundformatierung: Abstand nach dem Gedicht wird durch den nächsten Absatz erreicht, der KEIN Gedicht-Absatz ist */ /* Grundschrift-Variante */ /* Hilfs-Stil 1 */ /* Hilfs-Stil 2 */ /* Widmung */ /* Hilfs-Stil 07: Text im Print ausblenden */ /* Hilfs-Stil 08: Text im EPUB ausblenden */ /* Hilfs-Stil 09: Laufweite erhöhen */ /* Hilfs-Stil 10: Laufweite verringern */ /*** Für eingerückte Zeilen im Grundtext ***/ /* Hilfsstil kein Einzug (auch nicht in der ersten Zeile), nicht in docmplus2019 */ /* Hilfsstil nicht in docmplus2019 */ /* Hilfsstil nicht in docmplus2019 */ /* Hilfsstil nicht in docmplus2019 */ /* Hilfsstil nicht in docmplus2019 */ /* Hilfsstil nicht in docmplus2019 */ /**************************************/ /* LISTEN */ /**************************************/ /* Einzüge */ ol { margin-left: 1em; /* Basis-Einzug für alle Listen */ /* Listenpunkte erhalten je nach Listentyp individuelle Einzüge */ } ol li { padding-left: 0; } /* Liste mit Punkt als Führungszeichen */ /* Liste mit Kasten als Führungszeichen */ /* Nummerische Listen */ /* Alphabetische Listen */ /* Alphabetische Listen groß*/ /* Römische Listen */ /* Listen ohne Zähler*/ /**************************************/ /* Textstile / Inline-Styles */ /**************************************/ /* HOCH - TIEF */ /* GROßBUCHSTABEN */ .AUD_emph_caps { text-transform: uppercase; } /* Durchstreichung */ /* AUX-Styles */ /* Hilfs-Stil 06: Zeichenformat in EPUB und Print ausblenden (a.k.a. nur im TOC ausgeben) */ .AUD_aux_char_06 { display: none; } /* Hilfs-Stil 07: Text in Print ausblenden */ /* Hilfs-Stil 08: Text in EPUB ausblenden */ /* Hilfs-Stil 09: Laufweite erhöhen */ /* Hilfs-Stil 10: Laufweise verringern */ /* Frei belegbare Hilfs-Stile: AUD_aux_char_11 bis AUD_aux_char_15 */ /* Die Stile werden hier nur mit einer simplen Default-Deklaration als Grundschrift */ /* gestaltet. "Echte" Gestaltung erfolgt ausschließlich per Snippet */ /* Hilfsstil 11 */ /* Hilfsstil 12 */ /* Hilfsstil 13 */ /* Hilfsstil 14 */ /* Hilfsstil 15 */ /* Hilfsstile für Inline-Abstände von 10% bis 50%: AUD_aux_char_16 bis AUD_aux_char_20 */ /* Initiale */ /* Bei Absätzen mit Initial darin muss der Erstzeilen-Einzug abgeschaltet werden */ /* In EPUB verwenden wir stets das stehende Initial für die Umsetzung */ /**************************************/ /* LINKS */ /**************************************/ a[href] { text-decoration: none; color: #1e3991; -webkit-text-fill-color: #1e3991; border-bottom: 1px dotted #575757; padding-left: 0.3em; padding-right: 0.3em; } @media amzn-kf8 { a[href] { font-weight: normal; color: #1e3991; border-bottom: 0; padding-left: 0.3em; padding-right: 0.3em; } } @media amzn-mobi { a[href] { font-weight: normal; color: #1e3991; border-bottom: 0; padding-left: 0.3em; padding-right: 0.3em; } } /**************************************/ /* FUSSNOTEN/ENDNOTEN */ /**************************************/ /**************************************/ /* Literaturverzeichnis */ /**************************************/ /**************************************/ /* CROSSREFS */ /**************************************/ /**************************************/ /* WEB */ /**************************************/ .AUD_web_url, .AUD_web_email { text-decoration: none !important; } /**************************************/ /* BOXES */ /**************************************/ .AUD_box { margin-top: 1em; margin-bottom: 1em; padding: 5%; width: 90%; page-break-inside: avoid !important; } .AUD_box_designelement { display: none; } /* BOX 1 */ .AUD_tf_box_01 { font-style: italic; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* BOX 2 */ .AUD_tf_box_02 { font-family: "Noto Sans", Helvetica, sans-serif; font-style: italic; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* BOX 3 */ /* BOX 4 */ .AUD_tf_box_04 { font-family: "Noto Sans", Helvetica, sans-serif; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* BOX 5 */ /* BOX 6 */ /* BOX 7 */ /* BOX 8 */ /* BOX 9 */ /* BOX 10 */ /* BOX 24 - Impressum PRINT */ /**************************************/ /* Chat-Verläufe / Dialoge */ /**************************************/ /* Für Chat-Verläufe werden die Box-Stile AUD_tf_box_15 bis AUD_tf_box_17 verwendet */ /* Dabei werden die Boxen folgendermaßen genutzt: */ /* AUD_tf_box_15: "Eigener" Chat-Text, rechts ausgerichtet */ /* AUD_tf_box_16: "Fremder" Chat-Text, links ausgerichtet */ /* AUD_tf_box_17: "Regieanweisungen" wie Datumsangaben für Chat-Texte, zentriert ausgerichet */ /* Innerhalb der Boxen wird AUD_box_title für Personenangaben etc. genutzt */ /* Hier im Basis-CSS wird eine Standard-Formatierung für die Chat-Texte deklariert, die dann produktspezifisch */ /* mit Snippets überschrieben werden kann. */ /* Breite und Ausrichtung der Chat-Boxen */ /* Abstände der Chat-Boxen und Absatz-Abstände in den Boxen */ /* Text-Formatierung innerhalb der Boxen */ /* Formatierung der Box-Titel (Personen, "Regieanweisungen") */ /* Spezielle Elemente in den Chat-Boxen */ .AUD_box_designelement { display: none; } /**************************************/ /* Tabelle */ /**************************************/ /**************************************/ /* ABBILDUNGEN */ /**************************************/ /* Grundeinstellungen für alle Bilder */ img { width: 100%; max-width: 100% !important; max-height: 100% !important; } /* Grundeinstellungen für alle Bild-Container */ figure.AUD_tf_figure_container { margin-top: 1.5em; margin-bottom: 1.5em; page-break-inside: avoid; } /* Varianten für Größen, Ausrichtungen und Umfluss von Bildern */ /* Schmuckbilder */ /* Spezielle Bild-Typen */ /* Doppelseiten-Bilder im Print */ /* Im Print frei platzierbare Bilder */ /* Kapitel-Hintergrund-Bilder aus Print-CSS */ /* Weitere Kind-Elemente und Gestaltungsregeln für Bilder: Bildzähler, Bildunterschriften etc. */ .AUD_figure_caption { font-family: "Noto Sans", Helvetica, sans-serif; color: #575757; margin-top: 0.5em; page-break-before: avoid; } /**************************************/ /* FORMEL */ /**************************************/ /**************************************/ /* KOMMENTARE */ /**************************************/ /**************************************/ /* ZITATE */ /**************************************/ .AUD_quotation_01 { font-style: italic; margin-top: 1em; margin-bottom: 0.5em; /* Die _quotation-Klassen erhalten zunächst margin-top: 1em, dies sollte aber nur auf den jeweils ersten Absatz wirken, damit das ganze wie ein Box-div wirkt, obwohl es keiner ist. Für aufeinander folgende _quotation-p-Elemente wird das ganze in der nächsten Deklaration überschrieben */ } .AUD_quotation_01 + .AUD_quotation_01 { font-style: italic; margin-top: 0.5em; margin-bottom: 0.5em; /* Für alle _quotation-p-Elemente, die auf andere _quotation-p-Elemente folgen, wird margin-top heruntergesetzt. So sollte oben und unten am Zitat 1em Abstand sein, und darin jeweils 0.5em. */ } .AUD_quotation_01_author { page-break-before: avoid; margin-bottom: 1em; color: #575757; /* nach dem Autor kommt derselbe Abstand wie nach einer Textbox */ } /**************************************/ /* CODE */ /**************************************/ /**************************************/ /* SEITENUMBRUCH */ /**************************************/ /**************************************/ /* LEERZEILEN */ /**************************************/ .AUD_wanted_empty_para { text-align: center; display: block; } .AUD_wanted_empty_para_2 { display: block; text-align: center; margin-top: 1.5em; margin-bottom: 1.5em; } .AUD_wanted_empty_para_after_word_table { display: block; } /**************************************/ /* Frontmatter */ /**************************************/ /*** Cover-Seite und Eigenanzeigen-Seite ***/ /*** Frontmatter-Styles ***/ /**************************************/ /* Backmatter */ /**************************************/ /* Index/Stichwort-Verzeichnis */ /* EMOJIS */