PK oa, mimetypeapplication/epub+zipPK V\j~ ~ - META-INF/com.apple.ibooks.display-options.xml
PK оO META-INF/container.xml
PK Z OPS/css/main.css@charset "utf-8";
@namespace epub 'http://www.idpf.org/2007/ops';
/* Remove margin for WebKit-based reading systems.
*/
body {
margin: 0;
}
/* Disable hyphenation for headings to avoid single-syllable-lines.
*/
h1,
h2 {
-epub-hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
/* Set the minimum amount of lines to show up on a seperate page. (There is not much support for this at the moment.)
*/
p,
blockquote {
orphans: 2;
widows: 2;
}
/* Turn on hyphenation for paragraphs and captions only.
*/
p,
figcaption {
-epub-hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* Shortcodes for page-break rules.
Use data attributes to designate if and how the page should be broken before, inside or after an element.
*/
h1, h2, h3, h4, h5, h6,
table, img, figure, video,
[data-page-break~=inside][data-page-break~=avoid] { page-break-inside: avoid; }
[data-page-break~=after] { page-break-after: always; }
h1, h2, h3, h4, h5, h6,
[data-page-break~=after][data-page-break~=avoid] { page-break-after: avoid; }
[data-page-break~=before] { page-break-before: always; }
[data-page-break~=before][data-page-break~=avoid] { page-break-before: avoid; }
img[data-page-break~=before] { page-break-before: left; }
/* Custom Styles
*/
PK f
f
OPS/css/cssstyles.css
/*body must match the viewport tag in XHTML file*/
body {
width: 1003px;
height: 1417px;
margin: 0;
}
/*Background Image Placement*/
.backgroundImage {
position: absolute;
margin: 0;
z-index: 0;
top: 0px;
left: 0px;
}
.backgroundImage img {
width: 1003px;
height: 1417px;
top: 0px;
left: 0px;
max-height: 1003px;
max-height: 1417px;
}
@-webkit-keyframes viewShow /* Safari and Chrome */
{
from { visibility: visible; opacity: 0; }
to { visibility: visible; opacity: 1; }
}
@-webkit-keyframes viewHide /* Safari and Chrome */
{
from { visibility: visible; opacity: 1;}
to { visibility: visible; opacity: 0;}
}
.searchViewShow {
-webkit-animation: viewShow 0.5s;
-webkit-animation-direction: alternate;
border-color: white;
visibility: visible;
}
.searchViewHide {
-webkit-animation: viewHide 0.5s;
-webkit-animation-direction: alternate;
visibility: hidden;
}
#searchView {
position: absolute;
top: 660px;
left: 130px;
width: 300px;
height: 30px;
border-style: solid;
border-width: 2px;
-webkit-border-radius: 10px;
}
.searchText {
position: absolute;
top: 5px;
left: 10px;
width: 65%;
height: 15px;
}
.externalLink {
position: absolute;
left: 100px;
top: 100px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
.linkTitle {
color: white;
vertical-align: middle;
font-size: x-large;
}
.gotoPageLink {
position: absolute;
left: 100px;
top: 150px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
.emailLink {
position: absolute;
left: 100px;
top: 200px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
.audioLink {
position: absolute;
left: 100px;
top: 250px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
.videoLink {
position: absolute;
left: 100px;
top: 300px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
#videoWindow {
position: absolute;
left: 140px;
top: 340px;
width: 300px;
height:200px;
}
.imageLink {
position: absolute;
left: 100px;
top: 350px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
#imageWindow {
position: absolute;
left: 100px;
top: 420px;
width: 400px;
height: 300px;
overflow: hidden;
border-color: white;
border-style: solid;
border-width: 2px;
-webkit-border-radius: 10px;
}
.messageLink {
position: absolute;
left: 100px;
top: 400px;
width: 400px;
height: 30px;
background-color: red;
opacity: 0.5;
text-align: center;
}
.popupWindow {
position: absolute;
left: 100px;
top: 420px;
width: 400px;
height: 300px;
overflow: scroll;
text-align: left;
background-color: #333333;
border-color: #7f7f7f;
border-style: solid;
border-width: 5px;
-webkit-border-radius: 10px;
}
.popupWindow textarea{
background-color: #333333;
color: white;
border-style: none;
margin: 20px, 20px, 20px, 20px;
width: 100%;
height: 100%;
}
#closeButton {
position: absolute;
width: 50px;
height: 50px;
}
#messageWindow span{
position: relative;
top: 10px;
left: 10px;
color: white;
margin-right: 30px;
word-break: break-all;
display: inline-block;
}
#modalLayer {
position: absolute;
left: 0px;
top: 0px;
width: 1003px;
height: 1417px;
margin: 0;
background-color: red;
}PK eBNV&