@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. */ 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; /* RS may apply vertical padding to el such as p */ border: 0; /* 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 */ vertical-align: baseline; -webkit-hyphens:none; epub-hyphens:none; -moz-hyphens:none; hyphens:none; adobe-hyphenate:none !important; } /* This is absolutely necessary for backwards compatibility */ article, aside, details, figure, figcaption, footer, header, hgroup, main, nav, section { display: block; } /* page margins for nook and kobo */ @page { margin: 1.2em; } body { font-size: 100%; text-align: left; margin:0 auto; /* RS will override margins anyways */ padding: 0; widows: 2; /* iBooks and Kobo support widows and orphans */ orphans: 2; } /* Styling is improved to prevent sub from affecting line-height */ .sub { font-size: 75%; line-height: 1.2; vertical-align: sub; /* Fallback */ vertical-align: -15%; } /* Styling is improved to prevent sup from affecting line-height */ .sup { font-size: 75%; line-height: 1.2; vertical-align: super; /* Fallback */ vertical-align: 25%; } @font-face { font-family: "Lmono10"; src: url(../fonts/Lmono10-Regular.ttf); font-style: normal; font-weight: normal; } @font-face { font-family: "Lmono10"; src: url(../fonts/Lmmono10-Italic.ttf); font-style: italic; font-weight: normal; } @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; } h1,h2,h3,h4,h5,h6 { page-break-after:auto; -epub-hyphens: none !important; adobe-hyphenate: none !important; hyphens: none !important; page-break-after: auto !important; } .h1 { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 320%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0em; text-align: center; } .h2 { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 180%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .h2a { font-family: "Lmono10", sans-serif; font-weight: normal; font-weight: italic; font-size: 180%; line-height: 1em; letter-spacing: 0.05em; margin-top: 1em; margin-bottom: 1em; text-align: center; } .h2b { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 180%; line-height: 1em; margin-top: 1em; margin-bottom: 1em; padding-bottom: 0.2em; border-bottom: #555555 dotted 0.1em; text-indent: 0em; text-align: left; } .h2r { font-family: "PTSans", sans-serif; font-style: italic; font-size: 150%; line-height: 1em; letter-spacing: 0.05em; margin-top: 1em; margin-bottom: 1em; text-align: center; } .h2ra { page-break-before: always; font-family: "PTSans", sans-serif; font-style: italic; font-size: 150%; line-height: 1em; letter-spacing: 0.05em; margin-top: 1em; margin-bottom: 1em; text-align: center; } .h2i { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 150%; line-height: 1em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } .h3 { page-break-before: always; font-family: "PTSans", sans-serif; font-size: 120%; font-weight: bold; line-height: 1em; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .h3i { font-family: "PTSans", sans-serif; font-size: 120%; font-weight: bold; line-height: 1em; margin-top: 1em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .pub { margin-top: 3em; margin-bottom: 0.3em; text-align: center; } .author { font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 1.5em; margin-bottom: 0.5em; text-align: center; } .subtitle { font-family: "PTSans", sans-serif; font-weight: bold; font-size: 90%; margin-top: 0em; margin-bottom: 1.5em; text-align: center; } .toca { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 85%; margin-top: 0.8em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .toci { font-family: "PTSans", sans-serif; font-size: 85%; margin-top: 0.3em; margin-bottom: 0.3em; text-indent: 0em; text-align: left; } .tocb { font-family: "PTSans", sans-serif; font-size: 85%; margin-top: 0.3em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .seclist { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 110%; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .seclist1 { font-family: "Lmono10", sans-serif; font-weight: normal; font-size: 110%; margin-top: 1em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .sublist { font-family: "PTSans", sans-serif; font-size: 80%; margin-top: 0em; margin-bottom: 1em; text-indent: 0em; text-align: left; } .noindent { font-size: 100%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .address { font-family: "PTSans", sans-serif; color: #8b909a; font-size: 90%; margin-top: 0.1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .intro { font-family: "PTSans", sans-serif; font-size: 105%; line-height: 1.7; margin-top: 0.8em; margin-bottom: 0.1em; text-align: center; } .sidebox { font-family: "PTSans", sans-serif; border: solid #81badd 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox1 { font-family: "PTSans", sans-serif; border: solid #d7f0fd 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox2 { font-family: "PTSans", sans-serif; border: solid #b2d7c4 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox3 { font-family: "PTSans", sans-serif; border: solid #deecdb 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox4 { font-family: "PTSans", sans-serif; border: solid #c79bc1 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox5 { font-family: "PTSans", sans-serif; border: solid #e0d5ea 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox6 { font-family: "PTSans", sans-serif; border: solid #fac5b1 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox7 { font-family: "PTSans", sans-serif; border: solid #fde1d3 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox8 { font-family: "PTSans", sans-serif; border: solid #f7b1c2 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox9 { font-family: "PTSans", sans-serif; border: solid #fde7e8 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebox10 { font-family: "PTSans", sans-serif; border: solid #98d1cc 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 0.3em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebar { font-family: "PTSans", sans-serif; border: solid #f89f75 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 85%; padding: 0.75em; text-align: left; } .sidebar1 { font-family: "PTSans", sans-serif; border: solid #c7a9d0 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebar2 { font-family: "PTSans", sans-serif; border: solid #c7e4c5 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebar3 { font-family: "PTSans", sans-serif; border: solid #fad1d9 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 80%; padding: 0.75em; text-align: left; } .sidebar4 { font-family: "PTSans", sans-serif; border: solid #ffefc7 0.2em; border-radius: 1em; page-break-inside: auto; margin-top: 1.5em; margin-bottom: 1.5em; font-size: 80%; padding: 0.75em; text-align: left; } .stitle { font-family: "Lmono10", sans-serif; font-weight: bold; font-size: 150%; line-height: 1em; margin-top: 0.3em; margin-bottom: 0.7em; text-indent: 0em; text-align: left; } .sblist { margin-top: 1em; margin-bottom: 0em; margin-left: 0.7em; text-indent: -0.7em; text-align: left; } .shead { font-family: "PTSans", sans-serif; font-size: 115%; font-weight: bold; margin-top: 0em; margin-bottom: 0em; text-indent: 0em; text-align: left; } .stext { margin-top: 0.3em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .copy { font-size: 90%; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0em; text-align: left; } .indexmain1 { font-family: "PTSans", sans-serif; font-size: 90%; font-weight: bold; margin-top: 1em; margin-bottom: 0.1em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .indexmain { font-family: "PTSans", sans-serif; font-size: 90%; margin-top: 0em; margin-bottom: 0em; text-indent: -1.5em; margin-left: 1.5em; text-align: left; } .bg { font-size: 140%; } .g1 { color: #808285; } .c1 { color: #f8955b; } .c1a { color: #f89f69; } .c1b { color: #f89f7f; } .c2 { color: #c7a9d0; } .c2a { color: #ccb1d5; } .c2b { color: #ccb1de; } .c3 { color: #a7cd9f; } .c3a { color: #a5d5a5; } .c3b { color: #9cd19d; } .c4 { color: #f586a1; } .c4a { color: #f491a9; } .c4b { color: #f492b3; } .c5 { color: #ffd685; } .c5a { color: #fcd264; } .c5b { color: #ffda7d; } .c6 { color: #008ec4; } .c7 { color: #71dbf8; } .c8 { color: #00a472; } .c9 { color: #99cb8f; } .c10 { color: #a44d93; } .c11 { color: #c7b2d6; } .c12 { color: #f26541; } .c13 { color: #f3a784; } .c14 { color: #f06dbd; } .c15 { color: #f1a4b5; } .c16 { color: #2cb0ae; } .bg1 { margin: 0em; padding: 0.5em; color: #000000; background-color: #b7d4e7; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg2 { margin: 0em; padding: 0.5em; color: #000000; background-color: #e1f4fd; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg3 { margin: 0em; padding: 0.5em; color: #000000; background-color: #c2dece; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg4 { margin: 0em; padding: 0.5em; color: #000000; background-color: #e4f0e2; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg5 { margin: 0em; padding: 0.5em; color: #000000; background-color: #ddc5dc; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg6 { margin: 0em; padding: 0.5em; color: #000000; background-color: #ede7f3; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg7 { margin: 0em; padding: 0.5em; color: #000000; background-color: #fdd3bf; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg8 { margin: 0em; padding: 0.5em; color: #000000; background-color: #fee8dc; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg9 { margin: 0em; padding: 0.5em; color: #000000; background-color: #fbd5dd; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg10 { margin: 0em; padding: 0.5em; color: #000000; background-color: #feecec; border: solid #FFFFFF 0.1em; border-radius: 1em; } .bg11 { margin: 0em; padding: 0.5em; color: #000000; background-color: #c6e4e0; border: solid #FFFFFF 0.1em; border-radius: 1em; } .small { font-family: "PTSans", sans-serif; font-weight: normal; font-size: 50%; } aside { display: block; } 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 inline Images*/ .in20 { width: 25%; } .in80 { width: 100%; } /* For Landscape Images (width or without caption) */ .land100a { margin: 0em; text-align: center; } .land100a img { width: 100%; } .land100 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land100 img { width: 100%; } .land85 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land85 img { width: 85%; } .land70 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land70 img { width: 70%; } .land60 { margin-top: 1em; margin-bottom: 0.1em; text-align: center; } .land60 img { width: 60%; } .land50 { margin: 0em; text-align: center; } .land50 img { width: 40%; } /* Portrait Images - width or without Caption */ .portvh98 { margin: 0em; text-align: center; height: 98%; } .vh98 { height: 100%; } .vh98:only-of-type { height: 98vh; } .portvh80 { margin: 0em; text-align: center; height: 80%; } .vh80 { height: 80%; } .vh80:only-of-type { height: 80vh; }