/* ------------------------------------------------------------------------------- Betty Crocker Minis CSS Format: EPUB3, KF8 Last modified: February 27, 2014 Modified by: Rebecca Springer, rebecca.springer@hmhco.com /*colors #511702; color A: brown #F04B22; color B: orange #FFE789; color C: yellow */ /* Fonts */ @font-face { font-family:"Clarendon LT Std"; font-style:normal; font-weight:normal; src:url("../font/ClarendonLTStd.otf"); } /* Page Margins */ @page { margin:3px 2px 0 2px; } body { -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; adobe-text-layout:optimizeSpeed; } /*reset*/ body, div, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, blockquote { margin:0; padding:0; border-width:0; } /* Sections and Heads */ h1, h2, h3, h4, h5, h6 { page-break-after:avoid; text-align:left; font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none; text-indent:0; line-height:1.2; } p, li, blockquote, th, td { font-family:"Helvetica Neue", Helvetica, sans-serif; line-height:1.4; font-style:normal; font-variant:normal; font-weight:normal; text-align:left; text-decoration:none; text-indent:0; widows:2; orphans:2; } ol { adobe-text-layout:optimizeSpeed; /* to fix NookColor and Kobo bug */ } li { } a { text-decoration:underline; color:#511702; /*color A*/ -webkit-text-fill-color:#511702; /*color A*/ } span.italic { font-style:italic; } div.recipe { } table { width:100%; } /*images*/ img { max-width:100%; } div.full-width-image { width:100%; margin:0 0 1em 0; } img.full-width { width:100%; } /*Fractions*/ .fraction { font-size: .65em; line-height:1.3; } .ing-fraction { font-size: .65em; font-weight:600; line-height:1.3; } .numerator { vertical-align:super; } .denominator { } .virgule { font-size: 1.4em; margin-right:1.5px; margin-left:.5px; } .dimens-x { padding: 0 2px 0 2px; font-size:0.9em; } /*fm styles*/ div.titlepage-logo { text-align:left; text-indent:0; margin:60px auto 16px 0; width:62%; } img#spoon { width:100%; margin-bottom:20px; } h1.booktitle { text-align:center; margin:15% 0 40% 0; } span.best { color:#F04B22; /*color B*/ font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:3em; font-weight:800; letter-spacing:2px; } span.title { color:#511702; /*color A*/ font-size:1.8em; text-transform:lowercase; font-family:"Clarendon LT Std", serif; } p.imprint { font-family:"Helvetica Neue", Helvetica, sans-serif; text-align:center; font-size:.9em; line-height:1.2; } /*copyright page*/ h3.copyright-heading { font-family:"Clarendon LT Std", serif; color:#F04B22; /*color B*/ margin-top:1em; font-size:1.1em; } p.copyright, p.copyright-credit { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:0.8em; } p.copyright { margin-top:1em; } p.copyright-credit { margin-top:0; } div#test-kitchen-seal { text-align:center; margin:1em auto 0 25%; width:50%; } /*welcome page*/ p.letter-hed, p.letter-signoff { font-family:"Clarendon LT Std", serif; color:#F04B22; /*color B*/ font-size:1.3em; } p.letter { margin-bottom:1em; } p.letter-signoff { width:40%; margin-left:60%; } /*book toc*/ div.fm-box { margin-top:3em; border-top:2px solid #511702; /*color A*/ border-bottom:2px solid #511702; /*color A*/ padding:1em; } h2.toc-hed { color:#F04B22; /*color B*/ font-family:"Clarendon LT Std", serif; font-size:1.8em; margin:1.5em 0 -.4em 0; } ul.toc { list-style:none; margin-bottom:1.5em; } li.toc { margin-top:1em; font-family:"Helvetica Neue", Helvetica, sans-serif; } /*end fm*/ /*body matter styles*/ h1.chaptertitle, h1.et { color:#F04B22; /*color B*/ font-family:"Clarendon LT Std", serif; text-transform:lowercase; font-size:2.2em; letter-spacing:1px; padding:.7em 0 .5em 0; margin:1em; text-align:center; border-top:4px double #511702; /*color A*/ border-bottom:4px double #511702; /*color A*/ } h2.recipetitle { color: #F04B22; /*color B*/ font-family:"Clarendon LT Std", serif; font-size:1.83em; } span.time-hed { color:#511702; /*color A*/ text-transform:uppercase; font-size:.9em; letter-spacing:1px; } span.time-bullet { color:#F04B22; /*color B*/ padding:0 .5em; } p.recipetime { font-family:"Helvetica Neue", Helvetica, sans-serif; font-weight:bold; font-size:.9em; } p.headnote, p.step, p.caption { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:0.9em; margin:0 0 1em 0; } p.headnote { margin-top:1em; } ul.ing-list { color:#511702; /*color A*/ margin:1em 2em 1em 0; list-style-type:none; padding:0; font-size:0.9em; } li.ing { font-family:"Helvetica Neue", Helvetica, sans-serif; margin:0 0 .25em 2.4em; text-indent:-2.4em; } span.qty { display:inline-block; width:2em; text-align:right; margin-right:.4em; } li.ing-hed { font-family:"Clarendon LT Std", serif; margin-top:1em; page-break-after:avoid; } div.method { } span.step-num { font-family:"Clarendon LT Std", serif; color:#F04B22; /*color B*/ font-size:1.5em; line-height:1; margin-right:.15em; } span.step-hed { font-weight:bold; } div.nutrition-info { } p.nutrition-info { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:0.75em; margin:1em 0; } span.nutrition-hed { font-weight:bold; } div.box { margin:1em 8%; padding:1em; border:1px solid #511702; /*color A*/ border-radius:16px; page-break-inside:avoid; } blockquote.note { font-family:"Clarendon LT Std", serif; color:#511702; /*color A*/ font-size:1em; } .indent { text-indent:1.5em; } span.tip, span.var-hed { font-family:"Clarendon LT Std", serif; font-size:1.3em; line-height:1; margin-right:.25em; } p.variation { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:0.85em; margin:12px 0px 5px 0px; } h2.sb-hed { font-family:"Clarendon LT Std", serif; font-weight:bold; font-size:1.05em; margin-right:4px; } p.footnote { font-family:"Helvetica Neue", Helvetica, sans-serif; font-weight:normal; font-style:italic; font-size:0.9em; margin:1em 0; } span.footnote-marker { font-size:1.2em; line-height:1; font-family:"Helvetica Neue", Helvetica, sans-serif; color:#F04B22; /*color B*/ } div.sb { border-top:2px solid #511702; /*color A*/ border-bottom:2px solid #511702; /*color A*/ padding-bottom:10px; padding-top:10px; margin-top:30px; } span.r-sign { font-size:0.6em; vertical-align:0.5em; padding-left:1.5px; } /*contest winner styles*/ p.winner { font-family:"Helvetica Neue", Helvetica, sans-serif; font-weight:bold; font-size:0.65em; margin-top:10px; } span.bracket { font-family:"Clarendon LT Std", serif; font-size:1.1em; font-weight:bold; } span.winner-name { font-family:"Clarendon LT Std", serif; font-weight:bold; font-size:1.2em; } p.contrib { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:.8em; margin:5px 0px 0px 0px; } span.name { font-weight:bold; } /*end contest winner styles*/ /*table styles*/ h2.table-hed { color: #F04B22; /*color B*/ font-family:"Clarendon LT Std", serif; font-size:1.4em; margin-top:1em; } tr, td, th { border-style:inherit; border-width:inherit; border-color:inherit; vertical-align:top; } p.table-col-hed { font-size:1em; margin:.5em 0; font-family:"Helvetica Neue", Helvetica, sans-serif; font-weight:bold; color:#ffffff; font-size:.9em; letter-spacing:1px; } p.table-text, p.table-text-nobg { font-family:"Helvetica Neue", Helvetica, sans-serif; font-size:0.9em; line-height:1.25; color:#472200; } table.metric { border-collapse:collapse; border-width:0; border-style:none; page-break-inside:avoid; } th, td { padding:.3em 1em; border-top:1px solid #FFE789; /*color C*/ border-bottom:1px solid #FFE789; /*color C*/ page-break-inside:avoid; } td#thirty-five { width:35%; } td#forty { width:40%; } td.column-head { background-color:#511702; /*color A*/ } td.tablebody, p.table-text { background-color:#FFE789; /*color C*/ } td.tablebody-nobg, p.table-text-nobg { background-color:#ffffff; } table#table-3 > tr > td, table#table-4 > tr > td { padding-right:.5em; padding-left:.5em; } div#table-3-wrapper, div#table-4-wrapper { margin-top:1em; width:48%; float:left; } div#table-3-wrapper { padding-right:1% !important; } div#table-3-wrapper, div#table-4-wrapper { margin-bottom:1em; } /*other backmatter*/ h2.bm-hed { font-family:"Helvetica Neue", Helvetica, sans-serif; color:#F04B22; /*color B*/ text-transform:uppercase; font-size:1em; letter-spacing:1px; margin-top:1.5em; } ul.rm-list { list-style-type:disc; margin:1em 0; padding:0 2em; } /*layout helpers*/ div.clearfix { clear:both; width:1px; height:0.001%; font-size:0; line-height:0; } .space-above { padding-top:1.5em !important; } .no-bottom { margin-bottom:0; padding-bottom:0; } .keeptogether { page-break-inside:avoid; }