/*-----------------------------------------------------------------------------------------
* General
-----------------------------------------------------------------------------------------*/
.wp-booklet-container-dark {
position:relative;
}
.wp-booklet-container-dark,
.wp-booklet-container-dark * {
box-sizing:content-box;
-moz-box-sizing:content-box;
}
/*-----------------------------------------------------------------------------------------
* jQuery Booklet
* Copyright (c) 2010 - 2013 William Grauvogel (http://builtbywill.com/). Licensed MIT
* Modified by BinaryStash
-----------------------------------------------------------------------------------------*/
.wp-booklet-dark {
width: 800px;
height: 600px;
position: relative;
margin: 0 auto 10px;
overflow: visible !important;
z-index: 1;
}
.wp-booklet-dark .page {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
box-sizing:border-box;
}
.wp-booklet-dark .b-page {
left: 0;
top: 0;
position: absolute;
overflow: hidden;
padding: 0;
outline: 1px solid transparent;
}
/* Page wrappers */
.wp-booklet-dark .b-wrap {
top: 0;
position: absolute;
}
.wp-booklet-dark .b-wrap-left {
background: #363636
}
.wp-booklet-dark .b-wrap-right {
background: #363636
}
.wp-booklet-dark .b-pN .b-wrap,
.wp-booklet-dark .b-p1 .b-wrap,
.wp-booklet-dark .b-p2 .b-wrap,
.wp-booklet-dark .b-p3 .b-wrap,
.wp-booklet-dark .b-p4 .b-wrap {
left: 0
}
.wp-booklet-dark .b-p0 .b-wrap {
right: 0
}
/* Custom Page Types */
.wp-booklet-dark .b-page-blank {
padding: 0;
width: 100%;
height: 100%;
}
.wp-booklet-dark .b-page-cover {
padding: 0;
width: 100%;
height: 100%;
background: #925C0E;
}
.wp-booklet-dark .b-page-cover h3 {
color: #fff;
text-shadow: 0px 1px 3px #222;
}
/* Page Numbers */
.wp-booklet-dark .b-counter {
bottom: 10px;
position: absolute;
display: block;
width: 25px;
height: 20px;
background: #000;
color: #9dbcbd;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
padding: 5px 0 0;
}
.wp-booklet-dark .b-wrap-left .b-counter {
left: 10px
}
.wp-booklet-dark .b-wrap-right .b-counter {
right: 10px
}
/* Page Shadows */
.wp-booklet-dark .b-shadow-f {
right: 0;
top: 0;
position: absolute;
opacity: 0;
background-image: url("images/shadow-top-forward.png");
background-repeat: repeat-y;
background-position: 100% 0;
}
.wp-booklet-dark .b-shadow-b {
left: 0;
top: 0;
position: absolute;
opacity: 0;
background-image: url("images/shadow-top-back.png");
background-repeat: repeat-y;
background-position: 0 0;
}
.wp-booklet-dark .b-p0 {
background-image: url("images/shadow.png");
background-repeat: repeat-y;
background-position: 100% 10px;
}
.wp-booklet-dark .b-p3 {
background-image: url("images/shadow.png");
background-repeat: repeat-y;
background-position: 0 10px;
}
/* Overlay Controls */
.wp-booklet-dark .b-grab {
cursor: url("images/openhand.cur"), default
}
.wp-booklet-dark .b-grabbing {
cursor: url("images/closedhand.cur"), default
}
/* Overlay Controls */
.wp-booklet-dark .b-overlay {
top: 0;
position: absolute;
height: 100%;
width: 50%;
}
.wp-booklet-dark .b-overlay-prev {
left: 0
}
.wp-booklet-dark .b-overlay-next {
right: 0
}
/* Tab Controls */
.wp-booklet-dark .b-tab {
background: #000;
height: 40px;
width: 100%;
padding: 10px 0 0;
text-align: center;
color: #ccc;
position: absolute;
font-size: 11px;
}
.wp-booklet-dark .b-tab-prev {
left: 0
}
.wp-booklet-dark .b-tab-next {
right: 0
}
.wp-booklet-dark .b-tab:hover {
background: #aaa;
color: #000;
}
/* Arrow Controls */
.wp-booklet-dark .b-arrow {
display: block;
position: absolute;
text-indent: -9999px;
top: 0;
height: 100%;
width: 74px;
}
.wp-booklet-dark .b-arrow div {
display: none;
text-indent: -9999px;
height: 46px;
width: 45px;
position: absolute;
left: 0;
top: 50%;
margin-top:-23px;
background:url("images/booklet-arrows.png");
}
.wp-booklet-dark .b-arrow-next {
right: -75px
}
.wp-booklet-dark .b-arrow-prev {
left: -46px
}
.wp-booklet-dark .b-arrow-next div {
background-position:-45px 0;
}
.wp-booklet-dark .b-arrow-prev div {
background-position:0 0;
}
body {
z-index: 0
}
.wp-booklet-dark .b-menu {
z-index: 100
}
.wp-booklet-dark .b-selector {
z-index: 100
}
.wp-booklet-dark .booklet {
z-index: 10
}
.wp-booklet-dark .b-pN {
z-index: 10
}
.wp-booklet-dark .b-p0 {
z-index: 30
}
.wp-booklet-dark .b-p1 {
z-index: 20
}
.wp-booklet-dark .b-p2 {
z-index: 20
}
.wp-booklet-dark .b-p3 {
z-index: 30
}
.wp-booklet-dark .b-p4 {
z-index: 10
}
.wp-booklet-dark .b-prev {
z-index: 40
}
.wp-booklet-dark .b-next {
z-index: 40
}
.wp-booklet-dark .b-counter {
z-index: 40
}
/* Menu Items */
.wp-booklet-dark .b-menu {
height: 40px;
padding: 0 0 10px;
}
.wp-booklet-dark .b-selector {
height: 40px;
position: relative;
float: right;
border: none;
color: #cecece;
cursor: pointer;
font: normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wp-booklet-dark .b-selector .b-current {
padding: 8px 15px 12px;
line-height: 20px;
min-width: 18px;
height: 20px;
display: block;
background: #000;
text-align: center;
}
.wp-booklet-dark .b-selector-page {
width: auto;
margin-left: 15px;
}
.wp-booklet-dark .b-selector-chapter {
width: auto
}
.wp-booklet-dark .b-selector:hover {
color: #fff;
background-position: left 0px;
}
.wp-booklet-dark .b-selector:hover .b-current {
background-position: right 0px
}
.wp-booklet-dark .b-selector ul {
overflow: hidden;
margin: 0;
list-style: none !important;
position: absolute;
top: 40px;
right: 0;
padding: 0 0 10px;
background: #000;
width: 240px;
}
.wp-booklet-dark .b-selector li {
border: none
}
.wp-booklet-dark .b-selector a {
color: #cecece;
height: 14px;
text-decoration: none;
display: block;
padding: 5px 10px;
}
.wp-booklet-dark .b-selector a .b-text {
float: left;
clear: none;
}
.wp-booklet-dark .b-selector a .b-num {
float: right;
clear: none;
}
.wp-booklet-dark .b-selector a:hover {
color: #fff
}
/* Images */
.wp-booklet-container-dark .page img {
width:100%;
}
/*-----------------------------------------------------------------------------------------
* jQuery Carousel
-----------------------------------------------------------------------------------------*/
.wp-booklet-thumbs-dark {
padding:10px;
margin: 20px auto;
position: relative;
background:#363636;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel {
overflow: hidden;
position: relative;
width: 100%;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel ul:after {
clear:both;
content:"";
width:100%;
display:block;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel ul {
margin-left:0 !important;
list-style:none !important;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel a img {
cursor:pointer;
opacity:0.5;
filter:alpha(opacity=50);
width:100%;
border:1px solid #fff;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel a {
display:block;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel a.selected img{
opacity:1;
filter:alpha(opacity=100);
}
.wp-booklet-thumbs-dark .wp-booklet-carousel ul {
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
width: 20000em;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel li {
-moz-box-sizing: border-box;
border: 1px solid #FFFFFF;
float: left;
width: 80px;
height:auto;
position:relative;
overflow:hidden;
margin:0 18px
}
.wp-booklet-thumbs-dark .wp-booklet-carousel img {
display: block;
width:auto;
max-width:none;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel-prev, .wp-booklet-thumbs-dark .wp-booklet-carousel-next {
background: url("images/carousel-arrows.png");
height: 25px;
margin-top: -12px;
position: absolute;
text-align: center;
border:0;
top: 50%;
width: 25px;
outline:none;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel-prev {
background-position:0 0;
left: -30px;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel-next {
background-position:-25px 0;
right: -30px;
}
.wp-booklet-thumbs-dark .wp-booklet-carousel-prev.inactive,
.wp-booklet-thumbs-dark .wp-booklet-carousel-next.inactive {
display:none;
}
.wp-booklet-thumbs-dark[dir=rtl] li {
float: right;
}
/*-----------------------------------------------------------------------------------------
* Booklet popup
-----------------------------------------------------------------------------------------*/
html.wpbooklet-image-popup-active {
overflow:hidden;
}
.wpbooklet-image-popup-overlay-dark {
top:0;
left:0;
position:fixed;
width:100%;
height:100%;
background:url("images/overlay.png");
overflow:scroll;
text-align:center;
z-index:999;
}
.wpbooklet-image-popup-overlay-dark .wpbooklet-image-popup-content {
position:relative;
margin:40px auto 40px auto;
max-width:80%;
text-align:center;
color:#fff;
display:inline-block;
min-width:768px;
}
.wpbooklet-image-popup-overlay-dark .wpbooklet-image-popup-content img {
max-width:100%;
position:relative;
z-index:1;
}
.wpbooklet-image-popup-overlay-dark .wpbooklet-image-popup-close {
background:#9d9d9d;
color:#fff;
text-transform:uppercase;
padding:5px 7px;
font-size:12px;
right:0;
top:0;
position:absolute;
z-index:2;
font-family:"Arial",sans-serif;
cursor:pointer;
opacity:0.8;
background:#000;
filter:alpha(opacity=80);
}
/*-----------------------------------------------------------------------------------------
* Booklet preloader
-----------------------------------------------------------------------------------------*/
.wp-booklet-container-dark .wp-booklet-image-loader {
background:url("images/preloader.gif") center center no-repeat;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}