/*************************************************************************************** * 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 Serif"; font-style: italic; font-weight: bold; src: url(../Fonts/NotoSerif-BoldItalic.otf); } /***************************************/ /* Grundstellungen */ /***************************************/ /*** CSS-Resets ***/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote { margin: 0; padding: 0; border-width: 0; } article, section, header, figure, figcaption, nav, blockquote, aside { 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, h3.AUD_parttitle_sub_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; } h3.AUD_parttitle_sub_sub { font-size: 1.3em; font-weight: normal; margin-top: 1em; color: #737373; } .AUD_authors { margin-bottom: 1em; } h1.AUD_h1, h1.AUD_h1_before_h2, h1.AUD_h1_before_h2, h1.AUD_h1_before_h3, h1.AUD_h1_before_h4, h1.AUD_h1_before_h5, h1.AUD_h1_before_h6, .AUD_h1_sub, h2.AUD_h2, h2.AUD_h2_before_h3, h2.AUD_h2_before_h4, h2.AUD_h2_before_h5, h2.AUD_h2_before_h6, .AUD_h2_sub, h3.AUD_h3, h3.AUD_h3_before_h4, h3.AUD_h3_before_h5, h3.AUD_h3_before_h6, h4.AUD_h4, h4.AUD_h4_before_h5, h4.AUD_h4_before_h6, h5.AUD_h5, h5.AUD_h5_before_h6, h6.AUD_h6 { 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, h1.AUD_h1_before_h3, h1.AUD_h1_before_h4, h1.AUD_h1_before_h5, h1.AUD_h1_before_h6 { margin-bottom: 0; } .AUD_h1_sub { font-size: 1em; font-style: italic; margin-top: 1em; margin-bottom: 1em; } h2, h2.AUD_h2 { font-size: 1.6em; font-weight: bold; margin-top: 2em; margin-bottom: 1em; } h2.AUD_h2_before_h3, h2.AUD_h2_before_h4, h2.AUD_h2_before_h5, h2.AUD_h2_before_h6 { margin-bottom: 0; } .AUD_h2_sub { font-size: 1em; font-weight: bold; font-style: italic; margin-top: 1em; margin-bottom: 1em; } h3, h3.AUD_h3 { font-size: 1.4em; font-weight: bold; margin-top: 1.5em; margin-bottom: 1em; } h3.AUD_h3_before_h4, h3.AUD_h3_before_h5, h3.AUD_h3_before_h6 { margin-bottom: 0; } h4, h4.AUD_h4 { font-size: 1.2em; font-weight: bold; font-style: italic; margin-top: 1.5em; margin-bottom: 1em; } h4.AUD_h4_before_h5, h4.AUD_h4_before_h6 { margin-bottom: 0; } h5, h5.AUD_h5 { font-size: 1.1em; font-weight: bold; font-style: italic; margin-top: 1em; margin-bottom: 1em; } h5.AUD_h5_before_h6 { margin-bottom: 0; } h6.AUD_h6 { font-size: 1em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; } .AUD_subhead { font-size: 1em; font-weight: bold; margin-top: 1em; margin-bottom: 0; } .AUD_parahead { font-weight: bold; } /* Unsichtbare Überschriften-Formate */ /* Zunächst blenden wir die Überschriften-Formate an sich aus... */ h1.AUD_h1_aux_01, h1.AUD_h1_aux_01_before_h2, h1.AUD_h1_aux_01_before_h2, h1.AUD_h1_aux_01_before_h3, h1.AUD_h1_aux_01_before_h4, h1.AUD_h1_aux_01_before_h5, h1.AUD_h1_aux_01_before_h6, h2.AUD_h2_aux_01, h2.AUD_h2_aux_01_before_h3, h2.AUD_h2_aux_01_before_h4, h2.AUD_h2_aux_01_before_h5, h2.AUD_h2_aux_01_before_h6, h3.AUD_h3_aux_01, h3.AUD_h3_aux_01_before_h4, h3.AUD_h3_aux_01_before_h5, h3.AUD_h3_aux_01_before_h6, h4.AUD_h4_aux_01, h4.AUD_h4_aux_01_before_h5, h4.AUD_h4_aux_01_before_h6, h5.AUD_h5_aux_01, h5.AUD_h5_aux_01_before_h6, h6.AUD_h6_aux_01 { display: none; } /* ...und über ein padding-top an der jeweiligen
stellen wir identische Absenkungen sicher */ h1.AUD_h1_aux_01, h1.AUD_h1_aux_01_before_h2, h1.AUD_h1_aux_01_before_h2, h1.AUD_h1_aux_01_before_h3, h1.AUD_h1_aux_01_before_h4, h1.AUD_h1_aux_01_before_h5, h1.AUD_h1_aux_01_before_h6 { page-break-before: always; padding-top: 3em; } h2.AUD_h2_aux_01, h2.AUD_h2_aux_01_before_h3, h2.AUD_h2_aux_01_before_h4, h2.AUD_h2_aux_01_before_h5, h2.AUD_h2_aux_01_before_h6 { padding-top: 3em; } h3.AUD_h3_aux_01, h3.AUD_h3_aux_01_before_h4, h3.AUD_h3_aux_01_before_h5, h3.AUD_h3_aux_01_before_h6, h4.AUD_h4_aux_01, h4.AUD_h4_aux_01_before_h5, h4.AUD_h4_aux_01_before_h6 { padding-top: 2.5em; } h5.AUD_h5_aux_01, h5.AUD_h5_aux_01_before_h6, h6.AUD_h6_aux_01 { padding-top: 2em; } /* "Vorseiten" aus Print-CSS werden hier ausgeblendet */ section.vorseite { display: none; } /**************************************/ /* Absatz-Styles */ /**************************************/ /* Motto */ .AUD_aux_para_01 { margin-top: 1em; margin-bottom: 1em; } /* 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 { margin-top: 0; } .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 */ .AUD_aux_para_03 { font-family: PiperSans, Helvetica, sans-serif; } /* Hilfs-Stil 1 */ .AUD_aux_para_04 { color: #575757; margin-top: 1em; margin-bottom: 1em; } /* Hilfs-Stil 2 */ .AUD_aux_para_05 { font-family: PiperSans, Helvetica, sans-serif; color: #1e3991; margin-top: 1em; margin-bottom: 1em; } /* Widmung */ .AUD_aux_para_06 { font-family: "Noto Serif", "Times New Roman", serif; font-style: italic; margin-top: 1em; margin-bottom: 1em; } /* Hilfs-Stil 07: Text im Print ausblenden */ .AUD_aux_para_07 { /* Für EPUB nicht definiert */ } /* Hilfs-Stil 08: Text im EPUB ausblenden */ .AUD_aux_para_08 { display: none; } /* Hilfs-Stil 09: Laufweite erhöhen */ .AUD_aux_para_09 { /* Für EPUB nicht definiert */ } /* Hilfs-Stil 10: Laufweite verringern */ .AUD_aux_para_10 { /* Für EPUB nicht definiert */ } /*** Für eingerückte Zeilen im Grundtext ***/ /* Hilfsstil kein Einzug (auch nicht in der ersten Zeile), nicht in docmplus2019 */ .AUD_aux_para_24 { margin-left: 0%; } /* Hilfsstil nicht in docmplus2019 */ .AUD_aux_para_25 { margin-left: 10%; } /* Hilfsstil nicht in docmplus2019 */ .AUD_aux_para_26 { margin-left: 20%; } /* Hilfsstil nicht in docmplus2019 */ .AUD_aux_para_27 { margin-left: 30%; } /* Hilfsstil nicht in docmplus2019 */ .AUD_aux_para_28 { margin-left: 40%; } /* Hilfsstil nicht in docmplus2019 */ .AUD_aux_para_29 { margin-left: 50%; } /**************************************/ /* 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; } ol.AUD_list_01_numeric, ol.AUD_list_01_character { margin-left: 2.5em; } ul.AUD_list_01_blank { margin-left: 2em; } ol.AUD_list_01_character_capital, ol.AUD_list_01_roman { margin-left: 2.5em; } ul.AUD_list_02_symbol { margin-left: 2em; padding-left: 0.5em; } ol.AUD_list_02_numeric, ol.AUD_list_02_character { margin-left: 1.5em; } ul.AUD_list_02_blank { margin-left: 2em; } ol.AUD_list_02_character_capital, ol.AUD_list_02_roman { margin-left: 1em; } /* Liste mit Punkt als Führungszeichen */ .AUD_list_01_symbol { list-style-type: disc; } /* Liste mit Kasten als Führungszeichen */ .AUD_list_02_symbol, .AUD_list_03_symbol { list-style-type: square; } /* Nummerische Listen */ .AUD_list_01_numeric, .AUD_list_02_numeric, .AUD_list_03_numeric { list-style-type: decimal; } /* Alphabetische Listen */ .AUD_list_01_character, .AUD_list_02_character, .AUD_list_03_character { list-style-type: lower-alpha; } /* Alphabetische Listen groß*/ .AUD_list_01_character_capital, .AUD_list_02_character_capital, .AUD_list_03_character_capital { list-style-type: upper-alpha; } /* Römische Listen */ .AUD_list_01_roman, .AUD_list_02_roman, .AUD_list_03_roman { list-style-type: upper-roman; } /* Listen ohne Zähler*/ .AUD_list_01_blank, .AUD_list_02_blank, .AUD_list_03_blank { list-style-type: none; } /**************************************/ /* Textstile / Inline-Styles */ /**************************************/ .AUD_emph_regular { font-weight: normal; font-style: normal; text-decoration: none; } .AUD_emph_bold { font-weight: bold; } .AUD_emph_italic { font-style: italic; } .AUD_emph_bolditalic { font-weight: bold; font-style: italic; } .AUD_emph_underline { text-decoration: underline; } .AUD_emph_underline_bold { font-weight: bold; text-decoration: underline; } .AUD_emph_underline_bolditalic { font-weight: bold; text-decoration: underline; font-style: italic; } .AUD_emph_underline_italic { text-decoration: underline; font-style: italic; } /* HOCH - TIEF */ .AUD_sub, .AUD_emph_bold_sub, .AUD_emph_italic_sub, .AUD_emph_bolditalic_sub, .AUD_sup, .AUD_emph_bold_sup, .AUD_emph_italic_sup, .AUD_emph_bolditalic_sup { font-size: 0.7em; line-height: 1.3em; } .AUD_sub, .AUD_emph_bold_sub, .AUD_emph_italic_sub, .AUD_emph_bolditalic_sub { vertical-align: sub; } .AUD_emph_bold_sub { font-weight: bold; } .AUD_emph_italic_sub { font-style: italic; } .AUD_emph_bolditalic_sub { font-weight: bold; font-style: italic; } .AUD_subsub, .AUD_emph_bold_subsub, .AUD_emph_italic_subsub, .AUD_emph_bolditalic_subsub { vertical-align: sub; font-size: 0.5em; line-height: 1em; } .AUD_emph_bold_subsub { font-weight: bold; } .AUD_emph_italic_subsub { font-style: italic; } .AUD_emph_bolditalic_subsub { font-weight: bold; font-style: italic; } .AUD_sup, .AUD_emph_bold_sup, .AUD_emph_italic_sup, .AUD_emph_bolditalic_sup { vertical-align: super; } .AUD_emph_bold_sup { font-weight: bold; } .AUD_emph_italic_sup { font-style: italic; } .AUD_emph_bolditalic_sup { font-weight: bold; font-style: italic; } .AUD_subsup { vertical-align: super; } .AUD_supsup, .AUD_emph_bold_supsup, .AUD_emph_italic_supsup, .AUD_emph_bolditalic_supsup { vertical-align: super; font-size: 0.5em; line-height: 1em; } .AUD_emph_bold_supsup { font-weight: bold; } .AUD_emph_italic_supsup { font-style: italic; } .AUD_emph_bolditalic_supsup { font-weight: bold; font-style: italic; } .AUD_supsub { vertical-align: sub; } /* GROßBUCHSTABEN */ .AUD_emph_caps, .AUD_emph_caps_bold, .AUD_emph_caps_italic, .AUD_emph_caps_bolditalic { text-transform: uppercase; } .AUD_emph_caps_bold { font-weight: bold; } .AUD_emph_caps_italic { font-style: italic; } .AUD_emph_caps_bolditalic { font-weight: bold; font-style: italic; } /* Durchstreichung */ .AUD_emph_strikethrough { text-decoration: line-through; } /* 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 */ .AUD_aux_char_07 { /* Für EPUB nicht belegt */ } /* Hilfs-Stil 08: Text in EPUB ausblenden */ .AUD_aux_char_08 { display: none; } /* Hilfs-Stil 09: Laufweite erhöhen */ .AUD_aux_char_09 { /* Für EPUB nicht belegt */ } /* Hilfs-Stil 10: Laufweise verringern */ .AUD_aux_char_10 { /* Für EPUB nicht belegt */ } /* 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 */ .AUD_aux_char_11 { font-weight: normal; font-style: normal; color: inherit; background-color: inherit; padding: inherit; } /* Hilfsstil 12 */ .AUD_aux_char_12 { font-weight: normal; font-style: normal; color: inherit; background-color: inherit; padding: inherit; } /* Hilfsstil 13 */ .AUD_aux_char_13 { font-weight: normal; font-style: normal; color: inherit; background-color: inherit; padding: inherit; } /* Hilfsstil 14 */ .AUD_aux_char_14 { font-weight: normal; font-style: normal; color: inherit; background-color: inherit; padding: inherit; } /* Hilfsstil 15 */ .AUD_aux_char_15 { font-weight: normal; font-style: normal; color: inherit; background-color: inherit; padding: inherit; } /* Hilfsstile für Inline-Abstände von 10% bis 50%: AUD_aux_char_16 bis AUD_aux_char_20 */ .AUD_aux_char_16 { width: 10%; display: inline-block; } .AUD_aux_char_17 { width: 20%; display: inline-block; } .AUD_aux_char_18 { width: 30%; display: inline-block; } .AUD_aux_char_19 { width: 40%; display: inline-block; } .AUD_aux_char_20 { width: 50%; display: inline-block; } /* Initiale */ /* Bei Absätzen mit Initial darin muss der Erstzeilen-Einzug abgeschaltet werden */ p.AUD_bodytext.Initial { text-indent: 0; } /* In EPUB verwenden wir stets das stehende Initial für die Umsetzung */ span.AUD_emph_initial { font-size: 16pt; line-height: inherit; font-weight: bold; margin-right: 1pt; } /**************************************/ /* 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 */ /**************************************/ section.endnoten ol { list-style-type: none; margin-left: 0; } div.footnotes { page-break-before: always; margin-top: 2em; } .AUD_footnote, .AUD_footnote_first, .AUD_endnote, .AUD_endnote_first { display: block; margin-left: 2em; text-indent: -1.3em; margin-bottom: 1em; page-break-inside: avoid; } a.AUD_footnote_label, a.AUD_endnote_label { width: 1em; font-weight: bold; padding-left: 0.4em; padding-right: 0.4em; padding-bottom: 0.1em; font-size: 85%; border: 0; } .AUD_bibref_bodytext .AUD_endnote_label, .footnotes .AUD_footnote_label { padding-right: 0.4em; font-size: 85%; } /**************************************/ /* Literaturverzeichnis */ /**************************************/ h1 + p.AUD_bibref_bodytext, h2 + p.AUD_bibref_bodytext, p.AUD_parahead + p.AUD_bibref_bodytext, p.AUD_subheader + p.AUD_bibref_bodytext, p.AUD_bibref_head + p.AUD_bibref_bodytext, p.AUD_bibref_bodytext { margin-left: 2em; text-indent: -2em; margin-bottom: 1em; } .AUD_bibref_head { font-weight: bold; margin-top: 1em; margin-bottom: 1em; color: #1e3991; } /**************************************/ /* CROSSREFS */ /**************************************/ .AUD_crossref_general { color: #1e3991 !important; } /**************************************/ /* 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_h1 { font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; page-break-after: avoid; } .AUD_box_h2 { font-weight: bold; font-style: italic; margin-top: 0.5em; margin-bottom: 0.5em; 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: PiperSans, 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: PiperSans, 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: PiperSans, Helvetica, sans-serif; padding-top: 0; padding-bottom: 0; padding-left: 5%; padding-right: 5%; } /* BOX 5 */ .AUD_tf_box_05 { background-color: #f0f0f0; color: #5e5e5e; } /* BOX 6 */ .AUD_tf_box_06 { border-top: 2px solid #5e5e5e; border-bottom: 2px solid #5e5e5e; color: #5e5e5e; } /* BOX 7 */ .AUD_tf_box_07 { border: 2px solid #5e5e5e; color: #5e5e5e; margin-right: 0.5em; } /* BOX 8 */ .AUD_tf_box_08 { background-color: #aabaee; color: #1e3991; } /* BOX 9 */ .AUD_tf_box_09 { border-top: 2px solid #1e3991; border-bottom: 2px solid #1e3991; color: #1e3991; } /* BOX 10 */ .AUD_tf_box_10 { border: 2px solid #1e3991; color: #1e3991; margin-right: 0.5em; } /* BOX 24 - Impressum PRINT */ .AUD_tf_box_24 { display: none; } /**************************************/ /* 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 */ div.AUD_tf_box_15 { width: 70%; margin-left: 25%; margin-right: 5%; margin-top: 0.5em; margin-bottom: 0.5em; } div.AUD_tf_box_16 { width: 70%; margin-right: 30%; margin-top: 0.5em; margin-bottom: 0.5em; } div.AUD_tf_box_17 { margin-top: 0.5em; margin-bottom: 0; } /* Abstände der Chat-Boxen und Absatz-Abstände in den Boxen */ div.AUD_tf_box_17 + div.AUD_tf_box_15, div.AUD_tf_box_17 + div.AUD_tf_box_16 { margin-top: 0; } div.AUD_tf_box_15 p.AUD_bodytext + p.AUD_bodytext, div.AUD_tf_box_16 p.AUD_bodytext + p.AUD_bodytext { margin-top: 0.5em; } /* Text-Formatierung innerhalb der Boxen */ div.AUD_tf_box_15 p.AUD_bodytext, div.AUD_tf_box_16 p.AUD_bodytext { text-indent: 0; padding: 0.5em; border-radius: 0.5em; font-family: PiperSans; text-align: left; } div.AUD_tf_box_15 p.AUD_bodytext { background-color: #595959; color: white; text-align: left; } div.AUD_tf_box_16 p.AUD_bodytext { background-color: #e0e0e0; color: black; text-align: left; } /* Formatierung der Box-Titel (Personen, "Regieanweisungen") */ div.AUD_tf_box_15 p.AUD_box_title, div.AUD_tf_box_16 p.AUD_box_title { padding: 0; padding-left: 0.5em; padding-right: 0.5em; border-radius: 0; font-family: PiperSans; color: #595959; font-weight: normal; margin-bottom: 0.5em; } div.AUD_tf_box_15 p.AUD_box_title { text-align: right; } div.AUD_tf_box_17 p.AUD_box_title { padding: 0; padding-left: 0.5em; padding-right: 0.5em; border-radius: 0; font-family: PiperSans; color: #595959; font-weight: normal; text-align: center; margin-bottom: 0; } /* Spezielle Elemente in den Chat-Boxen */ .AUD_box_designelement, .AUD_tf_box_15 + .AUD_wanted_empty_para_after_word_table, .AUD_tf_box_16 + .AUD_wanted_empty_para_after_word_table, .AUD_tf_box_17 + .AUD_wanted_empty_para_after_word_table { display: none; } /**************************************/ /* Tabelle */ /**************************************/ .AUD_tf_table_container { margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; } table { width: 100%; text-indent: 0; border-collapse: collapse; border-spacing: 0; border-width: 0; } tr { page-break-inside: avoid; } td, th { border-style: solid; border-width: 1px; text-align: left; vertical-align: top; padding: 5px; } thead td, thead th, th, thead { font-weight: bold; } .AUD_tf_table { margin-top: 1em; margin-bottom: 1em; } .AUD_tf_table tr td { border: 1px solid black; font-size: 0.9em; line-height: 1.3em; } .AUD_tf_table tr td.AUD_table_caption { border: 0; } p.AUD_table_caption { font-family: PiperSans, Helvetica, sans-serif; color: #575757; } th.AUD_table_head_01, th.AUD_table_head_02, th.AUD_table_head_03 { background-color: #f0f0f0 !important; } p.AUD_table_footnote { font-size: 0.8em; line-height: 1.3em; margin-top: 0.8em; } .AUD_tf_table tr td.AUD_table_footnote { border: 0; } .AUD_tf_columntext { margin: 1em 0; } .AUD_tf_columntext td { padding: 0 1em 0 1em; border: 0; } /**************************************/ /* 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 */ figure.content-image-width-100 { width: 100%; } figure.content-image-width-80 { width: 80%; } figure.content-image-width-80-align-left-nofloat { width: 80%; margin-right: 20%; } figure.content-image-width-80-align-center-nofloat { width: 80%; margin-left: 10%; margin-right: 10%; } figure.content-image-width-80-align-right-nofloat { width: 80%; margin-left: 20%; } figure.content-image-width-50-align-left-nofloat { width: 50%; margin-right: 50%; } figure.content-image-width-50-align-center-nofloat { width: 50%; margin-left: 25%; margin-right: 25%; } figure.content-image-width-50-align-right-nofloat { width: 50%; margin-left: 50%; } figure.content-image-width-50-align-left-float { width: 50%; float: left; margin-right: 1em; } figure.content-image-width-50-align-right-float { width: 50%; float: right; margin-left: 1em; } figure.content-image-width-25-align-left-nofloat { width: 25%; margin-right: 75%; } figure.content-image-width-25-align-center-nofloat { width: 25%; margin-left: 37.5%; margin-right: 37.5%; } figure.content-image-width-25-align-right-nofloat { width: 25%; margin-left: 75%; } figure.content-image-width-25-align-left-float { width: 25%; float: left; margin-right: 1em; } figure.content-image-width-25-align-right-float { width: 25%; float: right; margin-left: 1em; } /* Schmuckbilder */ figure.deco-image-1-align-left, figure.deco-image-2-align-left, figure.deco-image-3-align-left, figure.deco-image-4-align-left, figure.deco-image-5-align-left { width: 10%; margin-right: 90%; } figure.deco-image-1-align-center, figure.deco-image-2-align-center, figure.deco-image-3-align-center, figure.deco-image-4-align-center, figure.deco-image-5-align-center { width: 10%; margin-left: 45%; margin-right: 45%; } figure.deco-image-1-align-right, figure.deco-image-2-align-right, figure.deco-image-3-align-right, figure.deco-image-4-align-right, figure.deco-image-5-align-right { width: 10%; margin-left: 90%; } /* Spezielle Bild-Typen */ /* Doppelseiten-Bilder im Print */ figure.doublespread-image { width: 100%; } /* Im Print frei platzierbare Bilder */ figure.free-floating-image { display: none; } /* Kapitel-Hintergrund-Bilder aus Print-CSS */ figure.AUD_tf_figure_container.background-image { display: none; } /* Weitere Kind-Elemente und Gestaltungsregeln für Bilder: Bildzähler, Bildunterschriften etc. */ .AUD_figure_id { page-break-before: avoid; } p.AUD_figure_id img { margin-top: 1em; } .AUD_figure_caption { font-family: PiperSans, Helvetica, sans-serif; color: #575757; margin-top: 0.5em; page-break-before: avoid; } .AUD_figure_id + .AUD_figure_caption { page-break-before: avoid; page-break-inside: avoid; } .AUD_figure_caption_addtext { font-family: PiperSans, Helvetica, sans-serif; color: #575757; } .AUD_figure_inline { padding: 0 0.5em; } .AUD_emph_caption { font-weight: bold; color: #575757; } /**************************************/ /* FORMEL */ /**************************************/ .AUD_tf_equation { margin-top: 1em; padding: 1em; } .AUD_equation { padding: 1em 0; } .AUD_tf_equation tr td { display: table-cell; text-align: center !important; vertical-align: middle; padding: 5px; border: 0; } .AUD_equation_text { text-align: center; margin: 1em 0; } .AUD_equation_caption { font-family: sans-serif; color: #575757; font-size: 0.9em; } .AUD_equation + .AUD_equation_caption { page-break-before: avoid; } /**************************************/ /* KOMMENTARE */ /**************************************/ .AUD_comment_01 { display: none; } .AUD_comment_02 { display: none; } .AUD_comment_a { display: none; } .AUD_comment_b { display: none; } .AUD_comment_char_01 { display: none; } .AUD_comment_char_02 { display: none; } .AUD_comment_para_01 { display: none; } .AUD_comment_para_02 { display: none; } /**************************************/ /* ZITATE */ /**************************************/ .AUD_quotation_01, .AUD_quotation_02 { 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, .AUD_quotation_02 + .AUD_quotation_02 .AUD_quotation_01 + .AUD_quotation_02, .AUD_quotation_02 + .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, .AUD_quotation_02_author { page-break-before: avoid; margin-bottom: 1em; color: #575757; /* nach dem Autor kommt derselbe Abstand wie nach einer Textbox */ } blockquote + p.AUD_bodytext { margin-top: 1em; /* Sollte der Fall eintreten, dass nur ein Zitat ohne Autor kommt und dann direkt ein bodytext-Absatz, so setzen wir hier den Abstand hoch, damit der Abstand nach dem Zitat-Text genauso aussieht wie nach dem Zitat-Autor */ } .AUD_quotation_inline { font-style: italic; } .AUD_quotation_inline_author { font-style: italic; } /**************************************/ /* CODE */ /**************************************/ .AUD_code_caption { background-color: #f0f0f0 !important; font-family: sans-serif; font-size: 1em; padding: 3px 4px 0 0.7em; border-bottom: 2px solid #fff; margin-top: 1em; } .AUD_code_display { text-indent: 2em; background-color: #f0f0f0; } /**************************************/ /* SEITENUMBRUCH */ /**************************************/ .AUD_pagebreak { page-break-after: always !important; height: 0; display: inline-block; } .AUD_columnbreak { page-break-after: always !important; color: white; font-size: 0; line-height: 0; height: 0; display: inline-block; } /**************************************/ /* 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 ***/ .part000, .partEigen { margin: 0; padding: 0; } /*** Frontmatter-Styles ***/ /**************************************/ /* Backmatter */ /**************************************/ /* Index/Stichwort-Verzeichnis */ div.index-standard { text-align: left; page-break-inside: avoid; } div.index-standard + div.index-standard { margin-top: 0.5em; } p.AUD_index_level_01 { margin-left: 2em; } span.AUD_index_entry_01 { display: block; margin-left: -1em; } p.AUD_index_level_02 { margin-left: 3em; } span.AUD_index_entry_02 { display: block; margin-left: -1em; } p.AUD_index_level_03 { margin-left: 4em; } span.AUD_index_entry_03 { display: block; margin-left: -1em; } a.index-button { display: inline-block; margin-right: 1em; margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; font-weight: bold; box-shadow: inset 0 1px 0 0 #7a8eb9; background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%); background-color: #637aad; border: 1px solid #314179; } div.index-standard a[href] { color: #fff; -webkit-text-fill-color: #fff; text-decoration: none; } /* EMOJIS */ span.AUD_emoji { font-family: PiperEmoji !important; font-weight: normal !important; font-style: normal !important; font-size: 1.2em; }