Subversion-Projekte lars-tiefland.shop_ns

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
4 lars 1 
.zoomPad{
2 
    position:relative;
3 
    float:left;
4 
    z-index:99;
5 
    cursor:crosshair;
6 
}
7 
 
8 
 
9 
.zoomPreload{
10 
   -moz-opacity:0.8;
11 
   opacity: 0.8;
12 
   filter: alpha(opacity = 80);
13 
   color: #333;
14 
   font-size: 12px;
15 
   font-family: Tahoma;
16 
   text-decoration: none;
17 
   border: 1px solid #CCC;
18 
   background-color: white;
19 
   padding: 8px;
20 
   text-align:center;
21 
   background-image: url(../images/zoomloader.gif);
22 
   background-repeat: no-repeat;
23 
   background-position: 43px 30px;
24 
   z-index:110;
25 
   width:90px;
26 
   height:43px;
27 
   position:absolute;
28 
   top:0px;
29 
   left:0px;
30 
    * width:100px;
31 
    * height:49px;
32 
}
33 
 
34 
 
35 
.zoomPup{
36 
    overflow:hidden;
37 
    background-color: #FFF;
38 
    -moz-opacity:0.6;
39 
    opacity: 0.6;
40 
    filter: alpha(opacity = 60);
41 
    z-index:120;
42 
    position:absolute;
43 
    border:1px solid #CCC;
44 
    z-index:101;
45 
    cursor:crosshair;
46 
}
47 
 
48 
.zoomOverlay{
49 
    position:absolute;
50 
    left:0px;
51 
    top:0px;
52 
    background:#FFF;
53 
    /*opacity:0.5;*/
54 
    z-index:5000;
55 
    width:100%;
56 
    height:100%;
57 
    display:none;
58 
  z-index:101;
59 
}
60 
 
61 
.zoomWindow{
62 
    position:absolute;
63 
    left:110%;
64 
    top:40px;
65 
    background:#FFF;
66 
    z-index:6000;
67 
    height:auto;
68 
  z-index:10000;
69 
  z-index:110;
70 
}
71 
.zoomWrapper{
72 
    position:relative;
73 
    border:1px solid #999;
74 
  z-index:110;
75 
}
76 
.zoomWrapperTitle{
77 
    display:block;
78 
    background:#999;
79 
    color:#FFF;
80 
    height:18px;
81 
    line-height:18px;
82 
    width:100%;
83 
    overflow:hidden;
84 
    text-align:center;
85 
    font-size:10px;
86 
    position:absolute;
87 
    top:0px;
88 
    left:0px;
89 
    z-index:120;
90 
    -moz-opacity:0.6;
91 
    opacity: 0.6;
92 
    filter: alpha(opacity = 60);
93 
}
94 
.zoomWrapperImage{
95 
    display:block;
96 
    position:relative;
97 
    overflow:hidden;
98 
    z-index:110;
99 
 
100 
}
101 
.zoomWrapperImage img{
102 
    border:0px;
103 
    display:block;
104 
    position:absolute;
105 
    z-index:101;
106 
    margin-top:19px;
107 
}
108 
 
109 
.zoomIframe{
110 
    z-index: -1;
111 
    filter:alpha(opacity=0);
112 
    -moz-opacity: 0.80;
113 
    opacity: 0.80;
114 
    position:absolute;
115 
    display:block;
116 
}
117 
 
118 
/*********************************************************
119 
/ When clicking on thumbs jqzoom will add the class
120 
/ "zoomThumbActive" on the anchor selected
121 
/*********************************************************/