/* ------------------------------------------------ / F+W Media, Inc. / CSS for EPUB-Optimized InDesign Template Process / Format: EPUB & KF8 / Scope: Interweave / Last modified: 17 Feb 2015 / Modified by: Franco Alvarado, franco.alvarado@fwmedia.com Note: All changes to template InDesign file must be reflected in this CSS document. --------------------------------------------------- */ /** ---------------- ============== GLOBAL TEXT STYLES ============== ---------------- **/ @page { margin-top: 9pt; margin-bottom: 1pt; } body { margin-right: 12pt; margin-left: 12pt; font-weight: normal; font-size: 1rem; font-family: Charter, Georgia, serif; } body.coverbody { margin: 0; text-align: center; } a { color: #336699; text-decoration: none; -webkit-text-fill-color: #336699; } img { } p { margin: 0; text-align: left; text-indent: 0; font-weight: normal; font-style: normal; font-size: 1em; line-height: 1.5; orphans: 2; widows: 2; -webkit-hyphenate-before: 3; hyphenate-before: 3; -webkit-hyphenate-after: 3; hyphenate-after: 3; -webkit-hyphenate-lines: 2; hyphenate-lines: 2; } h1, h2, h3, h4, h5, h6 { margin-top: 2em; margin-bottom: 1em; -webkit-hyphens: none !important; -moz-hyphens: none; hyphens: none; adobe-hyphenate: none; font-weight: bold; font-style: normal; page-break-inside: avoid !important; page-break-after: avoid; text-align: left; } ol { adobe-text-layout: optimizeSpeed; } ol, ul { margin-top: 1em; margin-bottom: 1em; } li { line-height: 1.5; text-align: left; widows: 2; orphans: 2; -webkit-hyphenate-before: 3; hyphenate-before: 3; -webkit-hyphenate-after: 3; hyphenate-after: 3; -webkit-hyphenate-lines: 2; hyphenate-lines: 2; margin-bottom:1em; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sup.num { vertical-align: 0.5em; font-size: 0.6em; line-height: 0; } sub.den { vertical-align: -0.1em; font-size: 0.6em; line-height: 0; } table { border-collapse: collapse; margin-top: 1em; margin-bottom: 1em; border: 1px solid; page-break-inside: avoid; } th { font-family: "Helvetica Neue", Verdana, Geneva, sans-serif; font-size: .8em; border: 1px solid; background-color: #CCC; padding: 6px; text-align: left; vertical-align: top; -webkit-hyphens: none !important; adobe-hyphenate: none !important; -moz-hyphens: none !important; hyphens: none !important; hyphens: 0 !important; } th.sub { font-family: "Helvetica Neue", Verdana, Geneva, sans-serif; font-size: 0.7em; font-style: italic; font-weight: bold; border: none; background-color: #CCC; padding: 6px; text-align: left; vertical-align: top; -webkit-hyphens: none !important; adobe-hyphenate: none !important; -moz-hyphens: none !important; hyphens: none !important; hyphens: 0 !important; } td { font-family: "Helvetica Neue", Verdana, Geneva, sans-serif; font-size: 0.88rem; border: 1px solid; padding: 4px; text-align: left; vertical-align: top; -webkit-hyphens: none !important; adobe-hyphenate: none !important; -moz-hyphens: none !important; hyphens: none !important; hyphens: 0 !important; } .tdp, .thp { font-size: 0.88rem; font-family: "Helvetica Neue", Verdana, Geneva, sans-serif; } .thp { font-weight: bold; } /** ---------------- ============== INTERWEAVE TEMPLATE STYLES ============== ---------------- **/ /** ---------------- Title Page ---------------- **/ .TP-TITLE { font-size:3em; margin-bottom:0em; text-align:center; } .TP-SUBTITLE { font-size:1.5rem; font-weight:normal; margin-top:.5em; text-align:center; } .TP-AUTHOR { font-size:1.2rem; margin-top:5em; margin-bottom:0em; text-align:center; } .TP-AUTHOR-LINE2 { margin-top:.5em; font-weight:normal; text-align:center; font-size:1rem; } .TP-LOGO { margin:4em; text-align:center; } /** ---------------- Copyright ---------------- **/ .COPY1 { text-align:left; } .COPY1-space { text-align:left; margin-bottom:1em; } /** ---------------- Contents Page (TOC) ---------------- **/ h1.TOC-HEAD { font-size:2.5em; margin-bottom:1.10em; padding-top:1em; } h2.TOC-FM-BM { font-size:1.25em; margin-top:.25em; margin-bottom:0em; } h2.TOC-FM-BM-sa { font-size:1.25em; margin-top:1em; margin-bottom:0em; } h2.TOC-A { margin-top:.5em; margin-bottom:0em; } h3.TOC-B { margin-top:.25em; margin-left:1em; margin-bottom:.25em; font-size:1.25em; } h4.TOC-C { margin-top:0em; margin-left:2em; font-style:italic; font-size:1.05em; margin-bottom:0em; } /** ---------------- Front Matter/Back Matter ---------------- **/ h1.FM-BM-HEAD { text-align:left; margin-bottom:0em; } .FM-BM-BODY { text-align:left; margin-top:0em; } .FM-BM-BODY-space { margin-bottom:1em; } /** ---------------- Body Text ---------------- **/ .CHAPTER-NUMBER { font-size:1.42em; margin-top:0em; margin-bottom:.25em; color:#336600; } .CHAPTER-TITLE { font-size:2rem; margin-top:.5em; margin-bottom:0em; } .CHAPTER-INTRO { font-size:1.15em; margin-top:0em; margin-bottom:.25em; } .BODY { /**margin-top:1em;**/ margin-bottom:1em; } .BODY-INDENT { margin-bottom:.25em; text-indent:1em; } .BODY-BLOCK-QUOTE { margin-left:1em; margin-right:1em; margin-bottom:1em; } .BODY-BLOCK-QUOTE-AUTHOR { margin-bottom:1em; margin-left:1em; margin-right:1em; text-align:right; } .ML-BODY { text-indent:-1em; margin-left:1em; } h1.PROJECT-TITLE { /** Projects **/ margin-top:0em; margin-bottom:0em; font-family:sans-serif; page-break-before:always !important; } h2.PROJECT-DESIGNER { font-size:1.2rem; margin-top:.5em; font-family:sans-serif; font-style:italic; } .PROJECT-INTRO { font-size:1.25em; margin-bottom: 1em; } h3.ML-A-HEAD { margin-top:1em; font-size:1.25em; margin-bottom:.25em; } h4.ML-B-HEAD { margin-top:1.10em; margin-bottom:0em; } .A-HEAD { /** Headers **/ margin-bottom:0em; font-size:1.5rem; } .B-HEAD { color:#336600; margin-top:1.25em; margin-bottom:0em; } .C-HEAD { font-size:1rem; font-style:italic; font-weight:bold; margin-top:1em; margin-bottom:0em; page-break-after:avoid; } .D-HEAD { font-weight:normal; font-size:1rem; margin-top:0em; margin-bottom:0em; } .BODY-RND { margin-bottom:.5em; } .BODY-STEP { margin-top:.5em; } .BODY-NOTE { margin-bottom:1em; font-style: italic; } /** ---------------- Images/Captions ---------------- **/ .IMAGE-L, .IMAGE-C, .IMAGE-R { page-break-inside:avoid !important; margin:1em;margin-bottom:0.5em; } .IMAGE-L-space, .IMAGE-C-space, .IMAGE-R-space { page-break-inside:avoid !important; margin-top:2em; } .IMAGE-C-nocap, .IMAGE-L-nocap { page-break-inside:avoid !important; margin-bottom:1em; } .IMAGE-C-nocap { text-align:center; } .IMAGE-L-nocap { text-align:left; } .IMAGE-L, .CAPTION-L { text-align:left; } .IMAGE-L { page-break-after:avoid; } .IMAGE-C, .CAPTION-C { text-align:center; font-size: 0.8em; font-style:italic; } .IMAGE-R, .CAPTION-R { text-align:right; } .CAPTION-L, .CAPTION-C, .CAPTION-R { margin-top:.25em; margin-bottom: 1em; } .FIG-A { text-align:center; font-family:sans-serif; font-weight:bold; page-break-after:avoid; } .FIG-B { text-align:center; font-weight:normal; font-size:0.88rem; margin-bottom:1em; } .PHOTO-CREDIT { font-family: sans-serif; font-weight: bold; font-size: 0.75em; } .CAPTION-HEAD { } /** ---------------- Sidebars/Tip Boxes ---------------- **/ div.stitch-guide, div.sidebar1, div.sidebar2, div.sidebar-tip { margin-top: 1em; margin-bottom: 1em; padding: 1em; page-break-inside: avoid !important; font-family: "Helvetica Neue", Verdana, Geneva, sans-serif; } div.sidebar-tip { border: solid 2px #FF33CC; background-color:none; } div.stitch-guide { border:none; background-color:#E6D9E6; } div.sidebar1 {border: none; background-color:#E6E6E6;} div.sidebar2 { border: dotted 1px; background-color:none; } p.SIDEBAR-A-HEAD { font-size:1.5rem; margin-top:1em; margin-bottom:0em; } p.SIDEBAR-B-HEAD { font-size:1.2rem; margin-bottom:0em; font-weight:bold; } p.SIDEBAR-C-HEAD { margin-top:1em; margin-bottom:0em; font-weight:bold; font-family:sans-serif; } p.SIDEBAR-BODY-RND { font-family:sans-serif; margin-bottom:.5em; } p.SB2-A-HEAD, .SB2-B-HEAD, .SB2-C-HEAD { font-family:sans-serif; } p.SB2-A-HEAD { font-size:1.5rem; font-weight:bold; } p.SB2-B-HEAD { font-weight:normal; } p.SB2-C-HEAD { font-weight:normal; } p.SB2-BODY { margin-left:1em; margin-right:1em; font-family:sans-serif; } p.SIDEBAR-BODY { margin-left:0em; font-family:sans-serif; margin-bottom:1em; } p.TIP-A-HEAD, .TIP-B-HEAD { font-weight:bold; font-family:serif; margin-left:1em; margin-top:1em; } p.TIP-A-HEAD { margin-bottom:0em; } p.TIP-B-HEAD { margin-top:1em; margin-bottom:0em; } p.TIP-BODY { margin:0em 1em 1em 1em; font-family:serif; } /** ---------------- Lists ---------------- **/ /** Running text Lists **/ li.BODY-BL-serif { list-style-type:square; } li.BODY-BL-SUB { margin-left:2em; } li.BODY-NL-serif { } /** Sidebar Lists **/ li.SIDEBAR-BL-noserif {font-family: sans-serif; } li.SIDEBAR-NL-noserif { } /** ---------------- Tables ---------------- **/ th.TABLE-HEAD { text-align:center; } th.TABLE-SUBHEAD { text-align:center; } td.TABLE-BODY-L { text-align:left; } td.TABLE-BODY-C { text-align:center; } td.TABLE-BODY-R { text-align:right; } /** ---------------- Promo Copy ---------------- **/ h1.XPROMO-A-HEAD { padding-top:2em; text-align:center; margin-bottom:0em; } h2.XPROMO-B-HEAD { margin-top:0em; margin-bottom:0em; font-weight:normal; text-align:center; } h3.XPROMO-C-HEAD { margin-top:1em; margin-bottom:0em; text-align:center; font-size:1.5em; } h4.XPROMO-SUBTITLE { margin-top:0em; margin-bottom:0em; font-weight:normal; text-align:center;font-size:1.2em; } p.XPROMO-AUTHOR { text-align:center; margin-top:0em; margin-bottom:0em; font-size: 1em; } p.XPROMO-ISBN-PRICE { margin-top:0em; margin-bottom:0em; text-align:center; font-size:0.88rem; } p.XPROMO-BODY { margin-top:1em; text-align:center; } /** ---------------- **** ADDITIONAL STYLES **** ---------------- **/ span.bold-italic { font-weight:bold; font-style:italic; } span.Roman {font-style:normal; font-weight:normal;} ol.contents_level1 { margin-top:0em; margin-bottom:0em; list-style-type:none; } ol.contents_level2 { margin-top:0em; margin-bottom:0em; list-style-type:none; } ol.contents_guide { margin-top:0em; margin-bottom:0em; list-style-type:none; } /** ---------------- **** MEDIA QUERIES **** ---------------- **/ /** These always appear at the end of the CSS document! **/ @media all{ body { margin-top:0em; margin-bottom:0em } ol { margin-left:1em; } }