jquery.jqzoom.css 2.2 KB

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