/*************************************************************************************** * 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-family: PiperSans, Helvetica, sans-serif; ****************************************************************************************/ /***************************************/ /* Font-Einbettung */ /***************************************/ @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: normal; src: url(FONT00008.otf); } @font-face { font-family: "Noto Serif"; font-style: italic; font-weight: normal; src: url(FONT00013.otf); } @font-face { font-family: "Noto Serif"; font-style: normal; font-weight: bold; src: url(FONT00010.otf); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: normal; src: url(FONT00014.otf); } @font-face { font-family: "Noto Sans"; font-style: italic; font-weight: normal; src: url(FONT00009.otf); } @font-face { font-family: "Noto Sans"; font-style: normal; font-weight: bold; src: url(FONT00012.otf); } @font-face { font-family: "Noto Sans"; font-style: italic; font-weight: bold; src: url(FONT00015.otf); } @font-face { font-family: OpenMoji; font-style: normal; font-weight: normal; src: url(FONT00011.ttf); } /***************************************/ /* Grundstellungen */ /***************************************/ /*** CSS-Resets ***/ body, div, ul, ol, li, h1, h2, p { margin: 0; padding: 0; border-width: 0; } section, nav { 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 { text-align: left; line-height: 165%; 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; } /**************************************/ /* 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 */ ul, ol { margin-left: 1em; /* Basis-Einzug für alle Listen */ /* Listenpunkte erhalten je nach Listentyp individuelle Einzüge */ } ul li, ol li { padding-left: 0; } ul.AUD_list_01_symbol { margin-left: 1.5em; } /* Liste mit Punkt als Führungszeichen */ .AUD_list_01_symbol { list-style-type: disc; } /* 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_italic { font-style: italic; } /* HOCH - TIEF */ /* GROßBUCHSTABEN */ /* 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, .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_title { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; page-break-after: avoid; } .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 */ .AUD_tf_box_03 { font-family: "Noto Sans", Helvetica, sans-serif; font-weight: bold; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* 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 */ /**************************************/ /* 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 */ /**************************************/ /**************************************/ /* 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 */ span.AUD_emoji { font-family: OpenMoji !important; font-weight: normal !important; font-style: normal !important; font-size: 1.2em; }