/* 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%; } @font-face { font-family:"Cabin-Bold"; src:url(../fonts/Cabin-Bold.otf); } @font-face { font-family:"Cabin-BoldItalic"; src:url(../fonts/Cabin-BoldItalic.otf); } @font-face { font-family:"Cabin-Italic"; src:url(../fonts/Cabin-Italic.otf); } @font-face { font-family:"Cabin-Medium"; src:url(../fonts/Cabin-Medium.otf); } @font-face { font-family:"Cabin-MediumItalic"; src:url(../fonts/Cabin-MediumItalic.otf); } @font-face { font-family:"Cabin-Regular"; src:url(../fonts/Cabin-Regular.otf); } @font-face { font-family:"Cabin-SemiBold"; src:url(../fonts/Cabin-SemiBold.otf); } @font-face { font-family:"Cabin-SemiBoldItalic"; src:url(../fonts/Cabin-SemiBoldItalic.otf); } @font-face { font-family:"DancingScript-Regular"; src:url(../fonts/DancingScript-Regular.otf); } .italic { font-family:"Cabin-Italic"; } div.cover-image { text-align: center; margin: 0; padding: 0; } img.cover-image { width: 100%; max-height: 100%; } p { text-indent: 0; /* 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; } .centered-image { position: relative; float: left; text-align: left; margin: 1em; width: 30%; } .centered-image img { width: 100%; max-height: 100%; } .right-image /* A FLOATED IMAGE */ { position: relative; float: right; text-align: right; margin: 1em; width: 30%; } .right-image img { /* FLOATED IMAGE CONTROL */ width: 100%; max-height: 100%; } p.copyright { font-family: "Cabin-Regular"; font-size:0.75em; text-indent: 0; text-align:left; margin-top: 1em; margin-bottom: 1em; line-height: 1.2em; /* CHECK THIS! */ color: #cd007a; } h3.toc-head { font-family:"Cabin-Bold"; margin-top: 1em; font-weight: normal; font-size:1.2em; } p.toc_text { font-family:"DancingScript-Regular"; font-size: 1.3em; text-indent: 0; margin-top: 0.4em; margin-bottom: 0em; line-height: 1.2em; /* CHECK THIS! */ color: #cd007a; } p.toc_text_ind { font-family:"DancingScript-Regular"; font-size:1.1em; margin-left: 1em; text-indent: 0; margin-top: 0.3em; margin-bottom: 0em; line-height: 1.2em; /* CHECK THIS! */ } p.toc_text1 { font-family:"DancingScript-Regular"; font-size:1.3em; text-indent: 0; margin-top: 1.5em; margin-bottom: 0em; line-height: 1.2em; /* CHECK THIS! */ color: #cd007a; } p.toc_text2 { font-family:"DancingScript-Regular"; font-size:1.3em; text-indent: 0; margin-top: 1em; margin-bottom: 0em; line-height: 1.2em; /* CHECK THIS! */ color: #cd007a; } a { color: black; text-decoration: none; } a.toc_link { text-decoration:none; color: black; } .full-height { width: 100%; max-height: 97%; } .full-width { max-width: 100%; } .pgbreak { page-break-before: right; } p.flush-left-cha1 { font-family:"Cabin-Regular"; text-indent: -0.8em; margin-top:0.2em; text-align:left; margin-left:0.8em; margin-bottom:1em; color:#a15a1f; } p.flush-left-cha1-list { font-family:"Cabin-Regular"; text-indent: -0.5em; margin-top:0.2em; text-align:left; margin-left:2.5em; margin-bottom:1em; color:#a15a1f; } p.flush-left-cha1-ind { font-family:"Cabin-Regular"; text-indent: 0em; margin-top:0.2em; text-align:left; margin-left:0.8em; margin-bottom:1em; color:#a15a1f; } p.flush-left-intro { font-family:"Cabin-Regular"; text-indent: 0; margin-top:0.2em; text-align:left; margin-bottom:1em; color: #cd007a; } p.flush-left-intro-aut { font-family:"DancingScript-Regular"; text-indent: 0; font-size: 1.5em; margin-top:0.2em; text-align:left; margin-bottom:1em; color: #f27390; } p.recipes-intro { font-family:"DancingScript-Regular"; font-size: 1.3em; text-indent: 0em; margin-top: 0.3em; margin-bottom: 1em; } p.recipes-para { font-family:"Cabin-Regular"; text-indent: 0em; margin-top: 1em; margin-bottom: 0.5em; } p.recipes-para1 { font-family:"Cabin-Regular"; text-indent: 0em; margin-top: 2em; margin-bottom: 0.5em; } span.color-ch1 { font-family:"Cabin-Bold"; color:#f27cb1; } .recipes-head { font-family:"Cabin-Regular"; font-weight: normal; margin-top: 1.8em; text-indent: 0em; margin-bottom: 0.5em; font-size: 2em; line-height: 1em; page-break-before: always; } h2.recipes-head1 { font-family:"Cabin-Regular"; margin-top: 1.8em; text-indent: 0em; margin-bottom: 0.8em; font-weight: normal; font-size: 2em; line-height: 1em; } h2.chapter-intro { font-family:"Cabin-Regular"; margin-top: 1em; margin-bottom:0.5em; text-align: left; font-size: 1.6em; font-weight: normal; color: #f27390; } h2.chapter1-head { font-family:"DancingScript-Regular"; margin-top: 1em; margin-bottom:0em; text-align: left; font-size: 2.3em; font-weight: normal; color:#f27cb4; } h2.chapter1-head1 { font-family:"DancingScript-Regular"; margin-top: 1em; margin-bottom:0em; text-align: left; font-size: 2.3em; font-weight: normal; color:#f27cb4; } .full-page-image-bot { page-break-before: always; page-break-inside: avoid; text-align: center; page-break-after: always; } .full-page-image { page-break-before: always; page-break-inside: avoid; page-break-after: avoid; text-align: center; } .full-page-image1 { page-break-before: avoid; page-break-inside: avoid; page-break-after: avoid; text-align: center; } .contentsEntry { display: block; margin-top: 0%; margin-bottom: 0%; margin-right: 5%; text-align: left; text-indent:0em; font-size: 1.2em; font-family: "Cabin-Regular"; } /* chapter-styles */ .dedication { font-family:"Cabin-Regular"; margin-top: 0em; margin-left: 3em; margin-bottom: 1em; color: #cd007a; } p.list-of-recipes { font-family:"Cabin-Regular"; font-size: 0.85em; margin-top: 0.3em; margin-bottom: .3em; margin-left: 1.1em; text-indent: -1.1em; line-height: 1.3em; } p.list-of-recipesz { font-family:"Cabin-Regular"; font-size: 0.85em; margin-top: 0.3em; margin-bottom: .3em; text-indent: 0em; line-height: 1.3em; } p.list-of-recipes1 { font-family:"Cabin-Bold"; font-size: 0.85em; margin-top: 1.3em; margin-bottom: 0.3em; line-height: 1.3em; } p.list-of-recipes1-top { font-family:"Cabin-Bold"; font-size: 0.85em; margin-top: 2em; margin-bottom: 0.3em; line-height: 1.3em; } span.rose { color: #e88ebb; } span.red-1 { color: #e21b2d; } .index-main { font-family:"Cabin-Regular"; margin-left: 1em; margin-right: 0em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: -1em; } .index-disclaimer { font-family:"Cabin-Regular"; margin-left: 0em; margin-right: 0em; margin-top: 0em; margin-bottom: 1.5em; text-indent: 0em; } .index-main1 { font-family: "Cabin-Bold"; margin-left: 1em; margin-right: 0em; margin-top: 1.6em; margin-bottom: 0.2em; text-indent: -1em; } .index-sub { font-family:"Cabin-Regular"; margin-left: 2em; margin-right: 0em; margin-top: 0.2em; margin-bottom: 0.2em; text-indent: -1em; } .author_head { font-family:"DancingScript-Regular"; margin-left: 0em; font-size: 2em; margin-bottom: 0.5em; text-indent: 0em; color: #e88ebb; font-weight: normal; } .author_text { font-family:"Cabin-Regular"; margin-left: 0em; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; color: #c41325; } h2.ack { font-family:"DancingScript-Regular"; margin-top: 1.5em; font-size: 2em; margin-bottom: 0em; font-weight: normal; text-indent: 0em; color: #e88ebb; } p.ack_text { font-family:"Cabin-Regular"; margin-left: 0em; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; color: #c41325; } p.back { font-family:"Cabin-Regular"; margin-left: 0em; text-indent: 0em; margin-bottom: 1em; line-height: 1.4em; color: #e21b2d; } p.back1 { font-family:"Cabin-Regular"; margin-left: 0em; text-indent: 0em; margin-bottom: 1em; color: #e88ebb; } .color2 { color: #cd007a; } .color3 { color:#58585a; } .brown { color: #a0736e; } .left-img { margin-top: 1em; page-break-inside: avoid; width: 80%; } .left-img img { page-break-inside: avoid; width: 80%; } p.flush-left-cha2-ind { font-family:"Cabin-Regular"; text-indent: 0em; margin-top:0.2em; text-align:left; margin-left:0.8em; margin-bottom:1em; color:#58585a; } p.flush-left-cha2 { font-family:"Cabin-Regular"; text-indent: -0.8em; margin-top:0.2em; text-align:left; margin-left:0.8em; margin-bottom:1em; color:#58585a; } .yellow { color: #aa9621; } .yellow3 { color: #ffeb2c; } .brown1 { color: #342621; } .red1 { color: #ef4b48; } .brown2 { color: #755b35; } .red2 { color: #d70c56; } .pink2 { color: #d63350; } .blue { color: #4e88c7; } .lavendor { color: #5e64da; } .grey1 { color: #434854; } .yellow1 { color: #997530; } .green { color: #0a8540; } .brown3 { color: #bb7f3e; } .brown4 { color: #605239; } .yellow2 { color: #b1850f; } .blue2 { color: #119dd0; } .butter1 { color: #f5b273f; } .pink3 { color: #db3a96; } .lgreen { color: #628608; } .lgreen-1 { color: #007c88; } .brown5 { color: #5e2e1c; } .pink4 { color: #f172ac; } .lgreen-2 { color: #498903; } .yellow-3 { color: #857e04; } .violet-1 { color: #372a7d; } .orange-1 { color: #f37046; } .orange-2 { color: #c82120; } .gray-1 { color: #c8591b; } .yellow-4 { color: #867d07; } .red3 { color: #ed1c24; } .green-3 { color: #4a9740; } .sred { color: #f4324d; } .p51-c { color: #55002a; } .p51-c1 { color: #e63b3b; } .p59-c { color: #94880a; } .p59-c1 { color: #cb2033; } .p61-c { color: #5c2e91; } .p61-c1 { color: #c6168d; } .p61-c2 { color: #3066d4; } .p62-c { color: #e567a7; } .p69-c { color: #9d4f0c; } .p72-c { color: #876103; } .p72-c1 { color: #da57a0; } .p72-c2 { color: #875342; } .p75-c { color: #827a14; } .p75-c1 { color: #26292a; } .p75-c2 { color: #e25f0e; } .p77-c { color: #147ab7; } .p81-c { color: #d65d1b; } .p81-c1 { color: #11a0db; } .p81-c2 { color: #ce8b4e; } .p81-c3 { color: #231f20; } .p82-c { color: #231f20; } .p82-c1 { color: #bb57a1; } .p82-c2 { color: #404041; } .p82-c3 { color: #875342; } .p86-c { color: #9c3abc; } .p86-c1 { color: #00abcd; } .p86-c2 { color: #812990; } .p91-c { color: #66b542; } .p91-c1 { color: #bd1a8d; } .p93-c { color: #ef2d9b; } .p93-c1 { color: #ddb21d; } .p93-c2 { color: #8b541f; } .p94-c { color: #00467c; } .p94-c1 { color: #129dd0; } .p94-c2 { color: #da511f; } .p97-c { color: #4f8804; } .p97-c1 { color: #d8292b; } .p97-c2 { color: #009549; } .p98-c { color: #ce1342; } .p98-c1 { color: #afd24b; } .p98-c2 { color: #015893; } .p102-c { color: #d7153b; } .p102-c1 { color: #9e7500; } .p102-c2 { color: #630660; } .p104-c { color: #ec008c; } .p104-c1 { color: #8b0304; } .p104-c2 { color: #003340; } .p106-c { color: #3b0000; } .p106-c1 { color: #d36a50; } .p106-c2 { color: #986a0b; } .p111-c { color: #907d03; } .p111-c1 { color: #9c8e97; } .p111-c2 { color: #ca6c18; } .p113-c { color: #ef3f4a; } .p113-c1 { color: #604c89; } .p113-c2 { color: #eb2764; } .p114-c { color: #ed174c; } .p114-c1 { color: #f47920; } .p114-c2 { color: #231f20; } .p114-c3 { color: #3bb655; } .p114-c4 { color: #00aeef; } .p114-c5 { color: #b36857; } .p114-c6 { color: #e84d1a; } .p114-c7 { color: #0066b3; } .p117-c { color: #c57300; } .p117-c1 { color: #399987; } .p117-c2 { color: #c95d1a; } .p119-c { color: #1b826b; } .p119-c1 { color: #d93931; } .p119-c2 { color: #af980e; } .p127-c { color: #188e3c; } .p127-c1 { color: #8e3e65; } .p127-c1 { color: #8e3e65; } .p127-c2 { color: #4f761f; } .p129-c { color: #b9231e; } .p129-c1 { color: #270f03; } .p129-c2 { color: #af980e; } .p131-c { color: #9b7000; } .p131-c1 { color: #540000; } .p131-c2 { color: #46a748; } .p133-c { color: #ed1651; } .p133-c1 { color: #4588c8; } .p133-c2 { color: #9c250c; } .chapter-recipe { font-family:"Cabin-Regular"; font-size: 1.4em; margin-top: 1em; margin-bottom: .5em; text-align:center; page-break-before: always; } p.chap-list { font-family: "Cabin-Regular"; text-align: center; margin-top: .3em; margin-bottom: .3em; } .chapter-head1 { font-family: "Cabin-Bold"; text-align: center; margin-top: 1.5em; margin-bottom: 1em; font-size: 2em; font-weight: normal } .chapter-head2 { font-family: "Cabin-Bold"; margin-top: 1.5em; margin-bottom: 1em; font-size: 2em; font-weight: normal } .p69-c1 { color: #600c1d; } .int-color { color:#58585a; } .portrait_full_caption { margin: 0em auto 0.8em; text-align:center; page-break-inside: avoid; page-break-before: always; max-height: 90% !important; max-height: 90vh; /* Necessary for iOS7 */ border-radius: 5px; } .portrait_full_caption img { max-height: 100%; max-width: 100%; page-break-inside: avoid; border-radius: 5px; } .image_caption { font-family:"Cabin-Italic"; display: block; margin: -1em auto 1.5em auto; text-align: center; page-break-before: avoid; font-size: 0.75em; line-height: 110%; font-weight: normal; } .portrait_full_caption + .image_caption { margin: -1em auto 0em auto; } .portrait_small_mobi { margin: 1em auto; text-align:center; page-break-inside: avoid; width: 80%; height: 70%; height: 70vh; /* Necessary for webkit */ } .portrait_small_mobi1 { margin: 0em auto; text-align:center; page-break-inside: avoid; width: 80%; height: 40%; height: 40vh; /* Necessary for webkit */ }