add javascript for zooming images
[mysocials] / www / zoom / zoom.css
1 /* zoom any image */\r
2 .zoom {display:inline-block;}\r
3 #zoomLoading {position:absolute; display:block; opacity:0.5; filter:alpha(opacity=50);}\r
4 .zoomX {position:absolute; top:50px; left:50px; width:34px; height:34px; background-image:url(../zoom/zoom-x.png); cursor:pointer; background-repeat:no-repeat; background-position:0 0;}\r
5 * html .zoomX {background-image:url(../zoom/zoom-x.gif);}\r
6 .zoomX:hover {background-position:0 -34px;}\r
7 .zoomPic {position:absolute; display:block; top:-9999px; left:0; cursor:pointer;}\r
8 .zoomShadow {position:absolute; left:0; top:-9999px;}\r
9 .zoomShadow table {width:auto; height:auto; border:0; border-collapse:collapse; border-spacing:0;}\r
10 .zoomShadow td {margin:0; padding:0; border:0;}\r
11 .zoomShadow b {display:block; width:10px; height:10px; overflow:hidden;}\r
12 .zoomBase {position:relative; width:10px; height:10px; margin:0; padding:0; background:#000;}\r
13 .zs1 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat 0 0;}\r
14 * html .zs1 {background:url(../zoom/zoom-shadow.gif) no-repeat 0 0;}\r
15 .zs2 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat -10px 0;}\r
16 * html .zs2 {background:url(../zoom/zoom-shadow.gif) no-repeat -10px 0;}\r
17 .zs3 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat 0 -10px;}\r
18 * html .zs3 {background:url(../zoom/zoom-shadow.gif) no-repeat 0 -10px;}\r
19 .zs4 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat -10px -10px;}\r
20 * html .zs4 {background:url(../zoom/zoom-shadow.gif) no-repeat -10px -10px;}\r
21 .zh1 {height:10px; background:url(../zoom/zoom-shadow.png) repeat-x 0 -20px;}\r
22 * html .zh1 {background:url(../zoom/zoom-shadow.gif) repeat-x 0 -20px;}\r
23 .zh2 {height:10px; background:url(../zoom/zoom-shadow.png) repeat-x 0 -30px;}\r
24 * html .zh2 {background:url(../zoom/zoom-shadow.gif) repeat-x 0 -30px;}\r
25 .zv1 {width:10px; background:url(../zoom/zoom-shadow.png) repeat-y 0 -40px;}\r
26 * html .zv1 {background:url(../zoom/zoom-shadow.gif) repeat-y 0 -40px;}\r
27 .zv2 {width:10px; background:url(../zoom/zoom-shadow.png) repeat-y -10px -40px;}\r
28 * html .zv2 {background:url(../zoom/zoom-shadow.gif) repeat-y -10px -40px;}\r
29 \r
30 * html .selOff {visibility:hidden;}\r
31 \r
32 .bigGrey {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80);}