/* Font styles: */ @charset "UTF-8"; /* Body style */ body{ padding:0; margin:0; } /* Audio style */ audio{ z-index:-1; } /* Page style */ div.SCPage { width: 768px; height: 1024px; position: relative; } div.SCOverlay { position: absolute; z-index: 2; width: 768px; height: 1024px; overflow: hidden; pointer-events: none; } div.SCContent { position: absolute; z-index: 1; width: 768px; height: 1024px; } /* Navigation Style */ div#SCNavigation { pointer-events: none; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; } div#SCNavigationContent { pointer-events: none; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; max-width: 948px; margin-left: auto; margin-right: auto; } div#SCNavigationLeft { pointer-events: auto; position: absolute; left: 5px; width: 68px; height: 1024px; background-image: url(../images/scnavigation-prev-btn.png); background-position: center center; background-repeat: no-repeat; } div#SCNavigationLeft:hover { background-image: url(../images/scnavigation-prev-btn-hover.png); } div#SCNavigationLeft:active { background-image: url(../images/scnavigation-prev-btn-active.png); } div#SCNavigationRight { pointer-events: auto; position: absolute; right: 5px; width: 68px; height: 1024px; background-image: url(../images/scnavigation-next-btn.png); background-position: center center; background-repeat: no-repeat; } div#SCNavigationRight:hover { background-image: url(../images/scnavigation-next-btn-hover.png); } div#SCNavigationRight:active { background-image: url(../images/scnavigation-next-btn-active.png); } div#SCNavigationBottom { position: absolute; bottom: 20px; } span#SCNavigationBottom_PageLabel { font-family: Helvetica, Arial, sans-serif; font-weight: bolder; font-size: 12px; color: #888; } /* Utility Styles */ #SCFirstFakeReadAloudDiv { display: none; } .hidden { display:none; } /* SCRectangle Style */ .SCRectangle { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Read Aloud Styles */ .-epub-media-overlay-active { background-color: rgba(43,118,179,0.6078431) !important; } span.-epub-media-overlay-active { background-color: rgba(43,118,179,0.6078431) !important; } span.-epub-media-overlay-active > span { background-color: rgba(43,118,179,0.6078431) !important; } /* SCPhotoGallery Styles */ .SCPhotoGallery { position: absolute; display: none; z-index: 1; box-sizing: border-box; } .SCPhotoGallery p.SCPhotoGalleryTitleDefault { margin: 0; padding: 6px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 2; } .SCPhotoGallery p.SCPhotoGalleryTitleDefault span { display:table-cell; height: 45px; vertical-align:middle; display:table; } .SCPhotoGallery .icons { position: absolute; right: 0; top: 3px; z-index: 3; display:block; } .SCPhotoGallery .icon-fullscreen { position: relative; right: 0px; margin-right: 5px; top: 0px; float: right; width: 50px; height: 50px; z-index: 4; display:none; } .SCPhotoGallery .icon-index { position: relative; right: 0px; margin-right: 5px; top: 0px; float: right; width: 50px; height: 50px; z-index: 4; display:none; } .SCPhotoGallery .swiper-container { left: 0px; } .SCPhotoGallery .swiper-slide { display: table; } .SCPhotoGallery figure { width: 100%; padding: 0; margin: 0; text-align: center; display: table-cell; vertical-align: middle; } .SCPhotoGallery .swiper-slide img { vertical-align:middle; max-width: 100%; margin: auto; } .SCPhotoGallery figure img { padding: 0; margin: 0; text-align: center; } .SCPhotoGallery figure figcaption { margin: 0; padding-top: 6px; padding-bottom: 6px; position: absolute; bottom: 0px; } .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:absolute !important; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .SCPhotoGallery .paginationContainer { position: absolute; bottom: -95px; left: 0px; height: 95px; margin-top: 20px; overflow: hidden; z-index: 2; } .SCPhotoGallery .overflowContainer { position: absolute; bottom: 0px; padding-left: 0px; text-align: center; height: 80px; margin: 0px 55px 0px 55px; display: inline; overflow-y: hidden; overflow-x: auto; } .SCPhotoGallery .pagination { position: relative; text-align: center; height: 60px; white-space: nowrap; } .SCPhotoGallery .overflowContainer::-webkit-scrollbar { display: none; } .SCPhotoGallery .pagination ul { list-style: none; margin: 0; padding: 0; } .SCPhotoGallery .pagination li { display: inline-block; width: 80px; height: 60px; border-radius: 2px; margin: 10px; margin: 0 3px; text-align: center; cursor: pointer; overflow: hidden; } .SCPhotoGallery .pagination li.active { border: 2px solid yellow; box-sizing: border-box; } /* SCQuiz Styles */ .SCQuiz ol { margin: 0px; } .SCQuiz .question p { margin-top: 0px; margin-bottom: 0.5em; } .SCQuiz .practicediv { margin: 0px; } .SCQuiz .title { margin-bottom: 0.5em; } .SCAnimationFrame { position: absolute; top: 0px; width: 100%; height: 100%; } /* Custom CSS Styles */ /* Start of Default SCText Styles */ body { font-family: helvetica, arial, sans-serif; } .SCText p, h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, sans-serif; margin: 0px; padding: 0px; line-height: 1; } .SCText p { font-size: 16px; font-weight: normal; } .SCText h1, h2, h3, h4, h5, h6 { font-weight: bolder; } .SCText h1 { font-size: 36px; } .SCText h2 { font-size: 24px; } .SCText h3 { font-size: 21px; } .SCText h4 { font-size: 18px; } .SCText h5 { font-size: 16px; } .SCText h6 { font-size: 14px; } /* End of Default SCText Styles */ /* Insert your Text Styles Formats below */ .SCText span.Add-Margin { margin: 10px; } .SCText span.Float-Left { float: left; } .SCText span.Float-Right { float: right; } .SCText span.Shadowed { text-shadow: #000000 1px 1px 2px; } .SCText span.Vertical-Align-Middle { display: inline-block; vertical-align: middle; } /* Enter your custom styles below */ /* STYLES EXTRACTED FROM TEXT OBJECTS */ /* STYLES EXTRACTED FROM TEXT OBJECTS */