/*====================================================================================
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
======================================================================================
####### 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-lablledby" to "aria-label"
INTRODUCTION =
+ add id="introduction" to heading tag, if no heading change "aria-lablledby" 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-lablledby" to "aria-label"
EPILOGUE =
+ add id="epilogue" to heading tag, if no heading change "aria-lablledby" 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:
+ add id="internetsites" to heading tag
+ example:
+ 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-lablledby" 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 =
LABEL =
SOURCE NOTE IN TEXT = (note)
KEYWORDS IN TEXT = (keyword)
TABLES =
LISTS = or with (text)
FIGURES/CAPTIONS = and
FULL PAGE = (caption)
HYPERLINKS =
(text)
####### 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
####### COLOR
##############################################################
##############################################################
To check/find color contrast vist
https://webaim.org/resources/contrastchecker/
Primary: color:#1AAAA1;
Secondary: color:#c5291d;
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:right;
margin:0em;}
div.wrap_image {
text-align:right;
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*/
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.chapter_number {
text-align:center;
margin-top:.25em;
margin-bottom:2em;
font-size:2em;
line-height:1;
font-weight:bold;
font-family:serif;
color:#c5291d;}
/** Leave color as automatic if both chapter number & title are used*/
/** If book has running design heading, reduce margin-top to .25em*/
/** If book only has chapter number, reduce margin-bottom to 2em*/
h1.front_back_head {
text-align:center;
margin-top:.5em;
margin-bottom:1em;
font-size:2em;
line-height:1;
font-weight:bold;
font-family:serif;
color:#000000;}
/** Should NOT include any running design headings*/
h2.front_back_subhead {
text-align:center;
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.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;}
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 #c5291d;}
div.timebreak hr {
display: none;}
/*####### 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:#c5291d;}
/*+++++++++++++++ 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:3em;
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
#########################################################################*/
ol.toc_center {
text-align:center;
margin-bottom:1em;
margin-right:.25em;
font-size:1em;
line-height:1;}
ol.toc_center li {
margin-bottom:1em;
list-style:none;}
ol.toc_center li li {
margin-top:.5em;
margin-bottom:1em;
margin-left:1.5em;
list-style:none;}
/*####### SPAN TAGS
#################################################################*/
em, i, .italic {font-style: italic;}
strong, b, .bold {font-weight: bold;}
span.regular {
font-weight:normal;}
span.texting {
font-family:sans-serif;
color:#16667A;
font-size:95%}
span.person_texting {
font-family:sans-serif;
color:#696969;
font-size:95%}
/*####### HYPERLINKS
##################################################################*/
.hyperlink_b_red {color:#c5291d; font-weight:bold; text-decoration: none;}
a.hyperlink_b_red:link {color:#c5291d;}
a.hyperlink_b_red:active {color:#c5291d;}
a.hyperlink_b_red:visited {color:#921E16;}
/** Add color after underscore*/
/** Use in toc, glossary, source notes*/
.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:#737373;}
/*####### PAGE BREAKS
#################################################################*/
.pagebreak {
page-break-before:always;}
.pagebreak_with padding {
page-break-before:always;
padding:5%;}
/*====================================================================================
OPF TEMPLATE
======================================================================================
####### OPF CONTENT
##############################################################
##############################################################
+++++++++++++++ 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
captions
alternativeText
displayTransformability
longDescription
structuralNavigation
pageNavigationreadingOrder
tableOfContents
none
textual
visual
textual,visual
textual
OPTIONS:
index
+++++++++++++++ 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
*/