/*================================================================================
KEEP - Reset & Basics - KEEP
==================================================================================*/
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
@page {margin : 0.5em;}
tbody, thead, tfoot, tr, td, th {border-style : inherit; border-width : inherit; border-color : inherit;}
img {width:100%}
.leftFloat {float : left;}
.rightFloat {float : right;}
/*================================================================================
MISC TOOLS & INFO
==================================================================================
####### LANGUAGE & HEADINGS OF PAGES
##############################################################
##############################################################
+++++++++++++++ HEADING +++++++
*language is included
*title of section needs to be filled out
(name of section)
+++++++++++++++ LANGUAGE OPTIONS +++++++
English: en-US
English UK: en-GB
Spanish: es
####### SEMANTICS & ARIA ROLES
##############################################################
##############################################################
To find more information/options visit-
semantics: https://idpf.github.io/epub-vocabs/structure/
aria roles: https://idpf.github.io/epub-guides/epub-aria-authoring/
+++++++++++++++ PAGE BREAKS +++++++
PAGES =
+++++++++++++++ PAGE LEVEL +++++++
FRONTMATTER =
BODYMATTER =
BACKMATTER =
+++++++++++++++ SECTION LEVEL +++++++
COVER =
+ add role="doc-cover" in the tag line
HALF TITLE PAGE =
+ alt text: just title
TITLE PAGE =
+ alt text: series, title, author, illustrator
DEDICATION =
FOREWORD =
+ add id="forward" to heading tag, if no heading change "aria-labelledby" to "aria-label"
ACKNOWLEDGMENTS =
+ add id="acknowledgments" to heading tag, if no heading change "aria-labelledby" to "aria-label"
INTRODUCTION =
+ add id="introduction" to heading tag, if no heading change "aria-labelledby" to "aria-label"
PREFACE =
+ add id="preace" to heading tag, if no heading change "aria-labelledby" to "aria-label"
PARTS =
+ add id="part#" to heading tag
CHAPTERS =
+ add id="chapter#" to heading tag
CONCLUSION =
+ add id="conclusion" to heading tag, if no heading change "aria-labelledby" to "aria-label"
EPILOGUE =
+ add id="epilogue" to heading tag, if no heading change "aria-labelledby" to "aria-label"
NOTE FROM AUTHOR =
+ add id="afterword" to heading tag, if no heading change "aria-labelledby" to "aria-label"
TIMELINES =
+ add id="timeline" to heading tag
+ example:
(date) (text)
AUTHOR/ILLUSTRATOR =
+ add id="acknowledgments_(author/illustrator)" to heading tag
GLOSSARY =
+ add id="glossary" to heading tag
+ example:
text (pronounciation) —
text
DISCUSSION & WRITING PROMPTS =
+ add id="(page title)" to heading tag
+ example:
(text)
READ MORE =
+ add id="readmore" to heading tag
+ example:
(text)
INTERNET SITES =
+ add id="internetsites" to heading tag
+ example:
(text)
BIBLIOGRAPHIES =
+ add id="bibliography" to heading tag
+ example:
(text)
SOURCE NOTES =
+ add id="sourcenote" to heading tag
+ example:
note#: (text)
MISC. PAGES =
+ add id="(page title)" to heading tag, if no heading change "aria-labelledby" to "aria-label"
RECIPES/ACTIVITES =
+ add id="(page title)" to heading tag
+ example:
Supplies:
Directions:
(text)
ASSESSMENT (QUIZ) =
+ add id="(page title)" to heading tag
Q&A =
+ add id="(page title)" to heading tag
OTHER BOOKS =
+ be sure that all of this section is in same xhtml page
INDEX =
+ add id="index" to heading tag
+ example:
COPYRIGHT =
BACK COVER = just use page level semantics
TOC =
+ add id="toc" to heading tag
LANDMARKS =
+ example:
Cover
Title Page
Table of Contents
Start of Content
Main Body
Backmatter
Acknowledgments
Glossary
Bibliography
Index
PAGE LIST =
+ example:
cover
1
3
2
back cover
+++++++++++++++ DETAIL LEVEL +++++++
TIMEBREAK =
PULL QUOTES =
SIDEBARS =
FACT BOX & TIPS =
LABEL =
SOURCE NOTE IN TEXT = (note)
KEYWORDS IN TEXT = (keyword)
TABLES =
LISTS = or with (text)
FIGURES/CAPTIONS = and
FULL PAGE = (caption)
HYPERLINKS =
(text)
####### COLOR
##############################################################
##############################################################
To check/find color contrast vist
https://webaim.org/resources/contrastchecker/
Primary: color:#1AAAA1;
Secondary & Hyperlinks: color:#2BBBB2;
Visited Hyperlinks (darker version of hyperlink color): color:#166966;
*/
/*================================================================================
CSS CODE
==================================================================================*/
/*####### IMAGES
##############################################################*/
/*+++++++++++++++ FULL PAGE IMAGES +++++++*/
figure.frame_fullpage {
margin:0em;
padding:0em;
text-align:center;
page-break-after:always;
page-break-before:always;}
div.wrap_fullpage {
text-align:center;
text-indent:0em;}
img.fullpage {
height:95%;
width:auto;}
/*+++++++++++++++ REGULAR IMAGES +++++++*/
figure.frame_image {
text-align:center;
margin:0em;}
div.wrap_image {
text-align:center;
text-indent:0em;
padding-top:0em;
padding-bottom:0em;}
/** If image is a running image above chapters,
etc. then make the top and bottom padding 0em*/
div.wrap_image_caption {
text-align:center;
text-indent:0em;
padding-top:1.5em;
padding-bottom:.25em;}
img.image_40 {
width:40%;}
img.image_50 {
width:50%;}
img.image_60 {
width:60%;}
img.image_70 {
width:70%;}
img.image_80 {
width:80%;}
img.image_95 {
width:95%;}
/*+++++++++++++++ FLOATING IMAGES +++++++*/
/** Don't need img class with floating images*/
figure.frame_image_right_40 {
margin:0em;
padding-top:.5em;
padding-bottom:.5em;
padding-left:1em;
float:right;
width:40%;}
div.wrap_image_right {
text-align:center;
text-indent:0em;}
/*####### HEADINGS
##############################################################*/
h1.part {
text-align:center;
margin-top:2em;
margin-bottom:0em;
font-size:2.5em;
line-height:1.5;
font-weight: bold;
font-family:serif;}
/** IF PARTS IS USED, ALL HEADING TAGS WILL NEED TO BE DOWNGRADED 1 STEP*/
h1.chapter_number {
text-align:center;
margin-top:.25em;
margin-bottom:3em;
font-size:1.1em;
line-height:2;
font-weight:bold;
color:#737373;
font-family:sans-serif;}
/** Leave color as automatic if both chapter number & title are used*/
/** If book only has chapter number, increase font size to 2em, & reduce margin-bottom to 2em & line height to 1*/
/** If book has running design heading, reduce margin-top to .25em*/
span.chapter_title {
text-align:center;
font-size:2em;
line-height:1;
font-weight:bold;
font-family:sans-serif;
color:#717E11;}
/** Make chapter title the color, if applicable*/
/** Use linebreak between chapter number & title and start new line of code with the title*/
/** If book only has chapter title, add margin-top .5em, margin-bottom:2em, change span tag to h1*/
/** If book has running design heading, reduce margin-top to .25em*/
h2.subhead1 {
text-align:left;
margin-top:1em;
margin-bottom:.25em;
font-size:1.5em;
line-height:1;
font-weight:bold;
font-family:sans-serif;
color:#1AAAA1;}
/** use same color as chapter number and/or title*/
h3.subhead2 {
text-align:left;
margin-top:.75em;
margin-bottom:.125em;
font-size:1.35em;
line-height:1;
font-weight:bold;
font-family:sans-serif;
color:#000000;}
h4.subhead3 {
text-align:left;
margin-top:.75em;
margin-bottom:.125em;
font-size:1.15em;
line-height:1;
font-weight:bold;
font-family:sans-serif;
color:#737373;}
h5.sidebar_head {
text-align:left;
margin-top:0em;
margin-bottom:.25em;
font-size:1.25em;
line-height:1.5;
font-weight:bold;
font-family:sans-serif;
color:#000000;}
/** WITH box- margin-top:0em
WITHOUT box- margin-top:1em*/
h1.front_back_head {
text-align:center;
margin-top:.5em;
margin-bottom:1em;
font-size:2em;
line-height:1;
font-weight:bold;
font-family:sans-serif;
color:#000000;}
/** Should NOT include any running design headings*/
h2.front_back_subhead {
text-align:left;
margin-top:1em;
margin-bottom:.5em;
font-size:1.5em;
line-height:1;
font-weight:bold;
font-family:sans-serif;
color:#737373;}
/*####### MAIN TEXT
##############################################################*/
p.dedication {
text-align:center;
margin-top:2em;
margin-bottom:0em;
font-size:1.25em;
line-height:1.35;
font-style:italic;
font-family:serif;}
p.intro_text {
text-align:center;
margin-bottom:.75em;
text-indent:0em;
font-size:1em;
line-height:1.5;
font-family:serif;}
p.body_text {
text-align:left;
margin:0em;
text-indent:1.4em;
font-size:1em;
line-height:1.5;
font-family:serif;}
/** For larger font size, use font size 1.35em & line height 1.75*/
p.callout {
text-align:center;
margin-top:.75em;
margin-bottom:.75em;
margin-left:3em;
margin-right:3em;
text-indent:0em;
font-size:1.25em;
line-height:1.25;
font-weight:bold;
font-family:sans-serif;}
/** Use for signs or notes NOT QUOTES that stand out from body text*/
p.caption {
text-align:center;
margin-top:.25em;
margin-bottom:1.5em;
margin-left:2em;
margin-right:2em;
font-size:.8em;
line-height:1;
font-family:sans-serif;
color:#737373;}
p.quote1 {
text-align:left;
margin-top:1.5em;
margin-bottom:.25em;
margin-left:3em;
margin-right:0em;
text-indent:0em;
font-size:1em;
line-height:1.35;
font-style:italic;
font-family:serif;
color:#737373;}
p.quote2 {
text-align:left;
margin-top:1.5em;
margin-bottom:.25em;
margin-left:3em;
margin-right:0em;
text-indent:0em;
font-size:1em;
line-height:1.35;
font-style:italic;
font-family:serif;
color:#737373;}
p.quote {
text-align:left;
margin-top:0em;
margin-bottom:0em;
margin-left:3em;
margin-right:0em;
text-indent:0em;
font-size:1em;
line-height:1.35;
font-style:italic;
font-family:serif;
color:#737373;}
p.quote_source {
text-align:left;
margin-top:1.5em;
margin-bottom:0.25em;
margin-left:3em;
margin-right:0em;
text-indent:0em;
font-size:.95em;
line-height:1;
font-style:normal;
font-family:serif;
color:#737373;}
div.timebreak {
text-align: center;
display: block;
margin-left:6em;
margin-right:6em;
margin-top:1.5em;
margin-bottom:1.5em;
border-top: .15em dotted #000000;}
div.timebreak hr {
display: none;}
/*+++++++++++++++ SIDEBARS/FACTBOXES +++++++*/
.box {
margin-top:1em;
margin-bottom:1em;
padding:.25em;
background-color:#1AAAA1;}
/** For outline box- border: .09em #1AAAA1; solid;*/
p.sidebar_text {
text-align:left;
margin-top:0em;
margin-bottom:.35em;
font-size: .9em;
line-height:1.25;
font-family:sans-serif;
color:#000000;}
/**TOP MARGIN:
WITH box, no heading- margin-top: 0em
WITH box, with heading- margin-top:0em
WITHOUT box, no heading- margin-top:1em
WITHOUT box, with heading- margin-top:0em*/
/**BOTTOM MARGIN:
WITH box, 1 paragraph- margin-bottom:0em
WITH box, multiple paragraphs-
between paragraphs- margin-bottom:.35em
last paragraph- margin-bottom:0em;
WITHOUT box, 1 paragraph- margin-bottom:1em
WITHOUT box, multiple paragraph-
between paragraphs- margin-bottom:.35em
last paragraph- margin-bottom:1em;*/
/*+++++++++++++++ LISTS +++++++*/
/** Same look/style as previous paragraph*/
/** Hanging indent style & nest under paragraph*/
ol.list_number {
text-align:left;
margin-top:0em;
margin-bottom:.5em;
margin-left:3em;
font-size:1em;
line-height:1.5;
font-family:serif;
list-style-position: outside;}
ol.list_number li span {
margin-bottom:.25em;
list-style:decimal;}
ul.list_bullet {
text-align:left;
margin-top:0em;
margin-bottom:.5em;
margin-left:3em;
font-size:1em;
line-height:1.5;
font-family:serif;
list-style-position: outside;}
ul.list_bullet li span {
margin-bottom:.25em;
list-style:disc;}
/*+++++++++++++++ TABLES +++++++*/
/* Set to be 2 column chart (50/50)*/
table {
text-indent:0em;
text-align:center;
margin-top:1em;
margin-bottom:1em;
width:100%;
border-collapse:collapse;
border:#000000 .08em solid;
font-size:1em;
line-height:1.25;}
th.toprow {
text-align:center;
padding:.25em;
width:50%;
background:#CDCDCD;
border-bottom:.15em solid #000000;
color:#000000;
vertical-align:bottom;}
td.left_side {
text-align:center;
padding:.25em;
width:50%;
vertical-align:top;}
td.right_side {
text-align:left;
padding:.25em;
width:50%;
vertical-align:top;}
/*####### SPAN TAGS
#################################################################*/
em, i, .italic {font-style: italic;}
strong, b, .bold {font-weight: bold;}
span.regular {
font-weight:normal;}
/*####### BACKMATTER
##############################################################*/
p.backmatter_text {
text-align:left;
margin-top:0em;
margin-bottom:.75em;
font-size:1em;
line-height:1.5;}
p.credits {
text-align:left;
margin-top:1em;
margin-bottom:0em;
font-size:.8em;
line-height:1.3;}
/*+++++++++++++++ GLOSSARY +++++++*/
dl.glossary_list dt { /*term*/
text-align:left;
margin:0em;
font-size:1em;
line-height:1.35;
font-family:serif;
list-style-position: outside;}
dl.glossary_list dd { /*definition*/
margin-bottom:.75em;
list-style: none;}
span.pronounce {
color:#737373;}
/*+++++++++++++++ NO COUNTER LIST +++++++*/
/** Used in TIMELINES, BIBLIOGRAPHIES, READ MORE*/
/** Hanging indent style*/
ol.bm_list {
text-align:left;
margin-top:0em;
margin-bottom:0em;
margin-left:1.5em;
text-indent:-1.5em;
font-size:1em;
line-height:1.35;
font-family:serif;
list-style-position: outside;}
ol.bm_list li {
margin-bottom:.5em;
list-style:none;}
span.timeline_date {
font-weight:bold;
color:#2BBBB2;}
/*+++++++++++++++ COUNTER LIST +++++++*/
/** Used in QUESTIONS, WRITING PROMPTS, SOURCE NOTES, RECIPES*/
/** Hanging indent style*/
ol.bm_list_number {
text-align:left;
margin-top:0em;
margin-bottom:0em;
margin-left:1.5em;
font-size:1em;
line-height:1.35;
font-family:serif;
list-style-position: outside;}
ol.bm_list_number li {
margin-bottom:.5em;
list-style:decimal;}
ul.bm_list_bullet {
text-align:left;
margin-top:0em;
margin-bottom:0em;
margin-left:1.5em;
font-size:1em;
line-height:1.35;
font-family:serif;
list-style-position: outside;}
ul.bm_list_bullet li {
margin-bottom:.5em;
list-style:disc;}
/*+++++++++++++++ INDEX +++++++*/
/** Hanging indent style*/
ul.index_list {
text-align:left;
margin-top:0em;
margin-bottom:1.5em;
margin-left:0em;
font-size:1em;
line-height:1.35;
font-family:serif;
list-style-position: outside;}
ul.index_list li { /*level 1*/
margin-bottom:.25em;
margin-left:1.5em;
text-indent:-1.5em;
list-style:none;}
ul.index_list li li { /*level 2*/
margin-bottom:.25em;
margin-left:1.25em;
text-indent:-2em;
list-style:none;}
ul.index_list li li li { /*level 3*/
margin-bottom:.25em;
margin-left:1.75em;
text-indent:-2.5em;
list-style:none;}
/*####### TABLE OF CONTENTS
#########################################################################*/
/** Change to center if book only has chapter numbers*/
ol.toc_left {
text-align:left;
margin-bottom:1em;
margin-right:.25em;
font-size:1em;
line-height:1;
font-family:serif;}
ol.toc_left li {
margin-bottom:1em;
list-style:none;}
ol.toc_left li li {
margin-top:.5em;
margin-bottom:1em;
margin-left:1.5em;
list-style:none;}
/*####### HYPERLINKS
##################################################################*/
/** Use in INDEX */
/** Add color after underscore*/
/** main, link, active should be 4:5 color ratio / visted should be 6-7 color ratio*/
.hyperlink_teal {color:#2BBBB2; text-decoration:none;}
a.hyperlink_teal:link {color:#2BBBB2;}
a.hyperlink_teal:active {color:#2BBBB2;}
a.hyperlink_teal:visited {color:#166966;}
/** Use in TOC, GLOSSARY, SOURCE NOTES*/
/** Add color after underscore*/
/** main, link, active should be 4:5 color ratio / visted should be 6-7 color ratio*/
.hyperlink_b_blue {color:#717E11; font-weight:bold; text-decoration:none;}
a.hyperlink_b_blue:link {color:#717E11;}
a.hyperlink_b_blue:active {color:#717E11;}
a.hyperlink_b_blue:visited {color:#57610F;}
/** Use in KEYWORDS*/
/** Add color after underscore*/
/** main, link, active should be 4:5 color ratio / visted should be 6-7 color ratio*/
.hyperlink_bu_blue {color:#717E11; font-weight:bold; text-decoration:underline;}
a.hyperlink_bu_blue:link {color:#717E11;}
a.hyperlink_bu_blue:active {color:#717E11;}
a.hyperlink_bu_blue:visited {color:#57610F;}
.hyperlink_black {color:#000000; text-decoration:none;}
a.hyperlink_black:link {color:#000000;}
a.hyperlink_black:active {color:#000000;}
a.hyperlink_black:visited {color:#000000;}
.hyperlink_gray {color:#737373; text-decoration:none;}
a.hyperlink_gray:link {color:#737373;}
a.hyperlink_gray:active {color:#737373;}
a.hyperlink_gray:visited {color:#5C5C5C;}
/** Use in NOTES in TEXT*/
/** main, link, active should be 4:5 color ratio / visted should be 6-7 color ratio*/
.hyperlink_note {color:#717E11; vertical-align:super; font-size:80%; line-height:.25em; text-decoration:underline;}
a.hyperlink_note:link {color:#717E11;}
a.hyperlink_note:active {color:#717E11;}
a.hyperlink_note:visited {color:#57610F;}
/*####### PAGE BREAKS
#################################################################*/
.pagebreak {
page-break-before:always;}
.pagebreak_with padding {
page-break-before:always;
padding:5%;}
/*===============================================================================
OPF TEMPLATE
=================================================================================
####### OPF Style
##############################################################
##############################################################
+++++++++++++++ META DATA +++++++
HEADING TEMPLATE:
true
TITLE/SUBTITLE TEMPLATE:
The Scrumptious Life of Azaleah Lane
main
Scrumptious Life of Azaleah Lane, The
1
XXX
subtitle
Azaleah Lane
collection
Azaleah Lane: The Scrumptious Life of Azaleah Lane
extended
AUTHOR/ILLUSTRATOR TEMPLATE:
Nikki Shannon Smith
aut
Smith, Nikki Shannon
Jim Roberts
ill
Roberts, Jim
SUBJECT/DESCRIPTION TEMPLATE:
Franco Aureliani; dinosaurs; chapter books; boys; 978-1-4342-9630-6; 978-1-4342-9634-4
Dino-Mike finds a portal to the Jurassic period in this chapter book adventure! Young Michael Evens and a new friend need to return real dinosaurs to their own time period.
MISC. TEMPLATE (PUBLISHER, COPYRIGHT, LANGUAGE, CREATED DATES):
*copyright should include for text and images if 2 separate items
Capstone
2015-05-12
Copyright © 2015 by Stone Arch Books.
en-US
2015-05-12T17:01:45Z
ISBNs / VERSION TEMPLATE:
*bookid: ebook isbn
*sourceid: lead edition isbn
9781515894148
15
9781515844662
15
1.0
ACCESSIIBILITY TEMPLATE:
This publication conforms to the EPUB Accessibility specification at WCAG 2.0.
en-US
alternativeText
displayTransformability
structuralNavigation
printPageNumbers
readingOrder
tableOfContents
none
textual
visual
textual,visual
textual
OPTIONS:
index
captions
longDescription
+++++++++++++++ MANIFEST & SPINE SECTION +++++++
*No toc.ncx file in manifest
+ tag shouldn't include toc.ncx
*TOC.xhtml should have property of "nav"
+add "toc" line to the spine in correct location
*Cover in spine shouldn't include "linear="no"
*/