/* Copyright 2016 Oakland Street Publishing, Inc. All rights reserved. oaklandstreetpublishing.com this is standard CSS for CEIP books */ /* Typography */ @font-face { font-family: "Adobe Garamond Pro"; font-style: normal; font-weight: 700; src: url("fonts/AGaramondPro-Bold.otf"); } @font-face { font-family: "Adobe Garamond Pro"; font-style: normal; font-weight: 400; src: url("fonts/AGaramondPro-Italic.otf"); } @font-face { font-family: "Adobe Garamond Pro"; font-style: normal; font-weight: 400; src: url("fonts/AGaramondPro-Regular.otf"); } @font-face { font-family: "DIN"; font-style: normal; font-weight: 700; src: url("fonts/DINOT-CondBold.otf"); } @font-face { font-family: "Whitney"; font-style: normal; font-weight: 700; src: url("fonts/Whitney-Bold-ProGkCy.otf"); } @font-face { font-family: "Whitney"; font-style: normal; font-weight: 400; src: url("fonts/Whitney-Book-ProGkCy.otf"); } @font-face { font-family: "Whitney"; font-style: normal; font-weight: 300; src: url("fonts/Whitney-Light-ProGkCy.otf"); } @font-face { font-family: "Whitney"; font-style: italic; font-weight: 300; src: url("fonts/Whitney-LightItalic.otf"); } @font-face { font-family: "Whitney"; font-style: normal; font-weight: 500; src: url("fonts/Whitney-Medium.otf"); } @font-face { font-family: "Whitney"; font-style: italic; font-weight: 500; src: url("fonts/Whitney-MediumItalic.otf"); } @font-face { font-family: "Whitney"; font-style: normal; font-weight: 600; src: url("fonts/Whitney-Semibold.otf"); } /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Design */ body { font-family: "Adobe Garamond Pro", serif; font-size: 1em; line-height: 1.25; margin: 1em; } .body-text-box { border-style: solid; border: 1px solid black; margin:5px; padding:10px; } h1, h2, h3, h4, h5, h6, .header { -webkit-hyphens: auto; } .header .chapter-number { display: block; font-family: "Whitney", sans-serif; font-size: 0.75em; font-weight: 300; margin-top: 1em; margin-bottom: 4em; text-transform: uppercase; } .header h1 { display: block; font-family: "Whitney", sans-serif; font-size: 2.5em; font-weight: 600; line-height: 1; margin-bottom: 0.15em; max-width: 67%; padding-bottom: 0.25em; padding-top: 0.25em; text-transform: uppercase; } .header h1 .subtitle { display: block; font-family: "Whitney", sans-serif; font-size: .75em; font-weight: 200; text-transform: capitalize; margin-bottom: 0.15em; } .header .author { display: block; font-family: "Whitney", sans-serif; font-size: 1.125em; font-weight: 500; letter-spacing: 0.125em; margin-bottom: 9em; text-transform: uppercase; } .header .and { font-size: 67%; font-weight: 300; text-transform: uppercase; } h2 { font-family: "Whitney", sans-serif; font-size: 1.5em; font-weight: 500; margin-bottom: 0.25em; margin-top: 1em; text-transform: uppercase; letter-spacing: 0.0625em; } h3 { font-family: "Whitney", sans-serif; font-size: 1.25em; font-weight: 300; margin-bottom: 0.25em; margin-top: 0.75em; } h4 { font-family: "DIN", sans-serif; font-size: 1.5em; font-weight: 700; margin-bottom: 0.25em; margin-top: 1em; text-transform: uppercase; letter-spacing: 0.0625em; } blockquote, .story ul, .story ol { margin: 1.5em; } .dropcap { float: left; font-family: "DIN"; font-size: 4.375em; font-weight: 700; line-height: 1; margin-top: 0.0625em; margin-right: 0.0625em; margin-bottom: -0.375em; } p { text-indent: 2em; text-align: justify; } p:first-child, .no-indent, h2 + p, h3 + p { text-indent: 0; } .story ul { list-style-type: disc; padding-left: 0.5em; } .story ol { list-style-type: decimal; padding-left: 0.5em; } .story li { margin-bottom: 0.5em; } strong { font-family: "Whitney", sans-serif; font-weight: 700; } em { font-style: italic; } sup { font-size: 55%; vertical-align: super; } sup a { color: #000000; text-decoration: none; } .extra-spacing { margin-top: 1em; text-indent: 0; } /* Figures and tables */ .figure { margin-bottom: 1em; margin-top: 1em; text-align: center; } .figure img, .figure video { max-width: 100%; } .break-before { page-break-before: always; } /* Notes -- not set as a list*/ .notes p { margin-bottom: 0.5em; font-size: 0.875em; text-indent: 2em; text-align: left; } .notes a { color: #000000; text-decoration: none; } /* Notes -- old version set as a list */ .notes li { margin-bottom: 0.5em; padding-left: 1em; } .notes ol { list-style-type: none; margin: 1.5em } .notes .fake-list-number { color: #000000; float: left; text-decoration: none; text-indent: -2em; } .bibliography p { font-size: 0.875em; padding-left: 2em; text-indent: -2em; text-align: left; } /* Table of Contents */ #toc ol { list-style-type: none; margin: 0; } .toc-item { color: #000000; display: block; margin-bottom: 1em; text-decoration: none; } .toc-item:hover, .toc-item:active { color: #FF0000; } .toc-item .chapter-number { display: inline-block; font-family: "Whitney", sans-serif; font-size: 0.875em; font-weight: 300; text-transform: uppercase; } .toc-item .author { display: inline-block; font-family: "Whitney", sans-serif; font-weight: 500; margin-left: 0.5em; text-transform: uppercase; } .toc-item .chapter-title { display: block; font-family: "DIN", sans-serif; font-size: 1.25em; font-weight: 700; letter-spacing: 0.0625em; margin-top: 0.125em; margin-bottom: 2em; text-transform: uppercase; } table { border-collapse: separate; border-spacing: 15px; }