xp-dev.com Git - namibia/blob - public/css/vendor/jquery.jqzoom.css

   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 }
 107
 108 .zoomIframe{
 109   z-index: -1;
 110   filter:alpha(opacity=0);
 111   -moz-opacity: 0.80;
 112   opacity: 0.80;
 113   position:absolute;
 114   display:block;
 115 }
 116
 117 /*********************************************************
 118 / When clicking on thumbs jqzoom will add the class
 119 / "zoomThumbActive" on the anchor selected
 120 /*********************************************************/
 121
 122 /*set a border on the images to prevent shifting*/
 123   #gallery_01 img{border:2px solid white;}
 124
 125   /*Change the colour*/
 126   .active img{border:2px solid #333 !important;}
 127
 128
 129
 130 .photos-form .img-polaroid{
 131         width:14.6% !important;
 132 }