body { font-family: ArialMT; margin-left: 3%; margin-right: 3%; margin-top: 0%; margin-bottom: 3%; color: black; } p { 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-before: always; page-break-after: avoid; margin-top: 0; margin-bottom: 0.3em; font-size: 2em; font-weight: bold; } h2.chapter_number_left { text-align: left; page-break-after: avoid; margin-top: 0em; margin-bottom: 0.5em; font-size: 2em; font-weight: bold; } 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-top: 0.5em; margin-bottom: 0.5em; font-size: 1.3em; font-weight: bold; } 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; } p.flush_left { text-indent: 0; margin-top: 0em; margin-bottom: 1em; } p.flush_left-1 { text-indent: 0; margin-top: 0em; margin-bottom: 0em; } p.indented { text-indent: 1em; margin-top: 0; margin-bottom: 0; } p.flush_left_space_after { text-indent: 0; margin-top: 0; margin-bottom: 1em; } p.indented_space_after { text-indent: 1em; margin-top: 0; margin-bottom: 1em; } /* Hanging indents This now works on most devices. */ p.hanging_indent_space_after { margin-top: 0; margin-bottom: 1em; text-indent: -1em; padding-left: 1em; } p.extra_hanging_indent_space_after { margin-top: 0; margin-bottom: 1em; text-indent: -1em; padding-left: 2em; } p.hanging_indent { margin-top: 0; text-indent: -1em; padding-left: 1em; } p.extra_hanging_indent { margin-top: 0; 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; text-align: center; } /* 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.image_container { page-break-inside: avoid; } /* Table of contents */ h2.toc_head { font-weight: bold; text-indent: 0; margin-bottom: 1em; text-align: center; } p.toc_text { font-weight: normal; text-indent: 0; } p.toc_text_indent { font-weight: normal; text-indent: 1em; } p.toc_text_indent_extra { font-weight: normal; text-indent: 2em; } p.toc_text_space_after { font-weight: normal; text-indent: 0; margin-bottom: 1em; } p.toc_text_indent_space_after { font-weight: normal; text-indent: 1em; margin-bottom: 1em; } p.toc_text_indent_extra_space_after { font-weight: normal; text-indent: 2em; 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; } /* Books by the same author */ h3.books_by_head { text-align: center; margin-bottom: 1.5em; } h4.books_by_subhead { text-align: center; margin-bottom: 0.5em; } p.books_by_list { font-style: italic; text-align: center; } /* Poetry */ p.poetry_title { text-align: left; margin-bottom: 0.5em } p.poetry_source { text-align: right; font-size: 0.8em; } div.verse { margin-bottom: 1em; } p.poetry_left_1 { text-align: left; text-indent: 0; } p.poetry_left_2 { text-align: left; text-indent: 4em; } p.poetry_left_3 { text-align: left; text-indent: 8em; } p.poetry_centred { text-align: center; text-indent: 0; } p.poetry_right { text-align: right; text-indent: 0; } /* 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; font-size: 0.9em; } p.copyright { margin-top: 5em; text-indent: 0em; text-align: center; 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: 0em; margin-bottom: 0em; margin-left: 1.5em; margin-right: 2em; } p.extract_indented { font-size: 0.8em; text-indent: 1em; margin-top: 0; margin-bottom: 0em; 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; } 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; } /* Links */ a a:visited,a:active,a:link { text-decoration:none; color: black; } a.none { text-decoration:none; color:black; } a.none:visited { color: black; } a.toc_link { text-decoration:none; color:black; } a.toc_link:visited { color: black; } .list { margin-top: 0.7em; margin-bottom: 0em; text-indent: -1em; margin-left: 1em; } div.centered_image { text-align: center; margin: 0.5em auto; width: 70%; } .centered_image img { width: 100%; max-height: 100%; } p.index-main1 { margin-top: 0; margin-bottom: 1em; text-indent: -1em; padding-left: 1em; } p.index-sub1 { margin-top: 0; margin-bottom: 1em; text-indent: -1em; padding-left: 2em; } p.index-main { margin-top: 0; text-indent: -1em; padding-left: 1em; } p.index-sub { margin-top: 0; text-indent: -1em; padding-left: 2em; } .full_height { height: 100%; max-width: 100%; } .full_width { max-height: 100%; width: 100%; } .center_image { text-align: center; margin: 0em auto 1em auto; width: 100vw; width: 100%; page-break-inside: avoid; page-break-before: avoid; border-radius: 6px; } .center_image img { width: 100%; max-height: 100%; page-break-inside: avoid; border-radius: 6px; } .center_imagea { text-align: center; margin: 0em auto 1em auto; width: 75vw; width: 75%; page-break-inside: avoid; page-break-before: avoid; border-radius: 6px; } .center_imagea img { width: 60%; max-height: 100%; page-break-inside: avoid; border-radius: 6px; } .figure { margin: 0 auto; page-break-inside: avoid; text-align: center; line-height: 0px; } .figure-caption { position: relative; top: -4em; left: 0px; opacity: 0; font-size: 2px; line-height: 1px; } .centerba1 { page-break-inside: avoid; text-align: center; margin-top: 1em; margin-bottom: 1em; } .centerba2 { text-align: center; margin-top: 1em; margin-bottom: 1em; } .centerba2a { margin-top: 2em; text-align: center; margin-bottom: 2em; } span.col { color: #002eff; }