| Current Path : /var/www/cesa.co.za/AnnualReview2015/mobile/style/ |
| Current File : /var/www/cesa.co.za/AnnualReview2015/mobile/style/template.css |
.thumbBar {
position: absolute;
z-index: 100;
}
.outThumbBG{
position: absolute;
overflow: hidden;
/*background-color: #000000;*/
/*opacity: 0.9;*/
}
.thumbBG {
position: absolute;
/*background-color: #000000;*/
/*opacity: 0.9;*/
}
.thumbBox {
position: absolute;
}
.thumbItem {
position: absolute;
}
a, button {
cursor: pointer;
}
.numbering {
position: absolute;
}
.numberingText{
position: absolute;
}
.numberingText:after{
top: 100%;
border: 10px solid transparent;
content: " ";
width: 0;
height: 0;
position: absolute;
pointer-events: none;
}
.numberingText:after{
border-top-color: #eee;
border-width: 4px;
left: 50%;
margin-left: -4px;
opacity: 0.9;
}
.bottom.right, .bottom.right button, .bottom.right .numbering{
position: absolute;
top: 2px;
left: auto; }
a ,button{
cursor: pointer;
}
.bottom.right{
padding-right: 10px;
}
.bottom.left, .bottom.left button, .bottom.left .numbering{
position: absolute;
top: 2px;
right: auto; }
a ,button{
cursor: pointer;
}
.bottom.right{
padding-right: 10px;
}
.fbTopBar{
overflow: hidden;
position: absolute;
z-index: 99;
top: -50px;
left: 0px;
right: 0px;
height: 42px;
opacity: 0.95;
border-radius: 0px 0px 10px 10px;
}
.fbToolBar{
overflow: hidden;
position: absolute;
z-index: 99;
bottom: -45px;
left: 0px;
right: 0px;
height: 42px;
border-radius: 5px 5px 5px 5px;
/**
border-left-width: 0;
border-right-width: 0;
text-shadow: 0 -1px 1px #000000;
font-family: Verdana,sans-serif;
font-size: 12px;
color: white;
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, .fbTopBar 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'); */
}
.halfCircleBtn{
overflow: hidden;
position: absolute;
z-index: 98;
display:block;
top: -8px;
left: 0px;
right: 0px;
width:60px;
height:30px;
border-radius: 0px 0px 30px 30px;
background:#ccc;
}
.numbering{
bottom: 3px;
border-radius:5px;
}
.dock {
display: block;
margin: 0px auto;
bottom: 0px;
/*width: 100%;*/
text-align: center;
position: absolute;
/*overflow: hidden;*/
/*background:#ffff00;*/
}
.linea {
display: inline-block;
/*vertical-align: bottom;*/
margin: 0px;
padding: 0px;
position: relative;
/*overflow: visible;*/
}
.linea img {
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.3)));
-moz-box-reflect: below 1px -moz-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,0.3)));
}
.button {
width : 30px;
height : 30px;
bottom: 3px;
border-radius:5px;
position:absolute;
}
.button img {
margin-left:6px;
margin-top : 6px
}
.numInnerShadow {
background:#ffffff;
border-radius:5px;
height:18px;
width : 87px;
border-right-width:0px;
border-bottom-width:0px;
-moz-box-shadow: inset 0 0 5px #555555;
-webkit-box-shadow: inset 0 0 5px #555555;
box-shadow: inset 0 0 5px #555555;
-ms-box-shadow: inset 0 0 5px #555555;
-o-box-shadow: inset 0 0 5px #555555;
}
.searchInnerShadow {
background:#ffffff;
padding:3px;
border-radius:0px;
border-right-width:0px;
border-bottom-width:0px;
-moz-box-shadow: inset 0 0 5px #555555;
-webkit-box-shadow: inset 0 0 5px #555555;
box-shadow: inset 0 0 5px #555555;
-ms-box-shadow: inset 0 0 5px #555555;
-o-box-shadow: inset 0 0 5px #555555;
}