add javascript for zooming images

[mysocials] / www / zoom / zoom.css

diff --git a/www/zoom/zoom.css b/www/zoom/zoom.css
new file mode 100644 (file)
index 0000000..b4081eb
--- /dev/null
+++ b/www/zoom/zoom.css
@@ -0,0 +1,32 @@
+/* zoom any image */\r
+.zoom {display:inline-block;}\r
+#zoomLoading {position:absolute; display:block; opacity:0.5; filter:alpha(opacity=50);}\r
+.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
+* html .zoomX {background-image:url(../zoom/zoom-x.gif);}\r
+.zoomX:hover {background-position:0 -34px;}\r
+.zoomPic {position:absolute; display:block; top:-9999px; left:0; cursor:pointer;}\r
+.zoomShadow {position:absolute; left:0; top:-9999px;}\r
+.zoomShadow table {width:auto; height:auto; border:0; border-collapse:collapse; border-spacing:0;}\r
+.zoomShadow td {margin:0; padding:0; border:0;}\r
+.zoomShadow b {display:block; width:10px; height:10px; overflow:hidden;}\r
+.zoomBase {position:relative; width:10px; height:10px; margin:0; padding:0; background:#000;}\r
+.zs1 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat 0 0;}\r
+* html .zs1 {background:url(../zoom/zoom-shadow.gif) no-repeat 0 0;}\r
+.zs2 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat -10px 0;}\r
+* html .zs2 {background:url(../zoom/zoom-shadow.gif) no-repeat -10px 0;}\r
+.zs3 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat 0 -10px;}\r
+* html .zs3 {background:url(../zoom/zoom-shadow.gif) no-repeat 0 -10px;}\r
+.zs4 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat -10px -10px;}\r
+* html .zs4 {background:url(../zoom/zoom-shadow.gif) no-repeat -10px -10px;}\r
+.zh1 {height:10px; background:url(../zoom/zoom-shadow.png) repeat-x 0 -20px;}\r
+* html .zh1 {background:url(../zoom/zoom-shadow.gif) repeat-x 0 -20px;}\r
+.zh2 {height:10px; background:url(../zoom/zoom-shadow.png) repeat-x 0 -30px;}\r
+* html .zh2 {background:url(../zoom/zoom-shadow.gif) repeat-x 0 -30px;}\r
+.zv1 {width:10px; background:url(../zoom/zoom-shadow.png) repeat-y 0 -40px;}\r
+* html .zv1 {background:url(../zoom/zoom-shadow.gif) repeat-y 0 -40px;}\r
+.zv2 {width:10px; background:url(../zoom/zoom-shadow.png) repeat-y -10px -40px;}\r
+* html .zv2 {background:url(../zoom/zoom-shadow.gif) repeat-y -10px -40px;}\r
+\r
+* html .selOff {visibility:hidden;}\r
+\r
+.bigGrey {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80);}
\ No newline at end of file