/* -- Updated 11/21/13, CB Digital Production-- */ /* ---- GENERAL ---- */ html, body { margin: 5px; padding:0; border-width: 0; -webkit-hyphens:none; -epub-hyphens:none; } div { page-break-inside: avoid; } /* ---- EMBEDDED FONTS ---- */ /* ---- normal is for regular text and should always be listed first, italic & bold change the and tags // do not use span classes for bold and italics ---- */ @font-face { font-family: "EamesCenturyModern"; src: url("../fonts/EamesCenturyModern-Regular.otf"); font-style:normal; font-weight:normal; } @font-face { font-family: "EamesCenturyModern"; src: url("../fonts/EamesCenturyModern-RegularItalic.otf"); font-style:italic; font-weight:normal; } @font-face { font-family: "FortCondensed-Light"; src: url("../fonts/FortCondensed-LightBeta.otf"); font-style:normal; font-weight:normal; } @font-face { font-family: "FortCondensed-Light"; src: url("../fonts/FortCondensed-LightItalicB.otf"); font-style:italic; font-weight:normal; } @font-face { font-family: "FortCondensed-BoldBeta"; src: url("../fonts/FortCondensed-BoldBeta.otf"); } @font-face { font-family: "FortCondensed-MediumBeta"; src: url("../fonts/FortCondensed-MediumBeta.otf"); } @font-face { font-family: "FortCondensed-BookBeta"; src: url("../fonts/FortCondensed-BookBeta.otf"); font-style:normal; font-weight:normal; } @font-face { font-family: "FortCondensed-BookBeta"; src: url("../fonts/FortCondensed-BookItalicB.otf"); font-style:italic; font-weight:normal; } @font-face { font-family: "FortCondensed-BookItalicC"; src: url("../fonts/FortCondensed-BookItalicC.otf"); } @font-face { font-family: "Soto"; src: url("../fonts/Soto.otf"); } @font-face { font-family: "ThirstyRoughRegOne"; src: url("../fonts/ThirstyRoughRegOne.otf"); } /* ---- ALL MAIN P STYLES ARE HERE, NO NEED TO DUPLICATE ATTRIBUTES ---- */ p { margin: 0; text-align:left; font-size: .8em; text-indent: 0em; line-height: 1.2em; font-family: "FortCondensed-BookBeta", serif; /* -- ePub 3 -- */ widows: 3; orphans: 3; word-wrap: break-word; overflow-wrap: normal; text-wrap: normal; } /* ---- LINKS ---- */ a { color: RGB(31,114,60); text-decoration: none; } /* ---- FRONT MATTER ---- */ .dedication { font-family: "FortCondensed-MediumBeta"; margin-top: 10%; text-align: left; font-size: 1.0em; line-height: 1.5em; } .acknowledgements { } /* ---- COPYRIGHT ---- */ div#copyright { font-size: 0.9em; font-family: "FortCondensed-BookBeta"; text-align: center; line-height: 1.1em; margin-top: 10%; } div#copyright p { font-family: "FortCondensed-BookBeta"; margin-top: 2%; line-height: 1.3em; } /* ---- TOC ---- */ .toc { font-family: "FortCondensed-BookBeta"; text-align: left; margin-left: 3em; text-indent: -3em; margin-top: 0%; } .toc1 { font-family: "FortCondensed-MediumBeta"; text-align: left; margin-left: 3.3em; text-indent: -3.3em; margin-top: 1%; } /* ---- HEADER STYLES - Do not use margins greater than 2em. Headers that follow text should have a top margin ----*/ h1, h2, h3, h4, h5, h6 {text-align: left} h1 { font-family: "Soto", sans-serif; font-weight: normal; text-align: left; line-height: 1.1em; margin-top: 2%; } h2 { font-family: "Soto", sans-serif; font-weight: normal; text-align: left; line-height: 1.1em; margin-top: 2%; } h3 { font-family: "Soto", sans-serif; font-weight: normal; text-align: left; line-height: 1.1em; } h4 { font-family: "FortCondensed-BoldBeta", sans-serif; font-weight: normal; text-align: left; line-height: 1.1em; } h5 { } h6 { } /* ---- Use the following with h tags, for subheads that are different from other subheads ---- */ .section_title { } .section_hd { } .chapter_title { } .chapter_hd { font-family: "FortCondensed-MediumBeta"; margin: 1% 0em 0 0em; } /* ---- TEXT STYLES - Do not use margins greater than 2em ---- */ p.first1_noindent { font-family: "FortCondensed-BookBeta"; margin: 0.7em 0 0em 0; } p.first2_noindent { font-family: "FortCondensed-BookBeta"; margin: 1.5% 0 0em 0; } /* .running_text is the default p tag, no indent, bottom margin */ p.text_noindent { font-family: "FortCondensed-Light"; margin: 1% 0 0em 0; } p.first1_indent { font-family: "FortCondensed-BookBeta"; margin: 0em 0 0em 0; text-indent: 1.75em; } p.first2_indent { font-family: "EamesCenturyModern"; text-indent: 1.75em; margin-top: 0em; color:RGB(100,121,131); } /* .running_text is the default p tag, indent, bottom margin */ p.text_indent { font-family: "FortCondensed-Light"; margin: 0em 0 0em 1.75em; text-indent: -1.75em; line-height: 1.1em; } p.right { font-family: "FortCondensed-Light"; margin: 2% 0 0em 0; text-align:left; } p.left { font-family: "FortCondensed-Light"; margin: 0.2em 0 0 0; text-align:left; } p.center { font-family: "FortCondensed-BookBeta"; margin: 0.7em 0 0em 0; text-align:center; } /* Use .chapter_hdnote) for text that is an introduction, with header above it, but is different from running text */ p.chapter_head_note { } /* -- RECIPE BOOKS -- */ p.recipe_hdnote { font-family: "EamesCenturyModern"; text-indent: 0; text-align: left; margin-top: 1%; color:RGB(100,121,131); } .yield { font-family: "ThirstyRoughRegOne"; text-align:left; margin: 1% 0 0 0; } p.method_txt { font-family: "FortCondensed-Light"; text-align:left; margin: 1.5% 0 0 0; } /* ---- EXTRACT, PULL QUOTES, DISPLAY text ---- */ .drop_cap { font-family: "FortCondensed-MediumBeta"; color:RGB(236,236,121); } .pull_quote { font-family: "FortCondensed-MediumBeta"; font-size: 0.85em; margin: 0.75% 0em 0em 1em; text-align:left; } .display_type { font-family: "FortCondensed-MediumBeta"; } /* ---- CAPTIONS ---- */ .caption { font-family: "FortCondensed-BookBeta"; font-size: 0.9em; margin: 1em 0 0 0; text-align:left; } .caption_1_hd { font-family: "FortCondensed-BookBeta"; margin: 0 0 0 0; font-size: 0.7em; text-align: center; } .caption_1_txt { font-family: "FortCondensed-Light"; margin: 0em 0 0em 2.0em; text-align:left; } .caption_2_hd { } .caption_2_txt { } /* ---- SIDE BARS ---- */ /* ---- add font family and font size to div.sidebar ---- */ div.sidebar { background-color:RGB(177,205,136); margin: 1em 0 0.5em 0; padding:0.75em; page-break-before: always; } .sidebar1_hd { background-color:RGB(242,204,109); margin: 1em 0 0em 0; padding:0.75em; } .sidebar1_hdnote { font-family: "Soto"; font-weight: normal; margin: 0em 0 0.7em 0; text-align:left; } .sidebar1_txt { font-family: "FortCondensed-BookBeta"; margin: 0em 0 0em 0; text-align:left; } .sidebar2_hd { font-family: "FortCondensed-BoldBeta"; margin: 2% 0em 0em 0em; } .sidebar2_hdnote { font-family: "Soto"; font-weight: normal; text-align: center; line-height: 1.1em; margin-top: 2%; } .sidebar2_txt { font-family: "FortCondensed-BookBeta"; margin: 0em 0 0em 0; text-align:left; text-indent:1.75em; } /* ---- LISTS ---- */ ol { list-style-type: none; padding: 0px; margin-bottom: 1em; } ul { list-style-image: url(../images/s-box-1.jpg); padding: 0px; margin-top: 1em; margin-bottom: 1em; margin-left: 1.0em; } ul.alternate_style { list-style-type: none; padding: 0px; margin-bottom: 1em; } li { font-family: "FortCondensed-BookBeta"; margin: 1% 0 0em 0; } .ingred_sublist { font-family: "FortCondensed-MediumBeta"; margin: 0.75% 0 0em 0; } .footnotes { } /* ---- IMAGES ---- */ /* ---- Large images have no margin ---- */ div.wrap { vertical-align: top; text-align: center; margin:0; page-break-inside: avoid; page-break-after: always; } /* ---- Smaller images will have a margin ---- */ div.wrap_small { text-align: center; margin: 1em 0 1em 0; page-break-inside: avoid; } /* -- All images should have p tag -- */ p.image { text-align: center; margin:0; } /* -- images that are largest on the vertical side -- */ img.vertical { margin: 0; text-align: center; height: 90%; width: auto; } /* -- images that are largest on the horizontal side -- */ img.horizontal { margin: 0; text-align: center; width: 100%; height: auto; } .image_background { margin: 0; background-repeat: no-repeat; background-size: contain; } .floatleft { float: left; width: 40%; margin: 10px 10px 10px 0; } .floatright { font-family: "FortCondensed-MediumBeta"; text-align: right; margin-top: 1%; } /* -- to be used within floatleft, floatright, and gallery divs -- */ img.float { width: 100%; height: auto; } /* -- used to create a grid of images -- */ .gallery_25 { width: 23%; float: left; padding: 1%; } .gallery_50 { width: 48%; float: left; padding: 1%; } div.clear {clear: both} div.pagebreak {page-break-after:always;} /* ---- FRACTIONS ---- */ sup { vertical-align: super; font-size: 0.7em; line-height: 0em; } sub { vertical-align: sub; font-size: 0.7em; line-height: 0em; } /* -- TABLES -- */ div.table { margin-top: 1%; } table { border-collapse: collapse; margin: 0em; text-align: left; } td, th { padding: 3px 5px; border-bottom:solid 1px RGB(0,0,0); } /* ---- COLORS, ok to use span tags, change attributes if needed, don't add classes ---- */ .red {color: RGB(155,3,48);} .yellow {color: RGB(87,92,2);} .blue {color: RGB(32,28,63);} .orange {color: RGB(215,111,44);} .green {color: RGB(31,114,60);} .pink {color: RGB(255,153,204);} .purple {color: RGB(204,153,255);} .gray {color: RGB(100,121,132);} /* Extra Added Styles */ span.brown {color: RGB(133,66,54);} span.violet {color: RGB(82,52,86);} p.indexmain { font-family: "FortCondensed-Light"; margin: 0em 0 0em 1.75em; text-align:left; text-indent: -1.75em; } span.font-tro{ font-family: "ThirstyRoughRegOne"; } span.font-fcbb{ font-family: "FortCondensed-BoldBeta"; } span.font-fcmb1{ font-family: "FortCondensed-MediumBeta"; font-size: 0.9em; } span.font-ecmr{ font-family: "EamesCenturyModern"; } .ingred_sublist1 { font-family: "FortCondensed-MediumBeta"; margin: 2% 0 0em 0; text-align:left; } p.list_number { font-family: "FortCondensed-BookBeta"; margin: 0.6em 0em 0em 1.25em; text-align:left; text-indent:-1.25em; } p.tcenter { font-family: "FortCondensed-Light"; margin: 0em 0 0em 0; text-align:center; } .bordertop { border-top:solid 1px RGB(0,0,0); }