| Current Path : /var/www/cesa.co.za/AnnualReview20132014/mobile/styles/ |
| Current File : /var/www/cesa.co.za/AnnualReview20132014/mobile/styles/style.css |
body, h2, p {
margin: 0;
padding: 0;
}
body {
background-color: #444;
color: #333;
font-family: Helvetica, sans-serif;
}
#book {
/* background: url("book.png") no-repeat;*/
position: absolute;
width: 830px;
height: 260px;
left: 50%;
top: 50%;
/*margin-left: -400px;
margin-top: -125px;*/
}
#pages section {
/*background: url("paper.png") no-repeat;*/
display: block;
width: 400px;
height: 250px;
position: absolute;
left: 415px;
top: 5px;
overflow: hidden;
}
#pages section>div {
display: block;
width: 400px;
height: 250px;
font-size: 12px;
}
#pages section p,
#pages section h2 {
padding: 3px 35px;
line-height: 1.4em;
text-align: justify;
}
#pages section h2{
margin: 15px 0 10px;
}
#pageflip-canvas {
position: absolute;
z-index: 100;
}
.fbBookPages{
display: block;
overflow: hidden;
height:100%;
width:100%;
margin:auto;
position: absolute;
left:20px;
top:20px;
}
.fbStage{
margin:auto;
text-align:center;
height:100%;
width:100%;
}
.fbPageLoading{
height:100%;
width:100%;
background:url("progress.gif") no-repeat center center;
}
.fbBook{
position: absolute;
text-align:center;
position:relative;
}
.fbToolBar{
text-align:right;
border-left-width: 0;
border-right-width: 0;
overflow: hidden;
position: absolute;
z-index: 2000;
text-shadow: 0 -1px 1px #000000;
font-family: Verdana,sans-serif;
font-size: 12px;
bottom: 0px;
left: 0px;
right: 0px;
color: white;
height: 33px;
background-color: #111111;
background: gradient(linear, left top, left bottom, from(#333333), to(black));
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(black));
background: -moz-linear-gradient(top, #333333, black);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='black');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='black');
opacity: 0.95;
}
.fbToolBar button {
width: 45px;
height: 33px;
padding: 2px;
margin: 1px 0 0 3px;
border-top: 1px solid #8c8c8c;
border-bottom: 1px solid #333333;
border-left: 1px solid #666666;
border-right: 1px solid #404040;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #404040;
background: gradient(linear, left top, left bottom, from(#4d4d4d), to(#333333));
background: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#333333));
background: -moz-linear-gradient(top, #4d4d4d, #333333);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#333333');
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#333333');
}