@charset "UTF-8"; /* blitz — CSS framework for reflowable eBooks Version 0.95 by Jiminy Panoz Codename: Blonde Rock & Roll License: MIT (https://opensource.org/licenses/MIT) */ /* NAMESPACES */ @namespace h "http://www.w3.org/1999/xhtml/"; @namespace epub "http://www.idpg.org/2007/ops"; /* if you need to style epub:type */ @namespace m "http://www.w3.org/1998/Math/MathML/"; /* if you need to style MathML */ @namespace svg "http://www.w3.org/2000/svg"; /* if you need to style SVG */ html { /* Don't use it for styling, used as selector which can take a punch if anything goes wrong above */ } /* Begin CSS */ /* Reset */ /* So here's the trick, we must reset to manage a number of problems once and for all: - HTML5 backwards compatibility (EPUB 3 file in EPUB 2 app); - user settings (e.g. line-height on Kobo and Kindle); - CSS bloat (DRY); - KFX for which a reset using `border: 0` seems to disable support; - etc. It all started as a normalize and became a reset given the magnitude of the task. */ article, address, aside, blockquote, canvas, dd, details, div, dl, dt, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hr, li, main, nav, ol, p, pre, section, summary, ul { margin: 0; padding: 0; /* RS may apply vertical padding to el such as p */ font-size: 1em; /* Font size in pixel disable the user setting in legacy RMSDK */ line-height: inherit; /* Kindle ignores it, Kobo needs it. If you don’t use inherit, the user setting may be disabled on some Kobo devices */ text-indent: 0; font-style: normal; font-weight: normal; } /* This is absolutely necessary for backwards compatibility */ article, aside, figure, figcaption, footer, header, main, nav, section { display: block; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "PTSans"; src: url(../fonts/PTSans-BoldItalic.ttf); font-style: italic; font-weight: bold; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Bold.ttf); font-style: normal; font-weight: bold; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif-Italic.ttf); font-style: italic; font-weight: normal; } @font-face { font-family: "RotisSansSerif"; src: url(../fonts/RotisSansSerif.ttf); font-style: normal; font-weight: normal; } body { margin: 0em; text-align: left; orphans: 2; widows: 2; } @page { margin: 1.2em; } h1,h2,h3,h4,h5,h6 { page-break-after:avoid; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: avoid !important; } .author { font-family: "PTSans", sans-serif; font-size: 1.7em; text-align: center; margin-top: 1em; margin-bottom: 0.2em; font-weight: bold; } .author1 { font-family: "PTSans", sans-serif; font-size: 1.4em; text-align: center; margin-top: 0.1em; margin-bottom: 1em; } .bed { font-family: "PTSans", sans-serif; font-size: 140%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; page-break-before: always; } .cont1 { font-size: 110%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .cont { font-size: 100%; margin-top: 0.1em; margin-bottom: 0.25em; text-indent: 0em; text-align: left; } .copy1 { margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copy { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .h1 { font-family: "PTSans", sans-serif; text-align: center; font-size: 180%; margin-top: 2em; margin-bottom: 1em; line-height: 1em; } .h1sub { font-family: "PTSans", sans-serif; text-align: center; font-size: 140%; margin-top: 0.5em; margin-bottom: 0.1em; line-height: 1em; } .h2 { font-family: "PTSans", sans-serif; font-size: 160%; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1em; text-indent: 0em; text-align: left; } .h2a { font-family: "PTSans", sans-serif; font-size: 130%; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; line-height: 1em; } .h2title { font-family: "PTSans", sans-serif; font-size: 1.9em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; line-height: 1em; } .pub { margin-top: 1em; margin-bottom: 0.3em; margin-left: 1em; text-align: center; } .indent { margin-top: 0.3em; margin-bottom: 0.3em; text-indent: 1.2em; } .indent1 { margin-top: 1em; margin-bottom: 0.3em; text-indent: 1.2em; } .noindent { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .noindent1 { margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .item { font-size: 90%; font-family: "RotisSansSerif", sans-serif; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .nounder { text-decoration: none; color: #3B6AA0; } .bulletlist { margin-top: 0.3em; margin-bottom: 0.3em; margin-left: 0.6em; text-indent: -0.6em; } .caption { page-break-before: avoid; font-size: 90%; font-family: "RotisSansSerif", sans-serif; line-height: 1.15em; margin-top: 0.1em; margin-bottom: 1.2em; text-indent: 0em; text-align: left; } .h3 { font-family: "PTSans", sans-serif; page-break-before: always; font-size: 140%; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1em; text-indent: 0em; text-align: left; } .h3a { font-family: "PTSans", sans-serif; font-size: 140%; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1em; text-indent: 0em; text-align: left; } .center { margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .indexmain { margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .h4 { font-family: "PTSans", sans-serif; font-size: 120%; margin-top: 1em; margin-bottom: 0.1em; line-height: 1em; text-indent: 0em; text-align: left; } .sidebartitle { font-family: "PTSans", sans-serif; font-size: 120%; margin-top: 0.25em; margin-bottom: 0.5em; text-indent: 0em; text-align: left; } .sidebar { margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.5em; text-align: left; page-break-inside: avoid; border: solid #FFFFFF 0.1em; border: #5185C5 solid 0.3em; } .h5 { font-family: "PTSans", sans-serif; font-size: 110%; margin-top: 1em; margin-bottom: 0.2em; line-height: 1em; text-indent: 0em; text-align: left; } .table { font-size: 90%; font-family: "RotisSansSerif", sans-serif; margin-top: 0.2em; margin-bottom: 0.3em; font-weight: bold; color: #BE432F; margin-left: 1.5em; margin-right: 1.5em; } .credit { margin-top: 0.5em; margin-bottom: 0.1em; } .blue { page-break-before: always; background-color: #AEC0E3; padding: 0.5em; } .table1 { font-size: 110%; font-family: "RotisSansSerif", sans-serif; margin-top: 0.2em; margin-bottom: 0.3em; font-weight: bold; margin-left: 1.5em; margin-right: 1.5em; } .table2 { font-size: 90%; font-family: "RotisSansSerif", sans-serif; margin-top: 0.2em; margin-bottom: 0.3em; font-weight: bold; margin-left: 1em; margin-right: 1.5em; } .table3 { font-size: 90%; font-family: "RotisSansSerif", sans-serif; border-bottom: #5185C5 solid 0.3em; padding: 0.7em; border-top: #5185C5 solid 0.3em; } .center1 { margin-top: 0.5em; font-size: 180%; margin-bottom: 0.5em; text-align: center; } .resource { margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; margin-left: 1em; } .h5a { font-family: "PTSans", sans-serif; font-size: 110%; margin-top: 1em; margin-bottom: 0.2em; line-height: 1em; text-indent: 0em; text-align: left; } .noindentp { page-break-before: always; margin-top: 0.5em; text-indent: 0em; margin-bottom: 0.1em; } .h4p { font-family: "PTSans", sans-serif; font-size: 120%; page-break-before: always; margin-top: 0.5em; margin-bottom: 0.1em; line-height: 1em; text-indent: 0em; text-align: left; } .h4pa { font-family: "PTSans", sans-serif; font-size: 120%; margin-top: 1em; margin-bottom: 0.1em; line-height: 1em; text-indent: 0em; text-align: left; } .h3p { font-family: "PTSans", sans-serif; font-size: 200%; margin-top: 1.5em; text-indent: 0em; margin-bottom: 0.5em; page-break-before: always; line-height: 1em; text-indent: 0em; text-align: left; padding: 0.1em; } .indentp { margin-top: 0.3em; page-break-before: always; margin-bottom: 0.3em; text-indent: 1.2em; } .smallcaps { font-size: 70%; } .noindent5 { margin-top: 0.01em; margin-bottom: 0.1em; text-indent: 0em; } .sidebar5 { border: solid #FFFFFF 0.1em; margin-top: 1em; margin-bottom: 0.8em; padding: 0.7em; text-align: left; border: #5185C5 solid 0.3em; } table { border-collapse:collapse; } td, th { border-width: 1px; } .group { page-break-inside: avoid; } .groupa { page-break-before:always; } a { text-decoration: none; } ol { list-style-type:none; margin: 0em; } .hidden { display: none; visibility: hidden; } /* For Cover Images */ .imagefp { height: 98%; margin: 0em; text-align: center; } .imagefp:only-of-type { height: 98vh; margin: 0em; text-align: center; } .imagefc { width: 100%; } /* For Float Images */ .ft50 { width: 50%; float: right; padding-left: 0.5em; margin: 0em; } .ft50 img { width: 100%; } .ft50L { width: 35%; float: left; padding-right: 0.5em; margin: 0em; } .ft50L img { width: 100%; } /* For Inline Images */ .in10 { width: 100%; vertical-align: baseline; } .in15 { width: 15%; } .in25 { width: 25%; } .in50 { width: 100%; } /* For Landscape Images (width or without caption) */ .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land60 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land60 img { width: 60%; } .land80 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land80 img { width: 80%; } .land18 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land18 img { width: 18%; } .land85 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land85 img { width: 85%; } /* Portrait Images - width or without Caption */ .portvh80 { margin: 1em 0 0 0; text-align: center; height: 80%; } .vh80 { height: 100%; } .vh80:only-of-type { height: 80vh; } .portvh70 { margin: 1em 0 0 0; text-align: center; height: 70%; } .vh70 { height: 100%; } .vh70:only-of-type { height: 70vh; } .portvh60 { margin: 1em 0 0 0; text-align: center; height: 60%; } .vh60 { height: 100%; } .vh60:only-of-type { height: 60vh; }