/* Penguin UK Ebook CSS DATE: 12/4/2016 version 4.1.2 ********************************************************************** v4.1.2 CHANGELOG: - Added div.endpage for Penguin branding v4.1.1 CHANGELOG: - Removed additional close comment after Kindle media queries - Added style h4.aboutAuthorHead for heading of About the Author Page (instead of EB01imprint) v4.1 CHANGELOG: - Removed line-height from most body classes - Removed EB01imprintContainer (see Branding Template for correct title page markup) - Removed overflow:hidden from scaled image classes - Removed 'Device targetting and media queries' styles - Updated floated images section to Random House spec (Markup Guide v1.2) - Updated media queries section to Random House spec (Markup Guide v1.2) **********************************************************************/ /* ___ Core Document Styles ___ */ body { orphans: 2; widows: 2 } a { text-decoration:none !important; } p { text-align: left; text-indent: 1em; margin-top: 0; margin-bottom: 0; orphans: 2; widows: 2 } 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; } span.underline { text-decoration:underline; } span.strikethrough { text-decoration:line-through; } span.overline { text-decoration:overline; } /* ___ Headings ___ */ 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: 14%; margin-bottom: 2em; font-weight: normal; } h2.EB04MainHeadClosedNum { page-break-after: avoid; text-align: center; margin-top:14%; margin-bottom:0.85em; font-weight: normal; } h2.EB04MainHeadClosedTitle { page-break-after: avoid; line-height: 1em; text-align: center; margin-bottom: 2em; font-weight: normal; } h4.EB10SmallHead { page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: normal; } h5.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; } h2.EB09SmallCapsLargeHead { page-break-after: avoid; line-height: 1.3em; text-align: center; font-weight: normal; text-transform: uppercase; margin-top: 18%; margin-bottom: 0; } h2.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; hyphens:none; -webkit-hyphens: none; } 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; } h4.EB11SmallItalicHeadSpaced { page-break-after: avoid; line-height: 1.3em; text-align: center; font-style: italic; font-weight: normal; margin-top: 1em; margin-bottom: 2em; text-indent:0; } h3.EB04MainHead2 { page-break-after: avoid; line-height: 1.3em; text-align: center; font-weight: normal; margin-top: 1em; margin-bottom: 0; } h3.EB04SmallCapsMainHead2 { page-break-after: avoid; line-height: 1em; text-align: center; font-weight: normal; margin-top: 0.5em; margin-bottom: 1em; font-size:1.7em; text-transform:lowercase; letter-spacing: 0.1em; font-variant:small-caps; hyphens:none; -webkit-hyphens: none; } h2.EB06MainHead3 { page-break-after: avoid; line-height: 1.3em; text-transform: uppercase; text-align: center; font-weight: normal; margin-top: 14%; margin-bottom: 0.5em; } h5.EB08ExtraFeatureHead { page-break-after: avoid; line-height: 1.3em; text-transform: uppercase; text-align: center; font-weight: normal; margin-top: 1em; margin-bottom: 0; } h4.aboutAuthorHead { margin-top:10px; line-height: 1.3em; text-indent: 0; text-align: center; font-size: 0.85em; page-break-inside:avoid; font-weight: normal } /* ___ Paragraphs ___ */ p.EB01BodyTextLineSpace { margin-top: 1em; text-indent: 0; } p.EB02BodyTextFullOut { text-indent: 0; } p.EB03BodyTextIndented { text-indent: 1em; } p.EB15ContentsText { line-height: 1.3em; text-indent: 0; font-size: 0.85em; margin-left: 2em; margin-top: 0; margin-bottom: 1em; } p.EB15ContentsTextIndent { line-height: 1.3em; text-indent: 1em; font-size: 0.85em; margin-left: 2em; margin-top: 0; margin-bottom: 1em; } p.EB12SmallItalic { text-indent: 0; text-align: center; font-style: italic; } p.EB29BodyTextIndentLineSpace { text-indent: 1em; margin-top: 1em } /* ___ Epigraph ___ */ p.EB17Epigraph { /*Standard epigraph*/ line-height: 1.3em; text-indent: 0; font-size: 0.85em; font-style: italic; margin-top: 2em; margin-bottom: 0; } div.EB17PoemEpigraphStanzaWrap { width:100%; margin-top: 2em; } p.EB17PoemEpigraphLine { line-height: 1.3em; text-indent: 0; font-size: 0.85em; font-style: italic; text-indent: -2em; padding-left: 2em; margin-top: 0; margin-bottom: 0; } p.EB18EpigraphSource { line-height: 1.3em; text-indent: 0; text-align: right; font-size: 0.85em; font-style: italic; margin-top: 0; margin-bottom: 2em; margin-right: 1em; } /* ___ Extra Feature ___ */ blockquote { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB22ExtraFeatureFirst { text-indent: 0; font-size: 0.85em; margin-top: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB19ExtraFeatureFullOut { text-indent: 0; font-size: 0.85em; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB21ExtraFeatureIndented { text-indent: 1em; font-size: 0.85em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB20ExtraFeatureLast { text-indent: 0; font-size: 0.85em; margin-left: 1em; margin-right: 1em; } p.EB20ExtraFeatureLastBS { text-indent: 0; font-size: 0.85em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB21ExtraFeatureIndentedNBS { text-indent: 1em; font-size: 0.85em; margin-left: 1em; margin-right: 1em; } p.EB20ExtraFeatureLastRight { text-indent: 0; text-align: right; font-size: 0.85em; margin-left: 1em; margin-right: 1em; } p.textMessageFirst { line-height: 1.3em; text-indent: 0; margin-left: 3em; margin-right: 3em; margin-bottom:1em; margin-top:1em; } p.textMessage { line-height: 1.3em; text-indent: 0; margin-left: 3em; margin-right: 3em; margin-bottom:1em; } p.textMessageLast { line-height: 1.3em; text-indent: 0; margin-left: 3em; margin-right: 3em; } p.dramaFirst { text-indent: -1em; padding-left: 1em; line-height:1.3em; font-size:0.85em; margin-top:1em; margin-bottom:1em; } p.drama { text-indent: -1em; padding-left: 1em; line-height:1.3em; font-size:0.85em; margin-bottom:1em; } span.dramaSmallCaps { font-size:0.85em; letter-spacing:2px; } p.diaryText { line-height: 1.3em; text-indent: 0; font-size: 0.85em; margin-bottom: 1em; margin-left: 1em; margin-right: 1em; } p.diaryDate { line-height: 1.3em; font-weight:bold; text-indent: 0; font-size: 0.85em; margin-left: 1em; margin-right: 1em; } p.diaryTextLast { line-height: 1.3em; text-indent: 0; font-size: 0.85em; margin-left: 1em; margin-right: 1em; } blockquote p { margin-left: 0; margin-right: 0; } /* ___ List ___ */ li.EB23ListFirst { text-align: left; line-height: 1.3em; margin-right: 1em; margin-top: 1em; margin-bottom: 0; } li.EB24List { text-align: left; line-height: 1.3em; margin-right: 1em; margin-top: 0; margin-bottom: 0; } li.EB25ListLast { text-align: left; line-height: 1.3em; margin-right: 1em; margin-top: 0; margin-bottom: 1em; } li.EB26ListNested { text-align: left; line-height: 1.3em; font-size: 1em; margin-right: 1em; margin-top: 0; margin-bottom: 0; } li.kidsList { text-align: left; line-height: 1.3em; font-size: 1em; margin-right: 1em; margin-top: 0; margin-bottom: 0.25em; margin-left:0.25em; } li.kidsListFirst { text-align: left; line-height: 1.3em; font-size: 1em; margin-right: 1em; margin-top: 1em; margin-bottom: 0.25em; margin-left:0.25em; } li.kidsListLast { text-align: left; line-height: 1.3em; font-size: 1em; margin-right: 1em; margin-top: 0; margin-bottom: 1em; margin-left:0.25em; } li.kidsListNested { text-align: left; line-height: 1.3em; font-size: 1em; margin-right: 1em; margin-top: 0; margin-bottom: 0.2em; } ol.kidsNestedWrap { margin-top:0.25em; } ul.kidsNestedWrap { margin-top:0.25em; } /* ___ Hanging Indents ___ */ p.EB26SmallTextHangingIndent { font-size: 0.85em; text-indent: -1em; padding-left: 1em; margin-top: 0; margin-bottom: 0; } p.EB27SmallTextExtraIndent { font-size: 0.85em; text-indent: 0; margin-left: 2em; margin-top: 0; margin-bottom: 0; } /* ___ 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: 0em; margin-bottom: 0; } /* ___ Foot/Endnotes ___ */ p.footnote { text-indent: -1em; padding-left: 1em; } p.endnote { text-indent: -1em; padding-left: 1em; } p.footnote a { color:blue; } p.footnote a:visited { color:blue; } div.footnote_page { page-break-before: always; } .EBsup_fn { /* Added v3.3.1 */ display: inline; vertical-align: super; padding: 0px 0px 0.4em 0em !important; margin: 0px !important; line-height: 100%; font-size: xx-small; border-bottom: 0px; } aside { display: block } /* ___ Images/Maps ___ */ div.MapTitle { page-break-after: always; } div.image { margin:1em 0em 0.7em 0em; width:100%; max-width:100%; display:inline-block; text-align:center; } div.image img { margin:0em 0em 0em 0em; max-width:100%; display:inline-block; } div.imageLeft { /* New in v3.1 */ margin:1em 0em 0.7em 0em; width:100%; max-width:100%; display:inline-block; text-align:left; } div.imageLeft img { /* New in v3.1 */ margin:0em 0em 0em 0em; max-width:100%; display:inline-block; } div.imageRight { /* New in v3.1 */ margin:1em 0em 0.7em 0em; width:100%; max-width:100%; display:inline-block; text-align:right; } div.imageRight img { /* New in v3.1 */ margin:0em 0em 0em 0em; max-width:100%; display:inline-block; } div.caption { width: 100%; margin-top: 0.5em; padding: 0px; page-break-before: avoid; page-break-inside: avoid; text-align: center; font-size: 0.8em; line-height: 1.3em; } /* ___ Poetry ___ */ p.poem { text-indent: -2em; padding-left: 2em; margin-top: 0; margin-bottom: 0; line-height: 1.3em; } p.poemInline { text-indent: -2em; padding-left: 2em; margin-top: 0; margin-bottom: 0; line-height: 1.3em; font-size:0.85em; } div.StanzaWrap{ width:100%; margin: 1em 0em } /* ___ Inline Tables ___ */ table.SmallTable{ border-collapse:collapse; margin:1em 0 1em !important; page-break-inside:avoid; width:100%; border:1px solid #000000; text-align:center; } th.HCell { font-size:0.85em; border:1px solid #000000; -webkit-hyphens:none; hyphens:none; page-break-inside:avoid; padding:5px !important; text-indent:0; text-align:center; } td.TCell { font-size:0.85em; border:1px solid #000000; -webkit-hyphens:none; hyphens:none; page-break-inside:avoid; padding:5px !important; text-indent:0; text-align:left; } div.Kindlecenter { text-align:center; /*Kindle eInk devices require the text within a table cell to be enclosed in a div to enable centre alignment*/ } /* ___ Penguin 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 } div.brandContainer { margin-top:35%; text-align:center; } div.logoContainer { margin-top:15%; text-align:center; } div.endpageLogoContainer{ margin-top:35%; text-align:center; } h2.brandingHeadClosedNum { page-break-after: avoid; text-align: center; margin-top:0.25em; margin-bottom:0.55em; margin-left:2%; margin-right:2%; font-weight: normal; line-height:1.3em; text-transform: lowercase; letter-spacing: 0.1em; font-variant:small-caps; 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; 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; 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; 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; hyphens:none; -webkit-hyphens: none; } hr { margin: 1em 10% 1em 10% } span.smallcaps { font-size: smaller; } span.smallcaps1 { font-size: smaller; font-weight: bold; } p.dedication { line-height: 1.3em; text-align: center; text-indent: 0em; margin-top: 5em; margin-bottom: 0em; } span.strong { font-weight: bold; } span.right { text-align: right; text-indent: 0em; } p.right{ line-height: 1.3em; text-align: right; text-indent: 0em; margin-left: 0em; margin-right: 0em; margin-bottom: 0em; } p.rightTopSpace{ line-height: 1.3em; text-align: right; text-indent: 0em; margin-left: 0em; margin-top: 0.5em; } p.rightBottomSpace{ line-height: 1.3em; text-align: right; text-indent: 0em; margin-left: 0em; margin-right: 0em; margin-bottom: 1em; } span.center { text-align: center; text-indent: 0em; display: block } p.center{ line-height: 1.3em; text-align: center; text-indent: 0em; margin-top: 1em; margin-bottom: 0em; } h2.EB04MainHead-1 { page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 14%; margin-bottom: 0em; font-weight: normal; } p.EB10SmallHead1 { page-break-after: avoid; line-height: 1.3em; text-align: left; margin-top: 0em; margin-bottom: 1em; font-weight: bold; text-indent: 0em; } p.EB10SmallHead1NBS { page-break-after: avoid; line-height: 1.3em; text-align: left; margin-top: 0em; margin-bottom: 0em; font-weight: bold; text-indent: 0em; } p.EB11SmallItalicHead1 { page-break-after: avoid; line-height: 1.3em; text-align: left; font-style: italic; font-weight: normal; margin-top: 0em; margin-bottom: 1em; text-indent:0em; } h5.EB07SmallCapsMediumHead1 { page-break-after: avoid; line-height: 1.3em; text-align: left; margin-top: 2em; margin-bottom: 0.5em; font-weight: normal; text-transform: uppercase; } p.EB19ExtraFeatureFullOut1 { line-height: 1.3em; text-indent: 0; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB20ExtraFeatureLast1 { line-height: 1.3em; text-indent: 0em; margin-left: 1em; margin-right: 1em; } p.EB20ExtraFeatureLast2 { line-height: 1.3em; text-indent: 0em; margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; } p.EB21ExtraFeatureIndented1 { line-height: 1.3em; text-indent: 1em; margin-bottom: 0.5em; margin-left: 1em; margin-right: 1em; } p.EB21ExtraFeatureIndented2 { line-height: 1.3em; text-indent: 1em; margin-bottom: 0em; margin-left: 1em; margin-right: 1em; } p.EB02BodyTextFullOut1 { line-height: 1.3em; text-indent: 0em; page-break-after:always; } p.EB02BodyTextFullOutBottom { line-height: 1.3em; text-indent: 0em; margin-bottom: 0.5em; } p.EB03BodyTextIndented1 { line-height: 1.3em; text-indent: 1em; page-break-after:always; } p.EB01BodyTextLineSpace1 { line-height: 1.3em; margin-top: 1em; text-indent: 0em; page-break-after:always; } h4.SmallHead { page-break-after: avoid; line-height: 1.3em; text-align: center; margin-bottom: 0.5em; font-weight: normal; } div.block { margin-top: 5em; margin-bottom: 0em; margin-left: 1em; margin-right: 1em; } p.EB20ExtraFeatureLast-2 { line-height: 1.3em; text-indent: 0em; margin-left: 1em; margin-right: 1em; margin-bottom: 2em; } p.EB20ExtraFeatureLast3 { line-height: 1.3em; text-indent: 0em; margin-left: 1em; margin-right: 1em; margin-bottom: 1em; } p.EB20ExtraFeatureLast4 { line-height: 1.3em; text-indent: 0em; margin-left: 1em; margin-right: 1em; margin-top: 5em; } p.SmallTextHangingIndent { line-height: 1.3em; text-indent: -1em; padding-left: 1em; margin-left: 1em; margin-right: 1em; margin-top: 0em; margin-bottom: 0em; } p.SmallTextHangingIndent1 { line-height: 1.3em; text-indent: -1em; padding-left: 1em; margin-top: 0em; margin-bottom: 1em; margin-left: 1em; margin-right: 1em; } img.mid { vertical-align: middle; } p.EB26SmallTextHangingIndent1 { line-height: 1.3em; text-indent: -1em; padding-left: 1em; margin-top: 0em; margin-bottom: 0em; } p.HangingIndent1 { line-height: 1.3em; text-indent: -1.3em; padding-left: 2em; margin-top: 0; margin-bottom: 0; } p.HangingIndent2 { line-height: 1.3em; text-indent: -1em; padding-left: 2em; margin-top: 0; margin-bottom: 0; } p.EB03BodyTextIndented3 { line-height: 1.3em; text-indent: 1em; margin-bottom: 1em; } p.EB02BodyTextFullOut3 { line-height: 1.3em; text-indent: 0em; margin-bottom: 1em; } p.EB02BodyTextFullOut3PB { line-height: 1.3em; text-indent: 0em; margin-bottom: 0em; page-break-after: always; } p.EB20ExtraFeatureLast5 { line-height: 1.3em; text-indent: 0em; margin-left: 4.5em; margin-right: 1em; } p.note { line-height: 1.3em; text-indent: 0em; padding-left: 0em; margin-top: 0em; margin-bottom: 0em; } div.sidebar { margin-top: 1em; margin-bottom: 1em; padding: 1em; } div.sidebar2 { margin-top: 0em; margin-bottom: 1em; padding: 1em; border: 1px solid #000000; } h5.EB07SmallCapsMediumHead7 { page-break-after: avoid; line-height: 1.3em; text-align: left; margin-top: 0em; margin-bottom: 0.5em; font-weight: normal; } p.EB20ExtraFeatureLast6 { line-height: 1.3em; text-indent: 0em; margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; page-break-after:always; } h4.EB10SmallHead-1 { page-break-after: avoid; line-height: 1.3em; text-align: left; margin-top: 1.5em; margin-bottom: 0em; font-weight: normal; } h2.brandingHead2 { page-break-after: avoid; text-align: center; margin-top:0.5em; margin-bottom:0em; margin-left:2%; margin-right:2%; font-weight: normal; hyphens:none; color: #EB5C24; -webkit-hyphens: none; } span.orange { color: #EB5C24; } p.EB04MainHead3 { page-break-after: avoid; line-height: 1.3em; margin-top: 14%; font-size: large; margin-bottom: 1em; font-weight: normal; color: #3399CC; text-indent: 0em; } p.handwrittenimage { line-height: 1.3em; text-align: left; text-indent: 0em; margin-top: 0em; margin-bottom: 1em; font-weight: bold; } p.handW { line-height: 1.3em; text-align: left; text-indent: 0em; margin-top: 0em; margin-bottom: 0em; } p.handwrittenimagetop { line-height: 1.3em; text-align: left; text-indent: 0em; margin-top: 0em; margin-bottom: 0em; font-weight: bold; } p.handwrittenimagebottom { line-height: 1.3em; text-align: center; text-indent: 0em; margin-top: 0em; margin-bottom: 2em; } div.block1 { margin-top: 1em; margin-bottom: 1em; } p.HangingIndent5 { line-height: 1.3em; text-indent: -3.5em; padding-left: 0em; margin-top: 0em; margin-bottom: 0em; } div.block2 { margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 2.8em; margin-right: 1em; } span.line { border-bottom:1px solid #000000; text-decoration:underline; } span.center-x { text-align: center; text-indent: 0em; color: #EB5C24; } p.EB10SmallHead2 { page-break-after: avoid; line-height: 1.3em; text-align: left; margin-top: 1em; margin-bottom: 0.5em; font-weight: bold; text-indent: 0em; } div.block3 { margin-top: 1em; margin-bottom: 1em; page-break-after: always; } /* ___ Endmatter Styles ___ */ img.banner { width: 100%; height: auto; margin-bottom: 6% } body.endmatter { margin: 0; padding-top: 1em } h2.sampleChapIntroHead { page-break-after: avoid; line-height: 1.3em; text-align: center; margin-top: 25%; margin-bottom: 1.2em; font-weight: bold; } h2.sampleChapIntroFoot { page-break-after: avoid; line-height: 1.3em; text-align: center; margin: 1em 10% 0 10%; font-weight: bold; } h4.sampleChapImageFoot { page-break-after: avoid; line-height: 1.3em; text-align: center; margin: 1.5em 20% 0; font-weight: normal; } h2.authorName { page-break-after: avoid; line-height: 1.3em; text-align: center; margin: 0 0 0 0; font-weight: bold; } h2.authorNameSpaceBelow { page-break-after: avoid; line-height: 1.3em; text-align: center; margin: 0 0 0.5em 0; font-weight: bold; } h3.sampleTitle { page-break-after: avoid; line-height: 1.3em; text-align: center; font-weight: normal; margin: 0.5em 0 0 0; letter-spacing: 2px } h3.sampleTitleSpaceBelow { page-break-after: avoid; line-height: 1.3em; text-align: center; font-weight: normal; margin: 0.5em 0 0.5em 0; letter-spacing: 2px } p.sameAuthorList { font-size: 85%; line-height: 1.8em; letter-spacing: 2px; text-align: center; font-weight: normal; margin-top: 1em } h2.socialPageFoot{ line-height: 1.3em; font-weight: bold; margin-bottom: 1em; text-align: center } /* ___ Kindle Ordered List Fix ___ */ ol { margin-left: 1em; } /* ============================================================ RH MARKUP GUIDE STYLES ********************** Included in this release: - Images - Floated images and text boxes - Pullquotes and text boxes - Ingredient lists - Sidebars - Media Queries: - Sidebar Layout for Kindle iOS app - Kindle image fixes ============================================================ */ /* ============================================================ IMAGES ============================================================ */ img { /*-- iOS8 Image Fix --*/ display: inline; } /* ========================================= Inline Images Example (Apply to image, adjust values as needed) ========================================= */ .inline_image { height: 0.7em; /* Variable, adjust as necessary */ vertical-align: middle; /* Top, middle, bottom as needed */ } /* ============ Small Images ============ */ .portrait_small { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 32.5%; width: 35%; } .portrait_small img { page-break-inside: avoid; width: 100%; } .landscape_small { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 20%; width: 60%; } .landscape_small img { page-break-inside: avoid; width: 100%; } /* ============== Default Images ============== */ .portrait_default { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 30%; width: 40%; } .portrait_default img { page-break-inside: avoid; width: 100%; } .landscape_default { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 15%; width: 70%; } .landscape_default img { page-break-inside: avoid; width: 100%; } /* ============= Medium Images ============= */ .portrait_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 25%; width: 50%; } .portrait_medium img { page-break-inside: avoid; width: 100%; } .landscape_medium { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 8%; width: 84%; } .landscape_medium img { page-break-inside: avoid; width: 100%; } /* ============================================== Large Images + Double Page Spread (DPS) Images ============================================== */ .portrait_large { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em 17.5%; width: 65%; } .portrait_large img { page-break-inside: avoid; width: 100%; } .landscape_large { text-align: center; page-break-inside: avoid; clear: both; margin: 1.5em auto; width: 100%; } .landscape_large img { page-break-inside: avoid; width: 100%; } /* ================ FULL PAGE IMAGES ================ */ .image_full, .image_full_caption { text-align: center; page-break-after: always; page-break-inside: avoid; clear: both; padding: 0px; margin: 0em auto; height: 98%; height: 98vh; width: 100%; } .image_full img { page-break-inside: avoid; max-width: 100%; max-height: 100%; } .image_full_caption img { page-break-inside: avoid; height: 90%; } .cover_image { text-align: center; page-break-inside: avoid; clear: both; padding: 0px; margin: 0em auto; height: 98%; height: 98vh; width: 100%; } .cover_image img { page-break-inside: avoid; height: 100%; max-width: 100%; } /* ============================================================ FLOATED IMAGES | FLOATED TEXT BOXES ============================================================ */ div.floatbox_left { position: relative; font-size: 80%; font-style: italic; text-align: left; width: 25%; margin: 0em 2em 2em 0em; padding: 10px; border: 1px solid #ccc; box-shadow: 3px 3px 2px #ddd; background-color: rgb(240,240,240); float: left; } div.floatbox_right { position: relative; font-size: 80%; font-style: italic; text-align: left; width: 25%; margin: 0em 0em 2em 2em; padding: 10px; border: 1px solid #ccc; box-shadow: 3px 3px 2px #ddd; background-color: rgb(240,240,240); float: right; } div.floatimage_right { position: relative; float: right; margin: 1em 0em 2em 2em; text-align: center; width: 35%; page-break-inside: avoid; } div.floatimage_right img { page-break-inside: avoid; width: 100%; } div.floatimage_left { position: relative; float: left; margin: 1em 2em 2em 0em; text-align: center; width: 35%; page-break-inside: avoid; } div.floatimage_left img { page-break-inside: avoid; width: 100%; } /* ============================================================ PULLQUOTES AND TEXTBOXES ============================================================ */ /* ===== Box 5 ===== */ .txt_box5 { page-break-inside: avoid; width: 80%; margin: 1em 6.9%; padding: 5px 10px 10px 10px; background-color: #a13f3f; border-left: 15px solid #5f0f0f; border-right: 15px solid #5f0f0f; font-size: 1.4em; color: #f0dada; border-radius: 2px 50px 2px 50px; clear: both; } .txt_box5_header { text-align: left; margin: 0px auto 0.5em auto; font-style: normal; font-weight: bold; } .txt_box5_content { margin: 0em; font-style: normal; font-weight: normal; text-indent: 0em; text-align: left; padding-left: 10px; } /* ===== Box 6 ===== */ .txt_box6 { page-break-inside: avoid; width: 40%; float: right; margin: 0.25em auto 0.5em 0.5em; font-style: italic; padding: 0px 0px 0px 5px; border-left: 15px solid #eee; font-size: 1.5em; clear: both; } .txt_box6_header { text-align: left; margin: 0px auto 0.5em auto; font-style: normal; font-weight: bold; } .txt_box6_content { margin: 0em; text-indent: 0em; text-align: left; } /* ===== Box 7 ===== */ .txt_box7 { page-break-inside: avoid; font-size: 75%; font-style: normal; text-align: justify; margin: 0em 5% 1em 5%; border: 1px solid #6bad81; border-radius: 5px; width: 90%; clear: both; } .txt_box7 p { padding: 10px; } .txt_box7 p + p { padding-top: 0px; margin-top: -15px; } h5.txt_box7_header { display: block; background-color: #6bad81; /* Must match border color. */ color: #fff; font-style: normal; font-weight: bold; margin-bottom: 0em; padding: 4px 4px 4px 10px; text-transform: capitalize; } .txt_box7_content { text-indent: 0px; } /* ============================================================ INGREDIENT LISTS ============================================================ */ div.ingredient_wrapper { width: 70%; margin: 1.5em auto; font-style: normal; font-size: 90%; text-align: left; } div.ingredient_wrapper_centered { width: 70%; margin: 1.5em auto; font-style: normal; font-size: 90%; text-align: center; } h5.ingredient_header { /* Apply this class to the header for each ingredient block */ font-weight: bold; font-style: normal; line-height: 1.2em; margin-bottom: 0.5em; margin-top: 0em; text-align: inherit; } ul.ingredient_items { /* Parent element for each ingredient block */ padding: 0px; margin-top: 0px; list-style-type: none; } .ingredient_wrapper ul.ingredient_items li { margin-left: 0.5em; text-indent: -0.5em; } .ingredient_wrapper_centered ul.ingredient_items li { text-align: center; } /* ============================================================ SIDEBARS ============================================================ The sidebar must use the