/* Penguin AU Ebook CSS generic DATE 2013-03-08 version 0.1 Patrick Maslen derived from: Penguin UK Ebook CSS DATE: 18/02/2013 version 2.5 Names of styles changed to conform to AU print style names FM :: Front Matter EM :: End Matter FL :: Full Left TP :: Title Page */ /* =============== Document Styles =============== */ a { text-decoration:none !important; } p { /* basic body text, PMGM added line-height like EB03BodyTextIndented */ text-align: left; text-indent: 1em; line-height: 1.3em; margin-top: 0; margin-bottom: 0; orphans: 2; widows: 2; } .para { text-indent: 0em; } .para-space { text-indent: 0em; margin-top: 4em; } .para-space-aboutbook { text-indent: 0em; margin-top: 2em; } .para-hanging-indent { text-indent: -2.50em; margin-left: 2.50em; margin-top: 0.30em; } .para-indent { text-indent: 1em; } .para-right { text-indent: 0em; text-align: right; margin-top: .30em; font-size: .90em; } /* full out first paragraph */ /* css3 would use p:first-of-type, but epub 3 doesn't use full css3 */ p:first-child ,h1 + p, h2 + p, h3 + p, p.endsection + p, blockquote + p{ /* equivalent to EB03BodyTextIndented */ text-indent: 0; } p.endsection + p { /*ie. new section */ margin-top: 1em; } p.beginpart { /* first page after a part blank page */ margin-top: 14%; } p.caption { text-align: left; line-height:1.3em; font-size:0.85em; margin:0em 0em 0em 0em; text-indent:0em; } .centred { text-align: center; text-indent: 0em; } .centred-space { text-align: center; text-indent: 0em; margin-top: 1em; font-weight:bold; font-family: sans-serif; } sup.EBsup { vertical-align: super; font-size: x-small; line-height: 100% !important; } sub.EBsub { vertical-align: sub; font-size: x-small; line-height: 100% !important; } /*NEW - 12.12.12*/ span.underline { text-decoration:underline; } /*NEW - 12.12.12*/ span.strikethrough { text-decoration:line-through; } /*NEW - 12.12.12*/ span.overline { text-decoration:overline; } div.running-head {/* Depends on reader */ display: none; display: oeb-page-head; /* see /* http://idpf.org/epub/30/spec/epub30-contentdocs.html#sec-css-oeb-head-foot */ } /* ######### Headings ######### */ h1, h2, h3, h4, h5 { margin-top: 0; margin-bottom: 0; } div.imagewrap { width:100%; text-align:center; page-break-before: always; } div.imagewrap2 { width:100%; text-align:center; page-break-before: always; page-break-after: always; } div.imagewrap-nobreak { width:100%; text-align:center; margin-top: 1em; margin-bottom: 1em; page-break-inside: avoid; } div.imagewrap95 { width:95%; margin-left: 2.5%; margin-right: 2.5%; margin-top: 1em; text-align:center; page-break-inside: avoid; /* page-break-before: always; */ } div.imagewrap90 { width:90%; margin-left: 5%; margin-right: 5%; margin-top: 1em; text-align:center; page-break-inside: avoid; /* page-break-before: always; */ } div.imagewrap80 { width:80%; margin-left: 10%; margin-right: 10%; margin-top: 1em; text-align:center; page-break-inside: avoid; /* page-break-before: always; */ } div.imagewrap70 { width:70%; margin-left: 15%; margin-right: 15%; margin-top: 1em; text-align:center; page-break-inside: avoid; /* page-break-before: always; */ } div.imagewrap60 { width:60%; margin-left: 20%; margin-right: 20%; margin-top: 1em; text-align:center; page-break-inside: avoid; /* page-break-before: always; */ } .imagewrap img { margin:0em 0em; max-width:100%; display:inline-block; } div.cover_wrap { width:100%; text-align:center; } .cover_wrap img { max-height:100%; max-width:100%; } div.FSimagewrap { width:100%; max-width:100%; height:100%; text-align:center; page-break-before:always; /* page-break-after:always;*/ /* display:inline-block;*/ } .FSimagewrap img { margin-bottom:1em; max-width:100%; max-height:100%; } .no-caption { /* optionally added to div.FSimagewrap */ height: 100%; text-align: right; page-break-after: always; } .no-caption img { margin-bottom:0; } /* =============== Front Matter Styles */ /* FM-about-author-title FM-biography FM-biography-FL FM-by-the-same-author-head FM-by-the-same-author-list FM-contents-CT FM-contents-PN FM-contents-PT FM-copyright-imprint FM-dedi-body FM-epigraph FM-epigraph-verse FM-epigraph-FL FM-epigraph-source FM-half-quote-source FM-half-title FM-half-title-head FM-half-title-imprint FM-half-title-quote FM-half-title-source FM-head FM-imprint-page FM-TP-author FM-TP-imprint FM-TP-subtitle FM-TP-title */ /* ######### About the Author */ .FM-about-author-title { /* see FM-head */ } /* ######### By the same Author */ .FM-by-same-author-list p { text-indent: 0; /* full out text */ text-align: center; } .FM-by-same-author-head { /* see as FM-head */ } /* ######### Contents */ p.FM-contents { line-height: 1.3em; text-indent: 0em; font-size: 0.85em; margin-left: 0.00em; margin-top: 0em; margin-bottom: 1em; } p.FM-contents-indent { line-height: 1.3em; text-indent: 0em; font-size: 0.85em; margin-left: 2em; margin-top: 0; margin-bottom: 1em; } /* ######### Dedication */ p.FM-dedi-body { margin-top:40%; text-align: center; text-indent: 0em; } /* ######### Epigraph ######### */ p.FM-epigraph { /*Standard epigraph, from EB17Epigraph*/ text-align: center; line-height: 1.3em; text-indent: 0; font-size: 0.85em; margin-top: 2em; margin-bottom: 0; font-style: normal; } div.FM-epigraph-verse { /*wrapper for poems or stanzas*/ margin-top: 2em; margin: 0 auto; margin: 2em auto 0.5em auto; width: 80%; } .FM-epigraph-verse { } .FM-epigraph-verse p.FM-epigraph { /* epigraph verse line */ text-indent: -2em; padding-left: 2em; margin-top: 0; font-style: normal; text-align: left; } p.FM-epigraph-source { /* use cite for source title */ line-height: 1.3em; text-indent: 0; text-align: center; font-size: 0.85em; margin-top: 0; margin-bottom: 2em; margin-right: 1em; } /* ######### Front matter Head */ .FM-head, .FM-about-author-title, .FM-by-same-author-head, .head-A{ /* based on EB04MainHead */ font-family: sans-serif!important; page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 7%; margin-bottom: 2em; font-weight: bold; } /* ######### Title Page */ h2.FM-TP-author { } h2.FM-TP-subtitle { } h1.FM-TP-title { } /* =============== Main content styles */ /* part-epigraph part-epigraph-source part-epigraph-verse part-number part-title part-title-subtitle chapter-epigraph chapter-epigraph-FL chapter-epigraph-source chapter-epigraph-verse chapter-number chapter-number-and-title chapter-title chapter-title-subtitle body-text body-text-FL body-text-FL-after-chapter-opener body-text-FL-space-above space-break head-A head-B head-C blog-text diary diary-FL drama drama-FL email1-text email1-text-first email2-text email2-text-first extract-source Free-style1 Free-style2 handwriting-text handwriting-text-FL instant-message letter-text letter-text-FL news-broad-head news-broad-text news-broad-text-FL news-tab-head prose-extract prose-extract-first speaker text-message verse verse-title prep-and-cook-time recipie-ingredients recipie-ingredients-subhead recipie-intro recipie-method recipie-method-subhead recipie-serves recipie-subtitle recipie-title tips variation caption image-position */ .head-A { /* see FM-head */ } .head-B { /*a smaller heading from EB10SmallHead */ page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: normal; } /* ######### Part styles */ h1.part-title { /* was EB09LargeHead */ page-break-after: avoid; line-height: 1.3em; text-align: center; font-weight: normal; margin-left:5%; margin-right:5%; margin-top: 18%; margin-bottom: 0; -epub-hyphens:none; -webkit-hyphens: none; } h1.part-title-subtitle { /* was EB04MainHead2 */ text-align: center; font-weight: normal; margin-top: 0em; margin-bottom: 0em; } /* ######### Chapter styles */ h1.chapter-title { /* was EB04MainHeadClosedNum */ page-break-after: avoid; line-height: 1.50em; text-align: center; margin-top: 4%; margin-bottom: 1em; font-weight: bold; font-size: 2.30em; font-family: sans-serif; } h2.chapter-title1 { /* was EB04MainHeadClosedNum */ page-break-after: avoid; line-height: 1.50em; text-align: center; margin-top:5%; margin-bottom:3em; font-weight: normal; } h2.chapter-title-subtitle { /* was EB04MainHeadClosedTitle */ font-family: sans-serif!important; page-break-after: avoid; line-height: 1em; text-align: left; margin-top: 1.50em; margin-bottom: .20em; font-weight: bold; font-size: 1.20em; } /* ######### Poetry ######### */ div.FM-epigraph-verse p.verse { margin: 1em 0em; font-style: normal; } /* ######### Breakout box */ .breakout-box { padding: 1em; margin: 1em 0; background-color: #dcdcdc; } /*.default { }*/ .breakout-box .title { font-family: serif; font-weight: bold; margin: 0.5em 0; text-align: left; text-indent: 0em; } .breakout-box p { line-height: 1.87em; font-family: serif; font-weight: normal; margin: 0.5em 0; text-align: left; text-indent: 0em; } .breakout-box div.outside-border { border: 5px dashed white; padding: 1em; } /* =============== End Matter Styles */ /* EM-biblio EM-biblio-FL EM-copyright-text (moved from front matter) EM-copyright-text-space (moved from front matter) EM-end-notes EM-end-notes-FL EM-end-notes-head-A EM-end-notes-head-B EM-end-notes-head-C EM-head EM-index1 EM-index2 EM-index-space cross-ref editorial-query footnote-number footnote-text */ /* bibliography paragraphs should be in a container with class="EM-biblio" */ .EM-biblio p { margin-bottom: 0em; margin-top: 0em; margin-left: 2.5em; text-indent: -1.5em; text-align: left; padding-bottom: 0.5em; } .EM-biblio span.title { font-style:italic; } /* ######### endnotes and footnotes */ /* put footnotes and end-notes in a div called /* footnote_page and EM-end-notes respectively */ .footnote_page { page-break-before: always; } .EM-end-notes p, .footnote-page p, .footnote-page p:first-child{ text-indent: -1em; padding-left: 1em; } .footnote_page p a, .EM-end-notes p a{ color: blue; } .footnote_page p a:visited { color: blue; /* yes it is currently redundant */ } /* ######### heading */ .EM-head { /* based on EB04MainHead, at this time the same as FM-head */ page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 14%; margin-bottom: 2em; font-weight: normal; } .EM-subhead { /* from EB07SmallCapsMediumHead */ page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 2em; margin-bottom: 0.5em; font-weight: normal; text-transform: uppercase; } /* ######### Copyright ######### */ h1.EM-copyright-head { line-height: 1.3em; text-indent: 0; font-size: 1em; text-align: center; text-transform: uppercase; margin-top: 0; margin-bottom: 1em; font-weight:normal; } /* put copyright paras in a div class="EM-copyright-text" */ .EM-copyright-text p { font-family: serif; font-size: small; margin-bottom: 0; margin-top: 0; text-indent: 0; margin-right: 0; margin-left: 0; text-align: center; font-weight: normal; font-style: normal; color: rgb(0,0,0); } p.EM-copyright-text-space { margin-top: 1.50em; } /* ######### index, chronology, misc */ .EM-index1 { /*hanging indent, based on EB26SmallTextHangingIndent */ line-height: 1.3em; font-size: 0.85em; text-indent: -1em; padding-left: 1em; margin-top: 0; margin-bottom: 0; } .EM-index2, .EM-chronology p { /*hanging indent, based on EB27SmallTextExtraIndent */ line-height: 1.3em; font-size: 0.85em; text-indent: 0; margin-left: 2em; margin-top: 0; margin-bottom: 0; } .EM-chronology p { padding-bottom: 0.5em; } .EM-chronology .date { padding-right: 1em; font-weight: bold; } dl.EM-glossary { margin: 1em 0; padding: 0; } .EM-glossary dt, .EM-glossary dd { margin: 0; padding-bottom: 0.5em; } .EM-glossary dd { padding-bottom: 1em; } .book-club li { font-weight: bold; } .book-club li p { font-weight: normal; } /* ######### letter */ .letter-text p{ /* for a letter extract */ line-height: 1.3em; font-size: 0.85em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; text-indent:0; } .letter-text .first, .sender { margin-top: 0.5em; } .letter-text .last { margin-bottom: 0; } /* ######### QA Question/Answer style */ .QA p { text-indent: 0; } .QA .answer:before { font-weight: bold; content: "A: "; } .QA .answer { font-weight: normal; } .QA .question { font-weight: bold; } .QA .question:before { font-weight: bold; content: "Q: "; } .answer + .question { margin-top: 1em; } /* ######### Inline Tables ######### */ table.SmallTable{ border-collapse:collapse; margin:1em 0 1em !important; page-break-inside:avoid; width:100%; text-align:center; } th.HCell { font-size:0.85em; border:1px solid #000000; -webkit-hyphens:none; -epub-hyphens:none; page-break-inside:avoid; padding:5px !important; text-indent:0; text-align:center; } td.TCell30 { font-size:0.85em; -webkit-hyphens:none; -epub-hyphens:none; page-break-inside:avoid; padding:5px !important; text-indent:0; text-align:left; vertical-align: top; width: 15%; } td.TCell { font-size:0.85em; -webkit-hyphens:none; -epub-hyphens:none; page-break-inside:avoid; padding:5px !important; text-indent:0; text-align:left; vertical-align: top; width: 80%; } div.Kindlecenter { text-align:center; /*Kindle eInk devices require the text within a cell to be enclosed in a div to enable centre alignment*/ } /* ########## Penguin Branding styles ############# */ /*Margin-top ammended to add space between imprint text and logo*/ p.EB01Imprint { margin-top:10px; line-height: 1.3em; text-indent: 0; text-align: center; font-size: 0.85em; page-break-inside:avoid; } /*Margin-top ammended for non-Kindle devices*/ div.EB01imprintContainer{ margin-top:35%; height:15%; width:100%; display:inline-block; text-align:center; } .mobi { display:none; } .epubKF8 { display:block; } h2.endPageHead { page-break-after: avoid; line-height: 1.3em; text-align: center; font-weight: normal; text-transform: uppercase; margin-top: 1em; margin-bottom: 2em; font-size:200%; } div.brandContainer { margin-top:40%; height:40%; width:100%; text-align:center; } div.logoContainer { display: inline-block; height:9%; width:100%; text-align:center; margin-top:15%; margin-bottom:0em; } div.endpageLogoContainer{ margin-top:35%; width:100%; display:inline-block; text-align:center; height:15%; } h2.brandingHeadClosedNum { page-break-after: avoid; text-align: center; margin-top:0.25em; margin-bottom:0.45em; margin-left:2%; margin-right:2%; font-weight: normal; line-height:1.3em; text-transform: lowercase; letter-spacing: 0.1em; font-variant:small-caps; -epub-hyphens:none; -webkit-hyphens: none; } h2.brandingHeadClosedNumOnly { page-break-after: avoid; text-align: center; margin-top:0.25em; margin-bottom:3em; margin-left:2%; margin-right:2%; font-weight: normal; text-transform: lowercase; letter-spacing: 0.1em; font-variant:small-caps; -epub-hyphens:none; -webkit-hyphens: none; } h2.brandingHead { page-break-after: avoid; text-align: center; margin-top:0.5em; margin-bottom:3em; margin-left:2%; margin-right:2%; font-weight: normal; -epub-hyphens:none; -webkit-hyphens: none; } h2.brandingHeadClosedTitle { page-break-after: avoid; line-height: 1em; text-align: center; margin-top:0.5em; margin-bottom: 3em; font-weight: normal; margin-left:2%; margin-right:2%; } h2.brandingPartNum { page-break-after: avoid; text-align: center; margin-top:0.85em; margin-bottom:0.25em; margin-left:2%; margin-right:2%; font-weight: normal; line-height:1.3em; -epub-hyphens:none; -webkit-hyphens: none; } h2.brandingPartSingleTitle { page-break-after: avoid; text-align: center; margin-top:0.85em; margin-bottom:0.25em; margin-left:2%; margin-right:2%; font-weight: normal; line-height:1.3em; text-transform: lowercase; letter-spacing: 0.1em; font-variant:small-caps; -epub-hyphens:none; -webkit-hyphens: none; } /* ######### Horizontal rule #############*/ div.hrframe{ width:100%; padding-left:10%; height:1%; text-align:center; page-break-after: avoid; page-break-before:avoid; font-size:0px; } div.hr { width:80%; margin-top:2%; border-top:1px solid black; page-break-inside:avoid; page-break-after:avoid; page-break-before:avoid; } @media amzn-kf8 { div.EB01imprintContainer{ margin-top:65%; } div.logoContainer { display:inline-block; height:5%; } img.penguinLogo { height:90%; } img.brandLogo{ max-width:100%; max-height:100%; } div.brandContainer{ margin-top:50%; } h2.endPageHead{ margin-top:3%; } h2.brandingHeadClosedNum, h2.brandingHeadClosedNumOnly, h2.brandingHead { margin-top:4%; } } @media amzn-mobi { .mobi { display:block; } .epubKF8 { display:none; } div.EB01imprintContainer{ margin-top:20%; } .endpageLogoContainer{ margin-top:25%; } div.brandContainer{ margin-top:30%; } div.hrframe { display:none; } h2.brandingHeadClosedNum, h2.brandingHeadClosedNumOnly, h2.brandingHead { margin-top:.5em; } } img.image100 { max-width: 100%; max-height: 100%; } span.small { font-size: 0.95em; } span.small-caps { font-family: inherit; text-transform: uppercase; font-size:80%; } ul.bullet { margin-top: 0em; margin-bottom: 0em; list-style-type: disc; } li.level1 { margin-left: 0em; } ol.numeric { margin-top: 0em; margin-bottom: 0em; list-style-type: decimal; } blockquote { font-size: 0.85em; margin-top:0em; margin-bottom:0em; } span.subscript { font-family: inherit; line-height: 100%; vertical-align:sub; font-size:75%; } div.blockquote { font-size: .85em; margin-left: 2.00em; margin-right: 2.00em; margin-top: 2.00em; margin-bottom: 2.00em; } span.italic{ font-style: italic; }