body { margin: 20px; -webkit-hyphens:none; -epub-hyphens:none; } /* ---- EMBEDDED FONTS examples ---- */ @font-face { font-family: "Swiss721Bold"; src: url("../fonts/Swiss721Bold.otf"); font-weight: bold; } @font-face { font-family: "Swiss721Light"; src: url("../fonts/Swiss721Light.otf"); font-weight: normal; } /* -------------- Kids Styles, Reflow Picture books -------------- */ /*---- div image_wrap contains the image and the text ----*/ div.image_wrap { vertical-align: top; text-align: center; page-break-after: always; /*remove pagebreak if pages are in separate html files*/ page-break-inside: avoid; } /* ---- TEXT STYLES ---- */ p { margin: 0; font-family:"Router", sans-serif; text-align:left; font-size: 1.2em; line-height: 1.4em; } /* ---- Do not add styles; only change code that is different from the default p tag---- ---- Entire children's book will have one p style, indent or no indent */ /*(running_first) style is followed by indented text only*/ p.running_first { margin: 2em 0 0 0; } p.running_top { margin: 2em 0 1em 0; } p.running_text { margin: 0 0 1em 0; } /* The next set are indented text; never add bottom margin when there is indented text Use (running_first_indent) with header above it */ p.running_top_indent { text-indent: 1.5em; margin: 2em 0 0 0; } p.running_text_indent { text-indent: 1.5em; } .right {margin-top: 2em; text-align:right; } .display_type { font-size: 1.4em; margin-left: 3em; font-family:"Router", sans-serif; font-style: italic; } span.dropcap { font-size: 2.2em; line-height: 0.9em; font-family:"RouterMedium", sans-serif; } span.dropcap2 { font-size: 2.2em; line-height: 0.9em; font-family:"RouterMedium", sans-serif; } span.big { font-size: 1.4em; margin-top: 2em; font-family:"RouterMedium", sans-serif; } .clear {clear: both} .pagebreak { page-break-before: always; } /* -------------- Headings -------------- */ h1 { font-family:"Swiss721Bold"; text-align: center; margin-top: 15%; margin-bottom: 0em; } h2 { text-align: center; margin-top: 1em; } h3 { text-align: left; margin-top: 2em; margin-bottom:0em; font-family:"RouterMedium", sans-serif; } /* -------------- Cover -------------- */ div.coverpage { text-align: center; max-width: 100%; } /* -------------- Dedication -------------- */ .dedication { padding-top: 5%; font-size: 1em; font-family:"Router", sans-serif; } /* -------------- Copyright -------------- */ div#copyright { font-size: 0.8em; font-family:"Swiss721Light", sans-serif; line-height: 1.2em; text-align: left; } div#copyright p { font-family:"Swiss721Light"; margin-top: 2em; margin-bottom: 1em; } /* -------------- Title page IMAGE, no live text -------------- */ .title_page { text-align: center; margin-top: 0; } /* -------------- Author page -------------- */ p.author { margin-top: 2em; } /* -------------- Parts/Sections -------------- */ hr { border: 0; color: black; background-color: black; height: 2px; text-align: center; } /* -------------- Images -------------- */ p.image { margin: 0; text-align: center; } img.vertical { height: 100%; width: auto; } img.horizontal { max-width: 100%; height: auto; } .floatleft { float: left; margin: 10px 10px 10px 0; } .floatright { float: right; margin: 10px 0 10px 10px; } img.inline { vertical-align: middle; } /* Colored Text - do not add colors, simply change the RGB for these */ a {text-decoration: none; color: RGB(0,157,224);} span.red {color: RGB(240,78,35);} span.yellow {color: RGB(87,92,2);} span.blue {color: RGB(0,173,226);} span.orange {color: RGB(247,149,61);} span.green {color: RGB(141,198,63);} span.pink {color: RGB(255,153,204);} span.purple {color: RGB(204,153,255);} span.gray {color: RGB(153,153,153);}