/** * Unter dem Eis * * Template: dp DIGITAL PUBLISHERS - 2 * * @copyright dp DIGITAL PUBLISHERS GmbH */ @font-face { font-family: 'Font1'; font-weight: normal; font-style: normal; src: url('../fonts/font-132224-Kiona-Regular.otf'); } @font-face { font-family: 'Font2'; font-weight: normal; font-style: normal; src: url('../fonts/font-107798-AmericanTypewriter.8793.otf'); } @charset "UTF-8"; /* blitz — CSS framework for reflowable eBooks Version 1.2.0 by Jiminy Panoz Codename: Kola Kola License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ @namespace h "http://www.w3.org/1999/xhtml/"; @namespace epub "http://www.idpf.org/2007/ops"; /* if you need to style epub:type */ @namespace m "http://www.w3.org/1998/Math/MathML/"; /* if you need to style MathML */ @namespace svg "http://www.w3.org/2000/svg"; /* if you need to style SVG */ html { /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */ } /* Begin CSS */ /* RESET */ /* So here's the trick, we must reset to manage a number of problems once and for all: - HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); - user settings (e.g. line-height on Kobo and Kindle); - CSS bloat (DRY); - KFX for which a reset using `border: 0` seems to disable support; - etc. It all started as a normalize and became a reset given the magnitude of the task. */ article, address, aside, blockquote, canvas, dd, details, div, dl, dt, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hr, li, main, nav, ol, p, pre, section, summary, ul { margin: 0; padding: 0; /* RS may apply vertical padding to el such as p */ font-size: 1em; /* Font size in pixel disable the user setting in legacy RMSDK */ line-height: inherit; /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */ text-indent: 0; font-style: normal; font-weight: normal; } /* This is absolutely necessary for backwards compatibility */ article, aside, figure, figcaption, footer, header, main, nav, section { display: block; } [hidden] { display: none; } /* [Opinionated] Default to prevent RS from justifying all of these! */ h1, h2, h3, h4, h5, h6, dt, pre { text-align: left; } /* Following EPUB 3 spec by the letter (applies to RS but let’s make sure it is respected because we never know) */ nav[epub|type~="toc"] ol { list-style: none !important; } /* [Opinionated] Default to prevent bloat in case linear="no" is rendered as linear="yes" */ nav[epub|type~="landmarks"], nav[epub|type~="page-list"] { display: none; } a, abbr, b, bdi, bdo, cite, code, data, del, dfn, em, i, ins, kbd, mark, q, rp, rt, rtc, ruby, s, samp, small, span, strong, sub, sup, time, var { font-size: inherit; vertical-align: baseline; font-style: inherit; /* Taking nesting of inline elements into account (e.g. sup nested in em) */ font-weight: inherit; /* Taking nestiog of inline elements into account (e.g. em nested in strong) */ color: inherit; text-decoration: none; } q { quotes: none; } /* Trying to prevent blank page if element with margin-bottom at the end of xhtml */ body > :last-child, body > section > :last-child { margin-bottom: 0; } /* PAGE LAYOUT */ @page { margin: 30px 30px 20px 30px; /* Recommended by Barnes & Noble in this old spec: https://simg1.imagesbn.com/pimages/pubit/support/pubit_epub_formatting_guide.pdf */ padding: 0; } body { font-size: 100%; line-height: 1.5; margin: 0; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } /* TYPOGRAPHY */ h1, h2, h3, h4, h5, h6, blockquote p cite, dt, pre, address, table, caption, th, td, .align-left, .align-center, .align-right, .caption, .no-hyphens { adobe-hyphenate: none; /* proprietary for Legacy RMSDK */ -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -epub-hyphens: none; hyphens: none; } h1, h2, h3, h4, h5, h6, dt, hr { page-break-inside: avoid; break-inside: avoid; page-break-after: avoid; break-after: avoid; } h1 { font-size: 1.4375em; line-height: 1.04347826; margin-top: 0em; margin-bottom: 2.08695652em; } h2 { font-size: 1.3125em; line-height: 1.14285714; margin-top: 2.28571429em; margin-bottom: 1.14285714em; } h3 { font-size: 1.125em; line-height: 1.33333333; margin-top: 1.33333333em; margin-bottom: 1.33333333em; } h4 { font-size: 1em; line-height: 1.5; margin-top: 1.5em; margin-bottom: 0em; } h5 { /* Styles */ } h6 { /* Styles */ } p { text-indent: 1em; } .footnote { font-size: 0.9375em; line-height: 1.6; text-indent: 0; } blockquote { margin: 1.5em 5%; } blockquote p { text-indent: 0; font-style: italic; text-align: center; } blockquote p i, blockquote p em, blockquote p cite { font-style: normal; } address { /* Styles */ } /* MICRO TYPOGRAPHY */ a { text-decoration: underline; /* Note: KF8 will force this value unless you use "el.class a" */ font-weight: bold; color: inherit; -webkit-text-fill-color: inherit; /* iBooks override (iOS 9 + El Capitan in night mode) */ /* inherit = text color */ } abbr { /* Note: Kindle doesn't support that */ } i, cite, dfn, em { font-style: italic; } /* Get back to normal when italic nested in italic */ i i, i cite, i dfn, i em, cite i, cite cite, cite dfn, cite em, dfn i, dfn cite, dfn dfn, dfn em, em i, em cite, em dfn, em em { font-style: normal; } b, strong { font-weight: bold; } del, s { text-decoration: line-through; } mark { background-color: yellow; color: inherit; } ins { /* Styles */ } small { font-size: 0.8125em; } /* Styling is improved to prevent sub from affecting line-height */ sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -20%; } /* Styling is improved to prevent sup from affecting line-height */ sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 33%; } /* FIGURES + IMAGES */ figure { page-break-inside: avoid; break-inside: avoid; margin: 1.5em 0; } figcaption, .caption { font-size: 0.9375em; line-height: 1.6; text-indent: 0; } img { width: auto; max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */ height: auto; object-fit: contain; vertical-align: bottom; /* Remove gap after the image */ } /* Note: portrait image styling + figcaption is a nightmare */ /* See https://github.com/jstallent/ImagesSingleFile for the css hack */ img.portrait { width: auto; max-width: 100%; /* Note: KF8 doesn't support max-width hence "width: auto;" as fallback */ height: 100%; /* We try to prevent blank page after */ max-height: 95%; /* Max value iBooks enforces */ } .float-left img, .float-right img { width: 100%; /* If it’s auto, image in floating container will overflow on Kobo iOS + Kindle */ } @supports (height: 99vh) { img.portrait { height: 99vh; } } /* LISTS */ ul, ol { margin: 1.5em 0; padding-left: 5%; } ul { list-style-type: disc; list-style-position: outside; } ul ul { list-style-type: square; } ol { list-style-type: decimal; list-style-position: outside; } ol ol { list-style-type: lower-roman; } /* DEFINITION LISTS */ dl { margin: 1.5em 0 1.5em 5%; } dt { margin: 1.5em 0 0 0; font-weight: bold; } dd { /* Styles */ } dt > dfn { font-style: normal; font-weight: bold; } /* HORIZONTAL RULES — CONTEXT BREAKS */ hr { width: 25%; margin-left: 37.5%; margin-top: 1.4375em; margin-bottom: 1.4375em; height: 0; border: none; border-top: 0.125em solid currentColor; /* currentColor = color of text (getting around night mode) */ opacity: 0.5; /* Opacity -> grayscale. If opacity is declared for too many elements in a XHTML file, performance of legacy RMSDK takes a hit */ } /* Blank-line context change */ hr.transition { width: 100%; margin: 0; height: 1.5em; border: none; background: none; /* Note: overridden in night mode excepted when using linear-gradient */ } /* Over-engineered asterism with an SVG background which is legacy RMSDK-compliant, reflows with text and is night-mode compatible (black asterisk + white border) */ /*hr.asterism { width: auto; border: none; margin: 1.5em 0; height: 1.5em; text-indent: 0; text-align: center; background: transparent url("asterism.svg") no-repeat center; /* Change url if you put asterism in a folder * / background-size: 2.5em 1.25em; /* RMSDK doesn't support -> won't scale but SVG viewport is OK for a wide range of font-sizes * / overflow: hidden; /* Fixes legacy RMSDK bug when contents before hr are invisible * / opacity: 0.7; /* Better border color match in night mode (less disruptive) * / } */ /* TABLES */ table { display: table; table-layout: auto; border-collapse: collapse; border-spacing: 0; max-width: 100%; margin: 1.5em auto; /* Note: legacy RMSDK sets auto to 0, which is permitted in a footnote of the EPUB2 specs */ font-feature-settings: "tnum" 1; font-variant-numeric: tabular-nums; } caption { caption-side: top; /* Note: only value legacy RMSDK supports */ text-align: center; font-weight: bold; } tbody { /* Styles */ } thead { /* Styles */ } tfoot { /* Styles */ } tr { /* Styles */ } th { empty-cells: show; border-bottom: 0.125em solid currentColor; /* Current color = color of text (inverted in night mode) */ padding: 0.6875em 2% 0.6875em 0; text-align: left; font-weight: bold; } td { empty-cells: show; border-bottom: 0.0625em solid currentColor; /* Current color = color of text (inverted in night mode) */ padding: 0.75em 2% 0.6875em 0; text-align: left; } .table-fixed { table-layout: fixed; } /* CODE */ pre { margin: 1.5em 0 1.5em 5%; word-wrap: break-word; white-space: pre-wrap; -ms-tab-size: 3; -moz-tab-size: 3; -webkit-tab-size: 3; tab-size: 3; } code, kbd, samp, var { font-family: monospace; /* Embed a font cos Kobo doesn't provide a monospace */ } /* MEDIAS */ audio { /* Styles */ } video { /* Styles */ } canvas, iframe, svg, video { width: auto; max-width: 100%; height: auto; } svg { object-fit: contain; } /* CONTAINERS — WRAPPERS */ .wrap-100 { width: auto; /* defaults to 100% but takes borders into account = big win since we can’t rely on box-sizing */ margin: 1.5em 0; } .wrap-90 { width: 90%; margin: 1.5em 5%; /* Since we can’t use auto (0 in legacy RMSDK), we must center using % */ } .wrap-80 { width: 80%; /* width: 80% -> KF8 bug, see amzn-kf8 query for fix */ margin: 1.5em 10%; } .wrap-70 { width: 70%; margin: 1.5em 15%; } .wrap-60 { width: 60%; margin: 1.5em 20%; } .wrap-50 { width: 50%; margin: 1.5em 25%; } .wrap-40 { width: 40%; margin: 1.5em 30%; } .wrap-30 { width: 30%; margin: 1.5em 35%; } .wrap-20 { width: 20%; margin: 1.5em 40%; } .wrap-10 { width: 10%; margin: 1.5em 45%; } /* Widths */ .w-100 { width: 100%; } .w-90 { width: 90%; } .w-80 { width: 80%; } .w-70 { width: 70%; } .w-60 { width: 60%; } .w-50 { width: 50%; } .w-40 { width: 40%; } .w-30 { width: 30%; } .w-20 { width: 20%; } .w-10 { width: 10%; } /* Heights */ .h-100 { height: 99%; /* 99.8% cos’ legacy RMSDK applies blank page after if 100% */ } .h-90 { height: 90%; } .h-80 { height: 80%; } .h-70 { height: 70%; } .h-60 { height: 60%; } .h-50 { height: 50%; } .h-40 { height: 40%; } .h-30 { height: 30%; } .h-20 { height: 20%; } .h-10 { height: 10%; } @supports (height: 100vh) { /* Can be used for containers and images but Should be used in combination with .portrait if used for img */ .h-100 { height: 99vh; /* Trying to avoid blank page after */ } .h-90 { height: 90vh; } .h-80 { height: 80vh; } .h-70 { height: 70vh; } .h-60 { height: 60vh; } .h-50 { height: 50vh; } .h-40 { height: 40vh; } .h-30 { height: 30vh; } .h-20 { height: 20vh; } .h-10 { height: 10vh; } } /* Floats */ /* If there are too many floating elements in a XHTML file, performance of legacy RMSDK takes a huge hit (± 4 seconds to render page on eInk devices) */ .float-left { float: left; margin: 0 1.5% 0 0; } .float-right { float: right; margin: 0 0 0 1.5%; } /* UTILITIES */ /* Display */ .block { display: block; } .inline-block { display: inline-block; } .hidden { /* Typical usage: EPUB 3 landmarks inline TOC */ display: none; } /* May be useful for EPUB 3.1, warning .absolute in ePubCheck in EPUB 3.0.1 .relative { position: relative; } .absolute { position: absolute; } */ /* Clearings */ .clear { /* may be useful if an element is floating in a container */ clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } /* Bordered content */ .boxed { border: 0.0625em solid currentColor; /* Current color = color of text (inverted in night mode) */ padding: 0.6875em; } /* Margins */ .no-margin { margin: 0; } .no-margin-top { margin-top: 0; } .no-margin-bottom { margin-bottom: 0; } .no-margin-left { margin-left: 0; } .no-margin-right { margin-right: 0; } .margin-top-s { margin-top: 0.75em; } .margin-top-m { margin-top: 1.5em; } .margin-top-l { margin-top: 3em; } .margin-top-xl { margin-top: 4.5em; } .margin-top-xxl { margin-top: 6em; } .margin-bottom-s { margin-bottom: 0.75em; } .margin-bottom-m { margin-bottom: 1.5em; } .margin-bottom-l { margin-bottom: 3em; } .margin-bottom-xl { margin-bottom: 4.5em; } .margin-bottom-xxl { margin-bottom: 6em; } .margin-left-s { margin-left: 2.5%; /* % won't reflow with font-size user setting */ } .margin-left-m { margin-left: 5%; } .margin-left-l { margin-left: 7.5%; } .margin-left-xl { margin-left: 10%; } .margin-left-xxl { margin-left: 15%; } .margin-right-s { margin-right: 2.5%; /* % won't reflow with font-size user setting */ } .margin-right-m { margin-right: 5%; } .margin-right-l { margin-right: 7.5%; } .margin-right-xl { margin-right: 10%; } .margin-right-xxl { margin-right: 15%; } /* Font-stacks */ .sans { /* Typical usage: headings */ font-family: sans-serif; } .serif { font-family: serif; } .monospace { font-family: monospace; } /* We try to rely on RS’ typefaces, hence the huge font-stack */ .humanist { font-family: "Myriad Pro", Seravek, Ember, "Trebuchet MS", "BN Trebuchet MS", "PT Sans", "Frutiger Neue", Roboto, sans-serif; } /* We try to rely on RS’ typefaces, hence the huge font-stack */ .geometric { font-family: Futura, "Century Gothic", "Apple SD Gothic Neo", AppleGothic, sans-serif; } /* We try to rely on RS’ typefaces, hence the huge font-stack */ .oldstyle { font-family: "Minion Pro", "Iowan Old Style", Palatino, "Palatino Linotype", "Palatino Nova", "BN Amasis", Cambria, FreeSerif, "Times New Roman", serif; } /* We try to rely on RS’ typefaces, hence the huge font-stack */ .modern { font-family: Athelas, Literata, Bookerly, "Merriweather Serif", Malabar, "BN Malabar", Georgia, "Droid Serif", serif; } /* Text align */ .justified, .justified * { /* Designed as a class for body — We don't enforce as user setting > author */ text-align: justify !important; adobe-hyphenate: auto; /* proprietary for Legacy RMSDK */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -epub-hyphens: auto; hyphens: auto; /* before and after not in spec but iBooks support all three (-webkit-) */ -ms-hyphenate-limit-lines: 2; -moz-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; /* No support except Trident (Windows) */ -ms-hyphenate-limit-chars: 6 3 2; -moz-hyphenate-limit-chars: 6 3 2; -webkit-hyphenate-limit-before: 3; -webkit-hyphenate-limit-after: 2; hyphenate-limit-chars: 6 3 2; /* No support except Trident (Windows) */ -ms-hyphenate-limit-zone: 10%; -moz-hyphenate-limit-zone: 10%; -webkit-hyphenate-limit-zone: 10%; hyphenate-limit-zone: 10%; /* No support */ -ms-hyphenate-limit-last: always; -moz-hyphenate-limit-last: always; -webkit-hyphenate-limit-last: always; hyphenate-limit-last: always; } .align-left, .align-left * { text-align: left !important; } .align-center, .align-center * { text-indent: 0; /* Necessary as RS may define text-indent for p */ text-align: center !important; } .align-right, .align-right * { text-indent: 0; /* Necessary as RS may define text-indent for p */ text-align: right !important; } /* Indents */ .indent { text-indent: 1em; } .no-indent { text-indent: 0; } .hanging-indent { text-indent: -5%; margin-left: 5%; /* Since em will reflow with font-size user setting, we’re using % */ } /* Font sizes */ .fs-xxs { font-size: 0.8125em; line-height: 1.84615385; } .fs-xs { font-size: 0.875em; line-height: 1.71428571; } .fs-s { font-size: 0.9375em; line-height: 1.6; } .fs-m { font-size: 1em; line-height: inherit; } .fs-l { font-size: 1.125em; line-height: 1.33333333; } .fs-xl { font-size: 1.3125em; line-height: 1.14285714; } .fs-xxl { font-size: 1.4375em; line-height: 1.04347826; } .fs-jumbo { font-size: 1.625em; line-height: 0.92307692; } /* Font styles */ .bold { /* Don't use that with span if b or strong can be used */ font-weight: bold; } .italic { /* Don't use that with span if i, cite, dfn or em can be used */ font-style: italic; } .bold-italic { font-weight: bold; font-style: italic; } .small-caps { text-transform: lowercase; /* Don't rely on this property, text should be typed in uppercase (legacy RMSDK) */ font-variant: small-caps; letter-spacing: 0.0625em; /* The two previous props are not supported in legacy RMSDK */ } .underline { text-decoration: underline; } /* Misc */ .no-list-type { /* Typical usage: hiding numbers in toc */ list-style-type: none; } /* PAGE BREAKS */ .break-before { page-break-before: always; break-before: always; /* Future according to https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before */ } /* For some reason, after has better support than before (Google, Kobo, etc.) */ .break-after { page-break-after: always; break-after: always; } .break-inside { page-break-inside: auto; break-inside: auto; } /* Let’s pretend it is supported (legacy RMSDK does, others not so much) */ .no-break-before { page-break-before: avoid; break-before: avoid; } /* Let’s pretend it is supported (legacy RMSDK does, others not so much) */ .no-break-after { page-break-after: avoid; break-after: avoid; } /* This one works in iBooks, useful for figure or to keep 2 elements together */ .no-break-inside { page-break-inside: avoid; break-inside: avoid; } /* End CSS */ /*Start dp static css*/ /*------------------------------------*\ #LAYOUT \*------------------------------------*/ /*Cover*/ #cover-image img{ width: 100%; } /*Absatz mit Einzug*/ p { margin: 0; text-align: justify; text-indent: 1em; } /*kein Einzug nach Absatz*/ .spacer + p { text-indent: 0; } /*Absatz mit Abstand nach unten*/ p.absatz{ margin-bottom:1em; } /*ohne Einzug*/ .rte > p:first-child, /*Text-Stil 1 u 2 ohne Einzug*/ .text-style-1 p, .text-style-1 + p, .text-style-2 p, .text-style-2 + p, h2 + p, .no-initial p, .no-initial + p, .initial-paragraph { display: block; text-indent: 0; } section, .paragraph { page-break-before:always; } ul { list-style: none; } figure { text-align: center; } /*Links*/ a{ font-weight: 300; } /*------------------------------------*\ #IMPRESSUM \*------------------------------------*/ .imprint { text-align: center; } /*Spezialabsatz Impressum*/ .imprint p { font-size: 0.7em; line-height: 1.3125; text-align: center; text-indent: 0; margin-bottom:0.5em; } /*------------------------------------*\ #KURZ VORAB (BOOKSNACKS) \*------------------------------------*/ /*Absätze ohne Einzug*/ .explanation p, .intro p { text-indent: 0; } /*------------------------------------*\ #INITIAL-Buchstabe (ohne Einzug) \*------------------------------------*/ .rte > h2 + div[class^='style'] + p, .rte > h2 + div[class^='style'] + div + p, .rte > h2 + div[class^='style'] + div + div + p, .rte > h2 + div[class^='style'] + div + div + div + p, .rte > h2 + div[class^='style'] + div + div + div + div + p, .rte > div[class^='style'] + p, .rte > div[class^='style'] + div + p, .rte > div[class^='style'] + div + div + p, .rte > div[class^='style'] + div + div + div + p, .rte > div[class^='style'] + div + div + div + div + p, h2 + p:first-letter, h3 + p:first-letter, .no-initial + p:first-letter, .initial-paragraph:first-letter, .style_initial > p:first-letter { text-indent: 0; } /*------------------------------------*\ #INHALT \*------------------------------------*/ .title-page { margin-left: auto; margin-right: auto; } /*------------------------------------*\ #In eigener Sache \*------------------------------------*/ .on-our-own-behalf { text-align: center; } .on-our-own-behalf p { margin-bottom: 1em; text-align: center; } /*------------------------------------*\ #Über den/die Autor/in \*------------------------------------*/ .author__curriculum-vitae figure { float: left; margin: 0; max-width: 200px; padding: 0 2em 2em 2em; } .author__curriculum-vitae p{ text-indent: 0; } .author__curriculum-vitae figure img { max-width: 200px; width: 200px; border-radius: 50%; } .author__links { clear: both; padding-bottom: 1.5em; } .author__links-headline{ font-weight: 700; margin-bottom: 0.5em; margin-top: 1em; } .author__links ul { margin: 0; padding: 0; } /*------------------------------------*\ #Werbung \*------------------------------------*/ .advertisement__work { clear: both; } .advertisement__work:after { content: ""; display: table; clear: both; } .advertisement__work figure { float: left; margin: 0; max-width: 160px; padding: 0 2em 2em 0; } .advertisement__work figure img { max-width: 160px!important; width: 100%; } .advertisement__work-title { font-family: inherit; font-size: inherit; font-weight: bold; margin: 0; text-align: left; } .advertisement__work-authors { font-style: italic; } .advertisement__work-isbn, .advertisement__work-teaser { margin: 0 0 1em; } .advertisement__work-link, .advertisement__work-url, .advertisement__work-extract p:first-child { margin: 1em 0 0; text-align: center; } .advertisement__work-extract h1{ font-size: 1.5em; } .advertisement__work-extract-headline, section .advertisement__work-extract h2 { font-family:'Font1'; font-size: 2em; margin-bottom: 1em; margin-top: 1em; text-align: center; } .advertisement__work, #leseprobe, .advertisement__work-url, .advertisement__work-extract-headline{ margin-top: 1.5em; } .advertisement__work:before, #leseprobe:before, .advertisement__work-url:before, .advertisement__work-extract-headline:before{ content: "***"; display: block; font-family:'Font1'; font-size: 20px; margin-bottom: 1.5em; text-align: center; } h1+.advertisement__work{ margin-top: 0; } h1+.advertisement__work:before{ margin-bottom: 0; content: ""; } .advertisement--audiobook-promotion .advertisement__work figure { float: none; margin: auto; max-width: 280px; } .advertisement--audiobook-promotion .advertisement__work figure img { max-width: 280px!important; } /*------------------------------------*\ #Stile (über RTE zugewiesen) \*------------------------------------*/ p.zitat{ font-size: 0.8em; text-align:right; margin-bottom:10px; } /*Chatverlauf*/ .style_chat{ width: 100%; position: relative; clear: both; } .style_chat p{ clear: both; border: 1px solid black; border-radius: 4px; margin: 2em 0; padding: 10px 15px; text-indent: 0; width: 60%; } /*left Chatbox*/ .style_chat p:nth-of-type(2n+1){ text-align: left; display: inline-block; position: relative; left: 20px; } .style_chat p:nth-of-type(2n+1):after{ content: ""; display: inline-block; position: absolute; left: -8.5px; top: 7px; height: 0px; width: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid white; } .style_chat p:nth-of-type(2n+1):before{ content: ""; display: inline-block; position: absolute; left: -9px; top: 7px; height: 0px; width: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid black; } /*right Chatbox*/ .style_chat p:nth-of-type(2n){ text-align: left; display: inline-block; position: relative; float: right; right: 20px; } .style_chat p:nth-of-type(2n):after{ content: ""; display: inline-block; position: absolute; right: -8px; top: 6px; height: 0px; width: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid white; } .style_chat p:nth-of-type(2n):before{ content: ""; display: inline-block; position: absolute; right: -9px; top: 6px; height: 0px; width: 0px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid black; } /*Zeit-/Ortsangaben*/ .style_time_loc p{ text-align: center; font-weight: 700; font-style: italic; } /*Briefe*/ .style_letters p{ font-family: Georgia,Times,Times New Roman,serif; margin: 1.5em 0; text-indent: 0; } /*Stil: E-Mails*/ .style_emails p{ font-family: Georgia,Times,Times New Roman,serif; margin: 1.5em 0; text-indent: 0; } /*Stil: Zeitungsartikel*/ .style_newsarticle p{ margin: 1.5em 0; text-indent: 0; } /*Stil: Liedtexte/Gedichte*/ .style_poem p{ margin: 1.5em 0; text-align: center; text-indent: 0; } /*Stil: Glossar*/ .style_glossary p{ text-indent: 0; } /*Stil: Personenbeschreibung*/ .style_personal_description p{ } /*Stil: Danksagung/Vorwort*/ .style_foreword p{ text-indent: 0; } /*Stil: Zitat*/ .style_blockquote{ margin: 1.5em 5%; } .style_blockquote p{ text-indent: 0; font-style: italic; text-align: center; } /*Stil: Trenner*/ .divider p{ text-align: center; margin: 1em 0; } section.paragraph { page-break-before: always; } /*End dp static css*/ /** * Stylesheet fuer digitalpublishers * * ebooks - epub * e-Mail: info@digitalpublishers.de */ /*------------------------------------*\ #ÜBERSCHRIFTEN \*------------------------------------*/ h1 { display: block; font-family:'Font1'; font-size: 2.5em; margin-top: 0.2em; margin-bottom: 0.5em; padding-top: 4em; text-align: center; } .intro h1, .authors h1, .imprint h1, .advertisement h1, .on-our-own-behalf h1, #toc-title{ font-family:'Font1'; font-size: 2em; margin-top: 0.2em; margin-bottom: 0.5em; padding-top: 0; text-align: center; } #title-page h1{ padding-top: 0; } h2 { font-family:'Font1'; font-size: 2em; margin-top: 0.2em; margin-bottom: 0.5em; text-align: center; } /*------------------------------------*\ #INITIALEN \*------------------------------------*/ /*erster Buchstabe im ersten Absatz (p) jedes Kapitels (.paragraph) innerhalb des rte*/ .paragraph .rte > p:first-child:first-letter, /*erster p-Tag nach Stil 1/2*/ .text-style-1 + p:first-letter, .text-style-2 + p:first-letter, /*Wenn erster Absatz einen Stil zugewiesen hat (und evtl. weitere Stile folgen, soll der erste Buchstabe des folgenden p-tags mit einem Initial beginnen - geht aktuell bis 5 aufeinanderfolgenden Stilen*/ .rte > h2 + div[class^='style'] + p:first-letter, .rte > h2 + div[class^='style'] + div + p:first-letter, .rte > h2 + div[class^='style'] + div + div + p:first-letter, .rte > h2 + div[class^='style'] + div + div + div + p:first-letter, .rte > h2 + div[class^='style'] + div + div + div + div + p:first-letter, .rte > div[class^='style']:first-child + p:first-letter, .rte > div[class^='style']:first-child + div + p:first-letter, .rte > div[class^='style']:first-child + div + div + p:first-letter, .rte > div[class^='style']:first-child + div + div + div + p:first-letter, .rte > div[class^='style']:first-child + div + div + div + div + p:first-letter, /*erster Buchstabe im Absatz, der auf h2 bzw. h3 folgt*/ h2 + p:first-letter, h3 + p:first-letter, /*erster Buchstabe im Absatz der dem Text-Stil "no-initial" folgt*/ .no-initial + p:first-letter, /*erster Buchstabe im Absatz mit der Klasse 'initial-paragraph'*/ .initial-paragraph:first-letter , /*zugewiesener Stil: Initial*/ .style_initial > p:first-letter { float:left; font-family:'Font1'; font-size: 2.25em; line-height: 0.7; margin-bottom: 0.05em; margin-right: 0.15em; margin-left: 0.00em; margin-top: 0.1em; text-indent: 0; } /*------------------------------------*\ #TEXT-STILE \*------------------------------------*/ /*Stil: Text-Stil-1*/ .text-style-1{ font-family: 'Font2'; font-size: 1.1875em; line-height: 1.5; } .text-style-1:last-of-type, .no-initial:last-of-type{ margin-bottom: 1em; } .text-style-1 + .no-initial{ margin-top: 1em; } /*Stil: Text-Stil-2*/ .text-style-2{ font-family: 'Font1'; font-size: 1.3em; text-align: center; margin-bottom: 1em; margin-top: 1em; } /*Stil: kein Initial*/ .no-initial{ } /*Stil: Abstand nach oben*/ .section-padding{ padding-top: 160px;/*Abstand bei fehlender Kapitelüberschrift über diesen Stil zuweisbar*/ } /*Stil: Zeit- und Ortsangaben*/ .style_time_loc{ } /*Stil: Briefe*/ .style_letters p{ font-family: 'Font2'; font-size: 1.0em; text-align: left; margin-bottom: 1em; margin-top: 1em; } /*Stil: E-Mails*/ .style_emails p{ } /*Stil: Chatverlauf*/ .style_chat p{ } /*Stil: Zeitungsartikel*/ .style_newsarticle p{ } /*Stil: Liedtexte/Gedichte*/ .style_poem p{ } /*Stil: Glossar*/ .style_glossary p{ } /*Stil: Personenbeschreibung*/ .style_personal_description p{ } /*Stil: Danksagung/Vorwort*/ .style_foreword p{ }