120 lines
2.0 KiB
CSS
Executable File
120 lines
2.0 KiB
CSS
Executable File
.zoomPad{
|
|
position:relative;
|
|
float:left;
|
|
z-index:99;
|
|
cursor:crosshair;
|
|
}
|
|
|
|
|
|
.zoomPreload{
|
|
-moz-opacity:0.8;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity = 80);
|
|
color: #333;
|
|
font-size: 12px;
|
|
font-family: Tahoma;
|
|
text-decoration: none;
|
|
border: 1px solid #CCC;
|
|
background-color: white;
|
|
padding: 8px;
|
|
text-align:center;
|
|
background-image: url(zoomloader.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: 43px 30px;
|
|
z-index:110;
|
|
width:90px;
|
|
height:43px;
|
|
position:absolute;
|
|
top:0px;
|
|
left:0px;
|
|
* width:100px;
|
|
* height:49px;
|
|
}
|
|
|
|
|
|
.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;
|
|
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;
|
|
z-index:10000;
|
|
z-index:110;
|
|
}
|
|
.zoomWrapper{
|
|
position:relative;
|
|
border:1px solid #999;
|
|
z-index:110;
|
|
}
|
|
.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
|
|
/*********************************************************/ |