/* Penguin UK Ebook CSS June 2018 Version 4.4.1 ********************************************************************** CHANGELOG - V4.4.1 - span.strikethrough renamed 'del' to harmonise with Random House CHANGELOG - v4.4 - Reordered CSS sections to match Random House ordering - Plate section image classes added - _xsmall image class values altered - Figure classes added, all images to now sit in figure containers (except flat image heading text) - .caption removed and replaced with figcaption - Removed text-align from base paragraph style - Added hr style for template: hr.part - Added styles for otherTitlesDescriptive - Removed div.brandContainer and logoContainer - chapterHeadLogo added for small images above chapter name - Footnotes section updated with various changes - Poetry section updated with hanging indents - Inline tables section replaced with Tables section, includes classes for HTML- and image-based Tables - -webit-hyphens removed throughout - Assorted redundant styles removed from Branding section - Copyright image class added - Added style for lists with half-em spacing, li.halfspace - Added Puffin styles section - EB15ContentsText and EB15ContentsTextIndent removed. Use styles from new 'Table of Contents' section instead. - Body now has default serif - hidden_content added, use to remove items from contents page (using Nav document as both sidebar and internal contents page) - All media queries removed - kidslist removed - Hyphens properties removed throughout - Kindle ordered list removed - small_caps class added for smallcaps - Drama, Diary and Text Message classes all removed - Added header image classes - Removed 'Pullquotes and Textboxes' and 'Sidebars' sections. If required please consult PRH. ********************************************************************** ============================================================ GLOBAL ============================================================ */ @font-face { src: url(../Heebo-Regular.ttf); font-family: "Heebo"; font-weight: normal; font-style: normal; font-stretch: normal; } body { orphans: 2; widows: 2; font-family: serif; margin-top: 0; font-size: 1rem; text-align: justify; } a { text-decoration: none; } p { text-indent: 1em; margin-top: 0; margin-bottom: 0; orphans: 2; widows: 2; } figure { page-break-inside: avoid; margin: 1em auto; } .hidden_content { display: none; } /* ============================================================ TABLE OF CONTENTS ============================================================ */ ol.toc_ol_root { list-style-type: none; padding-left: 0.5em; } ol.toc_ol_nested { list-style-type: none; padding-left: 1.5em; margin-top: 0.25em; font-size: 95%; } .toc_ol_root li { margin-bottom: 0.7em; } .toc_ol_nested { /*color: #5b5b5b; - REMOVED FOR PENGUIN*/ } .toc_ol_nested, .toc_ol_nested li { margin-bottom: 0; } .toc_ol_root a, .toc_ol_root a:visited { color: #000; text-decoration: none; border-bottom: none; } .toc_ol_nested a, .toc_ol_nested a:visited { color: inherit; /* Define color in .toc_ol_nested above */ text-decoration: none; border-bottom: none; } /* ============================================================ HEADERS ============================================================ */ h1, h2, h3, h4, h5 { margin-top: 0; margin-bottom: 0; } h2.EB04MainHead { page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 1.42em; margin-bottom: 1.45em; font-weight: normal; font-weight: bold; font-family: "Heebo"; font-size: 2em; } h2.tochead { page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 1.5em; margin-bottom: 1.5em; font-weight: normal; font-weight: bold; font-family: "Heebo"; font-size: 1.3em; } h2.EB09LargeHead { font-size: 1.7em; page-break-after: avoid; line-height: 1em; text-align: center; font-weight: normal; margin-left: 5%; margin-right: 5%; margin-top: 15%; margin-bottom: 0; hyphens: none; font-family: "Heebo"; } h4.EB11SmallItalicHead { page-break-after: avoid; line-height: 1.3em; text-align: center; font-style: italic; font-weight: normal; margin-top: 0; margin-bottom: 2em; text-indent: 0; font-family: "Heebo"; } /* ============= HEADER IMAGES - Apply directly to element that is nested within a standard header; the header itself will determine the image's alignment. The image's alt-text MUST reflect the headers intended text. markup:
============= */ /* ============================================================ PARAGRAPHS ============================================================ */ p.EB01BodyTextLineSpace { margin-top: 1.2em; text-indent: 0; } p.EB02BodyTextFullOut { text-indent: 0; } p.EB03BodyTextIndented { text-indent: 1em; } p.dedication { line-height: 1.3em; text-align: center; text-indent: 0; margin-top: 5em; margin-bottom: 0; } /* ============================================================ EPIGRAPH ============================================================ */ /* ============================================================ EXTRA FEATURE ============================================================ */ blockquote { margin: 0; } p.EB22ExtraFeatureFirst { text-indent: 0; margin-top: 0.5em; } p.EB20ExtraFeatureLast { text-indent: 0; } p.EB21ExtraFeatureIndentedNBS { text-indent: 1em; } blockquote p { margin-left: 0; margin-right: 0; } /* ============================================================ LISTS ============================================================ */ /* ============================================================ HANGING INDENTS ============================================================ */ /* ============================================================ COPYRIGHT ============================================================ */ h5.EB13CopyrightHead { line-height: 1.3em; text-indent: 0; font-size: 1em; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: normal; } p.EB14CopyrightText { line-height: 1.3em; text-indent: 0; font-size: 0.85em; margin-top: 0.5em; margin-bottom: 0; } p.EB14CopyrightTextNoSpace { line-height: 1.3em; text-indent: 0; font-size: 0.85em; margin-top: 0; margin-bottom: 0; } div.copyrightImage { margin-top: 0.5em; } /* ============================================================ BRANDING STYLES ============================================================ */ h2.endPageHead { page-break-after: AVOID; line-height: 1.3em; text-align: center; font-weight: normal; text-transform: uppercase; margin-top: 1em; margin-bottom: 1em; font-size: 200%; } div.endPage { text-align: center; margin-bottom: 1em; } hr.part { border: none; height: 0.1em; color: #000; background-color: #000; margin: 1em 10% 1.5em 10%; } h3.EB04SmallCapsMainHead { page-break-after: avoid; line-height: 1em; text-align: center; font-weight: bold; margin-top: 0.5em; margin-bottom: 1em; font-size: 1.7em; text-transform: lowercase; letter-spacing: 0.1em; font-variant: small-caps; font-family: "Heebo"; } /* ============================================================ FOOTNOTES AND ENDNOTES ============================================================ */ /* ============================================================ IMAGES ============================================================ */ img { /*-- iOS8 Image Fix --*/ display: inline; } /* ========================================= Inline Images Example (Apply to image, adjust values as needed) ========================================= */ /* ================== Extra-Small Images ================== */ /* ============ Small Images ============ */ /* ============== Default Images ============== */ .portrait_default { text-align: center; page-break-inside: avoid; clear: both; border-radius: 3px; width: 38%; } .portrait_default img { page-break-inside: avoid; border-radius: 3px; width: 100%; } /* ============= Medium Images ============= */ /* ============================================== Large Images + Double Page Spread (DPS) Images ============================================== */ .portrait_large { text-align: center; page-break-inside: avoid; clear: both; border-radius: 3px; width: 65%; } .portrait_large img { page-break-inside: avoid; border-radius: 3px; /* Optional */ width: 100%; } .landscape_large { text-align: center; page-break-inside: avoid; clear: both; width: 100%; } .landscape_large img { page-break-inside: avoid; width: 100%; } /* ================ FULL PAGE IMAGES ================ */ .cover_image { position: relative; text-align: center; padding: 0; margin: 0 auto; width: 100%; page-break-inside: avoid; clear: both; } .cover_image img { width: 100%; page-break-inside: avoid; } /* ==================== Plate Section Images ==================== */ /* ============================================================ TABLES ============================================================ =========== HTML Tables =========== */ /* ================== Image-based Tables ================== */ /* ============================================================ FLOATED IMAGES | FLOATED TEXT BOXES NOTE: Do not use unless explicitly instructed ============================================================ */ /* ============================================================ INGREDIENT LISTS ============================================================ */ /* ============================================================ AUDIO & VIDEO ============================================================ */ /* ============================================================ POETRY AND NUMBERED LINES ============================================================ */ /* ============================================================ TYPESETTER CUSTOM STYLES Any styles created for specific book to be placed under this heading ============================================================ */ h2.brandingPartSingleTitle1 { page-break-after: avoid; text-align: center; margin-top: 25%; margin-bottom: 0.25em; margin-left: 2%; margin-right: 2%; font-size: 1.5em; font-weight: bold; line-height: 1.3em; letter-spacing: 0; font-family: "Heebo"; }