magnifier.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .magnifier-thumb-wrapper {
  2. position: relative;
  3. display: block;
  4. top: 0;
  5. left: 0
  6. }
  7. .magnifier-lens {
  8. position: absolute;
  9. border: solid 1px #ccc;
  10. z-index: 1000;
  11. top: 0;
  12. left: 0;
  13. overflow: hidden
  14. }
  15. .magnifier-loader {
  16. position: absolute;
  17. top: 0;
  18. left: 0;
  19. border: solid 1px #ccc;
  20. color: #fff;
  21. text-align: center;
  22. background: transparent;
  23. background: rgba(50, 50, 50, 0.5);
  24. z-index: 1000;
  25. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)";
  26. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)
  27. }
  28. .magnifier-loader-text {
  29. font: 13px Arial;
  30. margin-top: 10px
  31. }
  32. .magnifier-large {
  33. position: absolute;
  34. z-index: 100
  35. }
  36. .magnifier-preview {
  37. padding: 0;
  38. width: 100%;
  39. height: 150px;
  40. position: relative;
  41. overflow: hidden
  42. }
  43. .magnifier-preview img {
  44. position: absolute;
  45. top: 0;
  46. left: 0
  47. }
  48. .opaque {
  49. opacity: .5;
  50. filter: alpha(opacity=50);
  51. -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50)
  52. }
  53. .hidden {
  54. display: none
  55. }