/** * Das Geheimnis der Seerosenvilla * * Template: dp DIGITAL PUBLISHERS - 2 * * @copyright dp DIGITAL PUBLISHERS */ @font-face { font-family: "Adobe Garamond Pro"; font-weight: normal; font-style: normal; src: url(../fonts/font-86344-Adobe-Garamond-Pro-Regular.otf); } @font-face { font-family: "Allessa Script"; font-weight: normal; font-style: normal; src: url(../fonts/font-1076658-Allessa_Script.108375.otf); } @font-face { font-family: "Dancing Script OT"; font-weight: normal; font-style: normal; src: url(../fonts/font-1085126-DancingScript-Regular.109377.otf); } /* blitz — CSS framework for reflowable eBooks Version 1.2.0 by Jiminy Panoz Codename: Kola Kola License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ /* if you need to style epub:type */ /* if you need to style MathML */ /* 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. */ div, figure, h1, h2, li, nav, ol, p, section, 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 */ figure, nav, section { display: block; } [hidden] { display: none; } /* [Opinionated] Default to prevent RS from justifying all of these! */ h1, h2 { 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) */ /* [Opinionated] Default to prevent bloat in case linear="no" is rendered as linear="yes" */ a, em, span, strong { 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; } /* 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, .align-center { adobe-hyphenate: none; /* proprietary for Legacy RMSDK */ -ms-hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -epub-hyphens: none; hyphens: none; } h1, h2 { page-break-inside: avoid; break-inside: avoid; page-break-after: avoid; break-after: avoid; } h1 { font-size: 1.4375em; line-height: 1.043478; margin-top: 0; margin-bottom: 2.086957em; } h2 { font-size: 1.3125em; line-height: 1.142857; margin-top: 2.285714em; margin-bottom: 1.142857em; } p { text-indent: 1em; } /* 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 */ } em { font-style: italic; } /* Get back to normal when italic nested in italic */ strong { font-weight: bold; } /* Styling is improved to prevent sub from affecting line-height */ /* Styling is improved to prevent sup from affecting line-height */ /* FIGURES + IMAGES */ figure { page-break-inside: avoid; break-inside: avoid; margin: 1.5em 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 */ @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; } ol { list-style-type: decimal; list-style-position: outside; } /* DEFINITION LISTS */ /* HORIZONTAL RULES — CONTEXT BREAKS */ /* Blank-line context change */ /* 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 */ /* CODE */ /* MEDIAS */ svg { width: auto; max-width: 100%; height: auto; } svg { object-fit: contain; } /* CONTAINERS — WRAPPERS */ /* Widths */ /* Heights */ @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) */ /* UTILITIES */ /* Display */ /* May be useful for EPUB 3.1, warning .absolute in ePubCheck in EPUB 3.0.1 .relative { position: relative; } .absolute { position: absolute; } */ /* Clearings */ /* Bordered content */ /* Margins */ /* Font-stacks */ /* We try to rely on RS’ typefaces, hence the huge font-stack */ /* We try to rely on RS’ typefaces, hence the huge font-stack */ /* We try to rely on RS’ typefaces, hence the huge font-stack */ /* We try to rely on RS’ typefaces, hence the huge font-stack */ /* Text align */ .align-center, .align-center * { text-indent: 0; /* Necessary as RS may define text-indent for p */ text-align: center !important; } /* Indents */ /* Font sizes */ /* Font styles */ /* Misc */ /* PAGE BREAKS */ /* For some reason, after has better support than before (Google, Kobo, etc.) */ /* Let’s pretend it is supported (legacy RMSDK does, others not so much) */ /* Let’s pretend it is supported (legacy RMSDK does, others not so much) */ /* This one works in iBooks, useful for figure or to keep 2 elements together */ /* End CSS */ /*Start dp static css*/ /*------------------------------------*\ #LAYOUT \*------------------------------------*/ /*Cover*/ /*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*/ /*ohne Einzug*/ .rte > p:first-child, h2 + p { display: block; text-indent: 0; } section, .paragraph { page-break-before: always; adobe-hyphenate: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -epub-hyphens: auto; hyphens: auto; } section section { page-break-before: initial; } 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*/ .intro p { text-indent: 0; } /*------------------------------------*\ #INITIAL-Buchstabe (ohne Einzug) \*------------------------------------*/ .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 { 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-headline, section .advertisement__work-extract h2 { font-family: "Adobe Garamond Pro"; font-size: 2em; margin-bottom: 1em; margin-top: 1em; text-align: center; } .advertisement__work, .advertisement__work-url, .advertisement__work-extract-headline { margin-top: 1.5em; } .advertisement__work:before, .advertisement__work-url:before, .advertisement__work-extract-headline:before { content: "***"; display: block; font-family: "Adobe Garamond Pro"; font-size: 20px; margin-bottom: 1.5em; text-align: center; } h1 + .advertisement__work { margin-top: 0; } h1 + .advertisement__work:before { margin-bottom: 0; content: ""; } /*------------------------------------*\ #Stile (über RTE zugewiesen) \*------------------------------------*/ /*Chatverlauf*/ /*left Chatbox*/ /*right Chatbox*/ /*Zeit-/Ortsangaben*/ .style_time_loc p { text-align: center; font-weight: 700; font-style: italic; margin-top: 20px; } /*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*/ /*Stil: Liedtexte/Gedichte*/ /*Stil: Glossar*/ /*Stil: Personenbeschreibung*/ /*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*/ 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: "Adobe Garamond Pro"; 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: "Adobe Garamond Pro"; 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: "Adobe Garamond Pro"; 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, .rte > div[class^="style"]:first-child + p:first-letter, /*erster Buchstabe im Absatz, der auf h2 bzw. h3 folgt*/h2 + p:first-letter { float: left; font-family: "Adobe Garamond Pro"; font-size: 2.7em; line-height: 0.7; margin-bottom: 0.05em; margin-right: 0.15em; margin-left: 0; margin-top: 0.1em; text-indent: 0; } /*------------------------------------*\ #TEXT-STILE \*------------------------------------*/ /*Stil: Text-Stil-1*/ /*Stil: Text-Stil-2*/ /*Stil: kein Initial*/ /*Stil: Abstand nach oben*/ /*Stil: Zeit- und Ortsangaben*/ /*Stil: Briefe*/ .style_letters p { font-family: "Allessa Script"; font-size: 1.1em; text-align: left; margin-bottom: 1em; margin-top: 1em; } /*Stil: E-Mails*/ .style_emails p { font-family: "Dancing Script OT"; font-size: 1.1em; text-align: left; margin-bottom: 1em; margin-top: 1em; } /*Stil: Chatverlauf*/ /*Stil: Zeitungsartikel*/ /*Stil: Liedtexte/Gedichte*/ /*Stil: Glossar*/ /*Stil: Personenbeschreibung*/ /*Stil: Danksagung/Vorwort*/