/*************************************************************************************** * Piper EPUB-CSS für Produktion von barrierefreien EPUB-Dateien mit Abavo Vlow **************************************************************************************** * @project Piper-EPUB-CSS * @version 2.0 * @date 2022-02-16 * @author Fabian Kern (digital publishing competence) * @lastEditor Fabian Kern (digital publishing competence) * @copyright Piper Verlag, digital publishing competence * @lastchanges - Anpassung des CSS an die HTML-Struktur für barrierefreie EPUBs, insbesondere für: * - Bildcontainer und Breitenangaben für
-Inhalte * - Fussnoten/Endnoten * - Zitate-Container (
) * - Integration neue Inline- und Block-Stile für Ausblenden Print/EPUB * und Laufweiten-Anpassung * - Einbettung Emoji-Font und Styling * *****************************************************************************************/ /*************************************************************************************** * 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: * Sans Serif: ****************************************************************************************/ /***************************************/ /* Font-Einbettung */ /***************************************/ /***************************************/ /* Grundstellungen */ /***************************************/ /*** CSS-Resets ***/ body, div, ol, li, h1, h2, p, blockquote { margin: 0; padding: 0; border-width: 0; } section, nav, blockquote { display: block; margin: 0; padding: 0; border-width: 0; } /*** Grundschrift-Einstellungen und Body-Formatierung ***/ body { font-size: 1em; line-height: 165%; widows: 2; orphans: 2; padding-right: 0.5em; } /*** Bodytext-Stile ***/ .AUD_bodytext_indent { text-indent: 1em; } /**************************************/ /* Überschriften */ /**************************************/ .AUD_h1 { line-height: 165%; text-align: left; page-break-inside: avoid; page-break-after: avoid; } h1, .AUD_h1 { font-size: 1.8em; font-weight: bold; margin-top: 2em; margin-bottom: 1em; } h2 { font-size: 1.6em; font-weight: bold; margin-top: 2em; margin-bottom: 1em; } .AUD_emph_bold { font-weight: bold; } /**************************************/ /* Absatz-Styles */ /**************************************/ /* Motto */ /* Gedicht */ /* Grundformatierung: Abstand vor dem Gedicht */ .AUD_aux_para_02 { font-style: italic; margin-top: 1em; margin-left: 1em; } /* Gedichtabsätze: erhalten KEINEN Abstand vorher/nachher */ .AUD_aux_para_02 + .AUD_aux_para_02 { margin-top: 0; margin-bottom: 0; } /* Wenn ein p.AUD_wanted_empty_para für Strophen-Einteilung verwendet wird, dann werden hier vorher/nachher */ /* keine zusätzlichen Abstände erzeugt. */ .AUD_aux_para_02 + .AUD_wanted_empty_para, .AUD_wanted_empty_para + .AUD_aux_para_02 { margin-top: 0; } /* Grundformatierung: Abstand nach dem Gedicht wird durch den nächsten Absatz erreicht, der KEIN Gedicht-Absatz ist */ .AUD_aux_para_02 + * { margin-top: 1em; } /* Grundschrift-Variante */ /* Hilfs-Stil 1 */ /* Hilfs-Stil 2 */ /* Widmung */ /* Hilfs-Stil 07: Text im Print ausblenden */ /* Hilfs-Stil 08: Text im EPUB ausblenden */ .AUD_box_designelement, .AUD_comment_para_01 { display: none; } /* 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 */ /**************************************/ .AUD_emph_regular { font-weight: normal; font-style: normal; text-decoration: none; } .AUD_emph_italic, .AUD_emph_caps_italic { font-style: italic; } /* HOCH - TIEF */ /* GROßBUCHSTABEN */ .AUD_emph_caps, .AUD_emph_caps_italic { text-transform: uppercase; } /* AUX-Styles */ /* 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 */ /* Hilfsstil 11: Graue Hinterlegung */ /* Hilfsstil 12: Graue Textfarbe */ /* Hilfsstil 13: Blaue Textfarbe */ /* Hilfsstile für Inline-Abstände von 10% bis 50% */ /* Hide epub: im epub ausblenden */ /**************************************/ /* 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 all { 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 { text-decoration: none !important; } /**************************************/ /* BOXES */ /**************************************/ .AUD_box { margin-top: 1em; margin-bottom: 1em; padding: 5%; width: 90%; page-break-inside: avoid !important; } .AUD_box_title { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; page-break-after: avoid; } .AUD_box_h1 { font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; page-break-after: avoid; } /* BOX 1 */ .AUD_tf_box_02 { font-style: italic; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* BOX 2 */ /* BOX 3 */ .AUD_tf_box_03 { font-weight: bold; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* BOX 4 */ /* BOX 5 */ /* BOX 6 */ /* BOX 7 */ /* BOX 8 */ /* BOX 9 */ /* BOX 10 */ /* BOX 24 - Impressum PRINT */ /**************************************/ /* Tabelle */ /**************************************/ /**************************************/ /* ABBILDUNGEN */ /**************************************/ /* Grundeinstellungen für alle Bilder */ /* Grundeinstellungen für alle Bild-Container */ /* Varianten für Größen, Ausrichtungen und Umfluss von Bildern */ /* Schmuckbilder */ /* Weitere Kind-Elemente und Gestaltungsregeln für Bilder: Bildzähler, Bildunterschriften etc. */ /**************************************/ /* 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; /* nach dem Autor kommt derselbe Abstand wie nach einer Textbox */ } /**************************************/ /* CODE */ /**************************************/ /**************************************/ /* SEITENUMBRUCH */ /**************************************/ /**************************************/ /* WANTED EMPTY PARA */ /**************************************/ .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 */