#lp{
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/texture.png);
z-index: 4000;
}
#topnavbar{
position: absolute;
width: 20%;
height: 5%;
background-color: rgba(0,0,0,0.7);
z-index: 50;
right: 0;
top: 1%;
left: 0;
margin: auto;
border-radius: 7px;
border: 1px solid #ccc;
}
.navbuttons{
width: 20%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
position: absolute;
}
.prev_nav_button{
position: absolute;
left: 0;
width: 30%;
height: 100%;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/prev.svg);
background-position: center center;
background-repeat: no-repeat;
}
.next_nav_button{
position: absolute;
right: 0;
width: 30%;
height: 100%;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/right.svg);
background-position: center center;
background-repeat: no-repeat;
}
.navbuttons2{
background-position: 0 0;
position: absolute;
width: 40px;
height:100%;
top: 0;
bottom: 0;
margin: auto;
right: 5%;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/close.svg);
background-repeat: no-repeat;
background-position: center center;
}
#lp-book{
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/texture.png);
background-color: #404040;
position: absolute;
width:100%;
height:100%
}
#lp-left{
position: absolute;
}
#lp-inner-left{
position: absolute;
overflow: hidden;
-moz-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-o-user-select: none;
}
#lp-inner-2-left{
position: absolute;
overflow: hidden;
}
#lp-right-page{
position: absolute;
background-color: #ffffff;
}
#lp-left-page{
position: absolute;
background-color: #ffffff;
}
#lp-clip {
position: absolute;
width: 100%;
height: 100%;
}
#lp-clip-shadow{
position: absolute;
overflow: hidden;
background:-moz-linear-gradient(right, rgba(0,0,0, 0) 1%, rgba(104,102,102,0.5));
background:-webkit-linear-gradient(right,rgba(0,0,0,0) 1%,rgba(25,25,25,0.3));
}
#lp-clip2 {
position: absolute;
background-color: #ffffff;
width: 100%;
height: 100%;
}
#lp-right-clip2 {
position: absolute;
background-color: white;
-webkit-backface-visibility:hidden; backface-visibility:hidden;
}
#lp-right-clip {
position: absolute;
}
#lp-inner-clip {
position: absolute;
overflow: hidden;
background-color: #ffffff;
}
#lp-right-inner-clip {
position: absolute;
background-color: white;
}
#lp-right{
position: absolute;
left: 50%;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
}
#lp-inner-right{
position: absolute;
overflow: hidden;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
#lp-inner-2-right{
position: absolute;
overflow: hidden;
}
#lp-shadow{
width:40px;
height: 100%;
position: absolute;
}
#shadow{
width: 40px;
height: 100%;
background-color: yellow;
position: absolute;
}
#lp-shadow2-bad{
width:1%;
height: 100%;
position: absolute;
left: 240px;
background-color: red;
} .thumbnail-holder-left{
position: absolute;
height: 100%;
width: 50%;
left: 0%;
outline:none;
background-color: white;
border-right: 2px solid rgba(255, 255, 255, 0.2);
display: none;
}
.thumbnail-holder-right{
position: absolute;
height: 100%;
width: 50%;
right: 0%;
background-color: white;
border-left: 2px solid rgba(0, 0, 0, 0.5);
display: none;
}
#nextthumbnail{
width: 2%;
position: absolute;
left: 47%;
background-color: rgba(0, 0, 0, 0.96); border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding-left: 2%;
padding-right: 3.5%;
z-index: 10;
top: -35%;
height: 35%;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image:url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/up.svg);
}
#showPage{
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 5%;
font-size: 24px;
margin: auto;
color: white;
font-weight: bolder;
}
#page-number{
color: white;
position: absolute;
left: 20%;
font-weight: bold;
}
#menu{
top: 100%;
left:27%;
position: absolute;
background-color: rgba(0, 0, 0, 0.7); border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding-left: 20%;
padding-right: 20%;
padding-top: 0%;
padding-bottom: 2%;
}
#menu-options{
width: 5%;
height: 4%;
background-color: #666;
background-color: rgba(0, 0, 0, 0.7); position: absolute;
top: -4%;
left: 44.5%;
bottom: 1%;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
z-index: 10;
}
#thumbnails{
width: 100%;
height: 10%;
background-color: rgba(25, 25, 25, 0.5); position: absolute;
top: 100%;
left: 0%;
bottom: 1%;
z-index: 10;
padding-bottom: 
}
.thumbnail-final{
height:100%;
width: 15%;
position: absolute;
}
.inner_thumbnail{
width: 90%;
height: 90%;
position: absolute;
left: 10%;
top: 7%;
} .outer_thumbnail{
width: 100%;
height: 100%;
position: relative;
} .nopicture{
width: 0%;
height: 0%;
display: none;
} .thumbnails-nav{
width: 87%;
height: 85%;
position: absolute;
left: 7%;
} .thumbnails-nav-current{
width: 94.5%;
height: 100%;
position: absolute;
left: -2%;
}
.thumbnails-nav-next{
width: 15%;
height: 100%;
position: absolute;
z-index: 10;
left: 120%;
opacity: 1.0;
}
.thumbnails-nav-prev{
width: 15%;
height: 100%;
position: absolute;
z-index: 10;
left: -15%;
}
.current-page-thumbnail{
height: 100%;
width: 60%;
position: absolute;
left: 10%;
}
.prev-page-thumbnail{
height: 100%;
width: 10%;
position: absolute;
right: 10%;
display: none;
}
.next-page-thumbnail{
height: 100%;
width: 9%;
position: absolute;
left: 10%;
display: none;
}
#first-page{
padding: 1%;
top: 30%;
left: 0%;
position: absolute;
background-color: rgba(0, 0, 0, 1); border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#last-page{
padding: 1%;
top: 30%;
position: absolute;
right: 0%;
background-color: rgba(0, 0, 0, 1); border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
#goto{
color: black;
width: 50%;
}
#next-thumb-page{
padding: 1%;
top: 0;
bottom: 0;
position: absolute;
right: 1%;
width: 10px;
height: 10px;
margin: auto;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/next_white.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1000;
}
#prev-thumb-page{
padding: 1%;
top: 0;
left: 1%;
bottom: 0;
margin: auto;
position: absolute;
width: 10px;
height: 10px;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/previous_white.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1000;
}
#next-page{
padding: 1%;
top: 30%;
left: 3%;
position: absolute;
background-color: green;
}
#prev-page{
padding: 1%;
top: 30%;
padding: 1%;
position: absolute;
right: 3%;
background-color: yellow;
}
#prevbtn{
position: absolute;
top:0;
left: 1%;
bottom: 0;
margin: auto;
border-top-right-radius: 50%;
border-bottom-right-radius:50%;
z-index: 10;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/previous_white.svg);
background-size: 100% 100%;
width: 1%;
padding: 1%;
height: 10%;
background-repeat: no-repeat;
}
#nextbtn{
position: absolute;
top:0;
right: 1%;
bottom: 0;
margin: auto;
border-top-left-radius: 100%;
border-bottom-left-radius:100%;
padding: 1%;
z-index: 10;
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/next_white.svg);
width: 1%;
height: 10%;
}
#nextbook{
background-color: purple;
position: absolute;
width:100%;
height: 400px;
left: 100%;
margin-left: 5%;
}
#nextbook2{
background-color: purple;
position: absolute;
width:100%;
height: 400px;
left: 100%;
margin-left: 5%;
}
#left-shadow{
height: 100%;
width: 3%;
position: absolute;
left: 0%;
z-index: 0;
background:-moz-linear-gradient(right, rgba(0,0,0, 0) 1%, rgba(104,102,102,0.5)); 
background:-webkit-linear-gradient(right,rgba(0,0,0,0) 1%,rgba(25,25,25,0.3)); 
}
#right-shadow{
height: 100%;
width: 3%;
position: absolute;
right: 0%;
z-index: 0;
background:-moz-linear-gradient(left, rgba(0,0,0, 0) 1%, rgba(104,102,102,0.5)); 
background:-webkit-linear-gradient(left,rgba(0,0,0,0) 1%, rgba(25,25,25,0.3));
}
#top-left-shadow{
height: 100%;
width: 3%;
position: absolute;
right: 100%;
z-index: 0;
background:-moz-linear-gradient(right, rgba(0,0,0, 0) 1%, rgba(104,102,102,0.5)); 
background:-webkit-linear-gradient(right,rgba(0,0,0,0) 1%,rgba(25,25,25,0.3)); 
}
#top-right-shadow{
height: 200%;
width: 20%;
position: absolute;
right: 0%;
z-index: 10;
background:-moz-linear-gradient(left, rgba(0,0,0, 0) 1%, rgba(104,102,102,0.5));
background:-webkit-linear-gradient(left,rgba(0,0,0,0) 1%, rgba(25,25,25,0.3));
background-color: black;
}
#top-right-shadow2{
height: 100%;
width: 3%;
position: absolute;
right: 97%;
z-index: 10;
background:-moz-linear-gradient(right, rgba(0,0,0, 0) 1%, rgba(104,102,102,0.5));
background:-webkit-linear-gradient(right,rgba(0,0,0,0) 1%, rgba(25,25,25,0.3));
} .mouse_over_thumbnail{
background-color: rgba(0,0,0,0);
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
}
.mouse_out_thumbnail{
background-color: rgba(0,0,0,.4);
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
} #bookcontainer{
display: none;
}
#lpcontainer{
display: none;
}
.pageContent{
width: 100%;
height: 100%;
}
.spinner{
position: relative;
width: 5%;
height: 5%;
margin: auto 0;
position: absolute;
top:0;
bottom:0; 
left:0;
right:0;
margin:auto;
}
.thumbnail-spinner{
width: 100%;
height: 100%;
}
.thumbnail-spinner-inner{
width: 30%;
height: 20%;
position: absolute;
top:0;
bottom:0; 
left:0;
right:0;
margin:auto;
}
#instructions{
color: white;
background-color:rgba(0,0,0,0.3);
border: 2px solid white;
border-radius: 5%;
width: 50%;
height: 20%;
position: absolute;
left: 10%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
padding: 3%;
font-weight: bold;
font-size: 12px;
}
.thumbnail-page{
color: #000000;
background-color:white;
border: 0px solid black;
border-radius: 10%;
width: 50%;
height: 30%;
position: absolute;
left: 10%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
padding-bottom: 20%;
padding-top: 5%;
padding-left: 0%;
padding-right:0%;
font-weight: bold;
font-size: 17px;
z-index: 10;
text-align: center;
}
.thumbnail-play{
width:300px;
height:400px;
background-color:rgba(0,0,0,0.7);
background-image:url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/play.svg);
background-size: 50% 30%;
background-position: center 90%;
background-repeat: no-repeat;
text-align: center;
font-size: 12px;
color: white;
font-weight: bolder;
z-index: 100;
position: absolute;
top: 0;
left: 0;
}
.thumbnail-play:hover{
background-color:rgba(0,0,0,0.9);
}
.canvasWrapper{
background-color: white;
}
.zoomRagePage{
height: 100%;
width: 90%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
#pageNumber {
width: 10%;
height: 50%;
font-size: 10px;
background-color: white;
top: 0;
bottom: 0;
left: 0;
margin: auto;
border: 0;
position: absolute;
}
#nextNav{
background-image:url(//www.jemisonwindowanddoor.com/wp-content/plugins/wppdf/images/play.svg);
width: 100px;
height: 100px;
}
.zoom-slider{
width: 30%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
padding: 5px;
}
.zoom-slider input{
width:100%;
height: 80%;
}
.loading{
position: absolute;
width: 100%;
height: 100%;
z-index: 500;
right: 0;
top: 0%;
left: 0;
margin: auto;
background-color: rgba(0,0,0,1);
}
.loading img{
position: absolute;
width: 100px;
height: 100px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}