121 lines
2.0 KiB
CSS
121 lines
2.0 KiB
CSS
.zoomPad{
|
|
position:relative;
|
|
|
|
z-index:99;
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
.zoomPreload{
|
|
-moz-opacity:0.8;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity = 80);
|
|
|
|
|
|
border: 1px solid #CCC;
|
|
background-color: white;
|
|
padding: 8px;
|
|
text-align:center;
|
|
background-image: url('/images/frontend/theme/default2/loading_gallery.gif');
|
|
background-repeat: no-repeat;
|
|
background-position: 15px 15px;
|
|
z-index:110;
|
|
width:45px;
|
|
height:45px;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
}
|
|
|
|
|
|
.zoomPup{
|
|
overflow:hidden;
|
|
background-color: #FFF;
|
|
-moz-opacity:0.6;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity = 60);
|
|
z-index:120;
|
|
position:absolute;
|
|
border:1px solid #CCC;
|
|
margin: 0px auto;
|
|
z-index:101;
|
|
cursor:crosshair;
|
|
}
|
|
|
|
.zoomOverlay{
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
background:#FFF;
|
|
/*opacity:0.5;*/
|
|
z-index:5000;
|
|
width:100%;
|
|
height:100%;
|
|
display:none;
|
|
z-index:101;
|
|
}
|
|
|
|
.zoomWindow{
|
|
|
|
position:absolute;
|
|
left:110%;
|
|
top:40px;
|
|
background:#FFF;
|
|
z-index:6000;
|
|
height:auto;
|
|
width: 100%;
|
|
|
|
z-index:10000;
|
|
z-index:110;
|
|
}
|
|
.zoomWrapper{
|
|
position:relative;
|
|
border: 1px solid #ccc;
|
|
z-index:110;
|
|
cursor:pointer !important;
|
|
margin: 0px auto;
|
|
}
|
|
.zoomWrapperTitle{
|
|
display:block;
|
|
background:#999;
|
|
color:#FFF;
|
|
height:18px;
|
|
line-height:18px;
|
|
width:100%;
|
|
overflow:hidden;
|
|
text-align:center;
|
|
font-size:10px;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
z-index:120;
|
|
-moz-opacity:0.6;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity = 60);
|
|
}
|
|
.zoomWrapperImage{
|
|
display:block;
|
|
position:relative;
|
|
overflow:hidden;
|
|
z-index:110;
|
|
}
|
|
.zoomWrapperImage img{
|
|
border:0px;
|
|
display:block;
|
|
position:absolute;
|
|
z-index:101;
|
|
}
|
|
|
|
.zoomIframe{
|
|
z-index: -1;
|
|
filter:alpha(opacity=0);
|
|
-moz-opacity: 0.80;
|
|
opacity: 0.80;
|
|
position:absolute;
|
|
display:block;
|
|
}
|
|
|
|
/*********************************************************
|
|
/ When clicking on thumbs jqzoom will add the class
|
|
/ "zoomThumbActive" on the anchor selected
|
|
/*********************************************************/ |