/* Base Stylesheet for Random House B&W eBooks. ************************** * DO NOT EDIT THIS FILE. * ************************** IF ADDITIONAL OR DIFFERENT CSS IS REQUIRED, CREATE A NEW STYLESHEET AND USE MULTIPLE STYLESHEET LINKS IN THE XHTML FILES. ================== Working guidelines: =================== every style must use a class name. class names must be predictable (see naming convention) use h1 only for title pages (it's too big on a kindle for normal use) use h2 for chapter headings use h3, h4, h5 for ABC heads use h5 and h6 for captions There should be four variants of most block styles: left centered additional line space at end All headings should attempt to avoid page breaks. ======================= Style naming convention ======================= Use lower case words joined with hyphens Start with a functional description. If ranged left append '-left', centered '-center' and so on. Additional spacing should be indicated using '-space-before' 'space-after' Indents should be indicated with '-lindent' and '-rindent' */ /* Basic content. Normal paragraphs. Note that we don't ever use the 'normal' paragraph. */ body { margin-left: 3%; margin-right: 3%; margin-top: 3%; margin-bottom: 3%; color: black; font-family:serif; } p { text-align: justify; text-indent: 1em; /* text indent one EM by default. */ margin-top: 0; margin-bottom: 0; orphans: 2; /* widow and orphan control won't do much on kindle - solves some issues on iPad */ widows: 2; } /* Headings Set up the defaults for h1-h6 and then modify */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; font-weight: normal; } /* Use h1 for title page only */ h1.book-title { margin-top: 10%; page-break-after: avoid; text-align: center; margin-bottom: 2em; /* Make sure that any subtitle is separated. */ } /* Subtitle for book is an h2 */ h2.book-subtitle { page-break-after: avoid; text-align: center; margin-bottom: 1em; } h2.book-author { page-break-after: avoid; text-align: center; margin-bottom: 1em; } /* Other title page text */ p.title-page { text-align: center; } /* This paragraph style is basically the same as above but we are using it to have a specific style for imprint/publisher logos */ p.publisher-logo { margin-top: 3em; text-align: center; margin-bottom: 3em; } /* Use h2 for parts and chapters. Default style is to use the centred chapter head. */ h2.chapter-head-left { text-align: left; page-break-after: avoid; margin-top: 10%; margin-bottom: 2em; } h2.chapter-number-left { text-align: left; page-break-after: avoid; margin-top: 10%; margin-bottom: 2em; } h2.chapter-head { text-align: center; page-break-after: avoid; margin-top: 10%; margin-bottom: 2em; } h2.chapter-number { text-align: center; page-break-after: avoid; margin-top: 10%; margin-bottom: 2em; } /* This is deliberately empty - it's a placeholder */ span.chapter-number { } /* Use h3 for A heads and equivalents (highest level heads in a chapter). */ h3.a-head-left { text-align: left; page-break-after: avoid; margin-bottom: 1em; } h3.a-head { text-align: center; margin-bottom: 1em; page-break-after: avoid; } /* Use h4 for B heads and other subheads under A heads. Default for B and C heads is flush left */ h4.b-head { text-align: left; page-break-after: avoid; margin-bottom: 1em; } h4.b-head-center { text-align: center; page-break-after: avoid; margin-bottom: 1em; } /* Use h5 for C heads and other subheads under B heads. */ h5.c-head { text-align: left; page-break-after: avoid; margin-bottom: 1em; } h5.c-head-center { text-align: center; page-break-after: avoid; margin-bottom: 1em; } /* Use h6 for captions and so on. */ p.figure-caption-left { text-align: left; page-break-after: avoid; margin-bottom: 1em; } p.figure-caption { page-break-after: avoid; text-align: center; margin-bottom: 1em; } h6.box-head-left { text-align: left; page-break-after: avoid; font-weight: bold; } h6.box-head { page-break-after: avoid; text-align: center; font-weight: bold; } /* Body Text. There are two main formats for the body text - flush left and indented. Because the kindle and iBooks have different defaults we don't use the default paragraph style. Random house default paragraph style requires that the first para in a chapter use p.flush-left and following paras use p.indented */ p.flush-left { text-indent: 0; margin-top: 0; margin-bottom: 0; line-height: 1.2em; /* CHECK THIS! */ } p.indented { text-indent: 1em; margin-top: 0; margin-bottom: 0; line-height: 1.2em; /* CHECK THIS! */ } p.flush-left-space-after { text-indent: 0; margin-top: 0; margin-bottom: 1em; line-height: 1.2em; /* CHECK THIS! */ } p.indented-space-after { text-indent: 1em; margin-top: 0; margin-bottom: 1em; line-height: 1.2em; /* CHECK THIS! */ } /* Hanging indents This now works on most devices. */ p.hanging-indent-space-after { margin-top: 0; margin-bottom: 1em; line-height: 1.2em; /* CHECK THIS! */ text-indent: -1em; padding-left: 1em; } p.extra-hanging-indent-space-after { margin-top: 0; margin-bottom: 1em; line-height: 1.2em; /* CHECK THIS! */ text-indent: -1em; padding-left: 2em; } p.hanging-indent { margin-top: 0; line-height: 1.2em; /* CHECK THIS! */ text-indent: -1em; padding-left: 1em; } p.extra-hanging-indent { margin-top: 0; line-height: 1.2em; /* CHECK THIS! */ text-indent: -1em; padding-left: 2em; } /* Cover page */ body.cover-page { margin: 0; padding: 0; } div.cover-image { text-align: center; margin: 0; padding: 0; } img.cover-image { max-width: 100%; height: 100%; } /* Page breaks */ div.break-before { page-break-before: always; } div.break-after { page-break-after: always; } /* Pages which require a larger top margin. */ body.prelims-page { margin-top: 15%; } /* Full page images */ div.full-page-image { page-break-after: always; page-break-before: always; page-break-inside: avoid; } /* Block images - these must be contained within a div element No top margin as we use bottom margins throughout. */ div.image { text-align: left; text-indent: 0; margin-bottom: 1em; } div.centered-image { text-align: center; } div.image-container { page-break-inside: avoid; } /* Table of contents */ p.toc-head { font-weight: bold; line-height: 1.5em; /* CHECK THIS! */ text-indent: 0; margin-bottom: 1em; text-align: center; } p.toc-text { font-weight: normal; text-indent: 0; line-height: 1.5em; } p.toc-text-indent { font-weight: normal; text-indent: 1em; line-height: 1.5em; } p.toc-text-indent-extra { font-weight: normal; text-indent: 2em; line-height: 1.5em; } p.toc-text-space-after { font-weight: normal; text-indent: 0; line-height: 1.5em; margin-bottom: 1em; } p.toc-text-indent-space-after { font-weight: normal; text-indent: 1em; line-height: 1.5em; margin-bottom: 1em; } p.toc-text-indent-extra-space-after { font-weight: normal; text-indent: 2em; line-height: 1.5em; margin-bottom: 1em; } /* About the author */ h3.author-head { text-align: center; page-break-after: avoid; font-weight: normal; margin-bottom: 2em; } p.author-text { text-indent: 0; margin-top: 0; margin-bottom: 1em; line-height: 1.2em; } /* Books by the same author */ h3.books-by-head { text-align: center; margin-bottom: 1.5em; line-height: 1.2em; } h4.books-by-subhead { text-align: center; margin-bottom: 0.5em; line-height: 1.2em; } p.books-by-list { line-height: 1em; font-style: italic; text-align: center; } /* Poetry */ p.poetry-title { text-align: left; line-height: 1.2em; margin-bottom: 0.5em } p.poetry-source { text-align: right; line-height: 1.2em; font-size: 0.8em; } div.verse { margin-bottom: 1em; } p.poetry-left-1 { text-align: left; text-indent: 0; line-height: 1.1em; } p.poetry-left-2 { text-align: left; text-indent: 4em; line-height: 1.1em; } p.poetry-left-3 { text-align: left; text-indent: 8em; line-height: 1.1em; } p.poetry-centred { text-align: center; text-indent: 0; line-height: 1.1em; } p.poetry-right { text-align: right; text-indent: 0; line-height: 1.1em; } /* Adding space after for default lists. */ ul, ol { margin-bottom: 1em } /* Copyright/Imprint. Simple styles here because they may change. */ p.copyright-space-after { text-indent: 0em; text-align: center; margin-bottom: 1em; line-height: 1.2em; font-size: 0.9em; } p.copyright { text-indent: 0em; line-height: 1.2em; margin-bottom: 1em; font-size: 0.9em; } p.copyright-logo { text-align: center; vertical-align: middle; margin-top: 20px; margin-bottom: 20px; } /* Shading. We have defined two sets of styles for shading - these are identical except that one uses div elements and one uses paragraph elements. The div elements are useful when several paragraphs must be shaded. NOTE - no padding is defined. It is necessary to use empty paras (perhaps with a single non breaking space in them) to add padding to the background on a Kindle. */ div.shading-25, p.shading-25 { background-color: #C0C0C0; } div.shading-50, p.shading-50 { background-color: #808080; } div.shading-50-white, p.shading-50-white { background-color: #808080; color: white; } div.shading-75, p.shading-75 { background-color: #404040; color: black; } div.shading-75-white, p.shading-75-white { background-color: #404040; color: white; } div.shading-25-space-after, p.shading-25-space-after { background-color: #C0C0C0; margin-bottom: 1em; } div.shading-50-space-after, p.shading-50-space-after { background-color: #808080; margin-bottom: 1em; } div.shading-50-white-space-after, p.shading-50-white-space-after { background-color: #808080; color: white; margin-bottom: 1em; } div.shading-75-space-after, p.shading-75-space-after { background-color: #404040; color: black; margin-bottom: 1em; } div.shading-75-white-space-after, p.shading-75-white-space-after { background-color: #404040; color: white; margin-bottom: 1em; } /* Extracts Extract styles are simpler than those in print text. We do not currently allow for as much variation as in print books. Extract styles are derived from normal body text styles */ p.extract-flush-left { font-size: 0.8em; text-indent: 0; margin-top: 0; margin-bottom: 0; margin-left: 1.5em; margin-right: 2em; } p.extract-indented { font-size: 0.8em; text-indent: 1em; margin-top: 0; margin-bottom: 0; margin-left: 1.5em; margin-right: 2em; } p.extract-flush-left-space-after { font-size: 0.8em; text-indent: 0; margin-top: 0; margin-bottom: 1em; margin-left: 1.5em; margin-right: 2em; } p.extract-indented-space-after { font-size: 0.8em; text-indent: 1em; margin-top: 0; margin-bottom: 1em; margin-left: 1.5em; margin-right: 2em; } p.extract-source { font-size: 0.8em; text-align: right; margin-top: 0; margin-bottom: 0; margin-left: 50%; margin-right: 2em; } /* Epigraphs. Default formatting we're going for here is an italicised version of the extract. */ p.epigraph { font-size: 0.8em; text-indent: 0; margin-top: 0; margin-left: 1.5em; margin-right: 2em; font-style: italic; } p.epigraph-space-after { font-size: 0.8em; text-indent: 0; margin-top: 0; margin-left: 1.5em; margin-right: 2em; font-style: italic; margin-bottom: 1em; } p.epigraph-source { font-size: 0.8em; text-align: right; margin-top: 0; margin-bottom: 0; margin-left: 50%; margin-right: 2em; font-style: italic; margin-bottom: 1em; } span.epigraph-source { font-size: 0.8em; font-style: italic; } /* Praise Only one option out of many chosen here. */ h4.praise-head { font-weight: bold; text-align: center; margin-bottom: 1em; } h5.praise-sub-head { font-weight: normal; text-align: center; margin-bottom: 1em; } p.praise { font-weight: normal; text-align: center; } p.praise-space-after { font-weight: normal; text-align: center; margin-bottom: 1em; } p.praise-source { font-weight: normal; text-align: center; margin-bottom: 1em; font-style: italic; } p.praise-left { font-weight: normal; text-align: left; } p.praise-left-space-after { font-weight: normal; text-align: left; margin-bottom: 1em; } p.praise-source-left { font-weight: normal; text-align: left; margin-bottom: 1em; font-style: italic; } span.praise-source { font-style: italic; font-weight: normal; font-size: 0.8em; } /* Links */ a { text-decoration:underline; } a.toc-link { text-decoration: none; color: black; } /* Drama - placeholders only. */ span.drama-speaker { } span.drama-direction { } /* Generics */ .small-caps { /* DUMMY */ } .small { /* 60% seems to give a reasonable visual difference in size on the Kindle */ font-size: 0.7em; }