jquery.iviewer.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .viewer {
  2. -ms-touch-action: none;
  3. }
  4. .viewer img {
  5. image-orientation: from-image;
  6. }
  7. .iviewer_common {
  8. position:absolute;
  9. bottom:10px;
  10. border: 1px solid #000;
  11. height: 28px;
  12. z-index: 5000;
  13. }
  14. .iviewer_cursor {
  15. cursor: url(img/hand.cur) 6 8, pointer;
  16. }
  17. .iviewer_drag_cursor {
  18. cursor: url(img/grab.cur) 6 8, pointer;
  19. }
  20. .iviewer_button {
  21. width: 28px;
  22. cursor: pointer;
  23. background-position: center center;
  24. background-repeat: no-repeat;
  25. }
  26. .iviewer_zoom_in {
  27. left: 20px;
  28. background: url(img/iviewer.zoom_in.gif) center center no-repeat;
  29. }
  30. .iviewer_zoom_out {
  31. left: 55px;
  32. background: url(img/iviewer.zoom_out.gif) center center no-repeat;
  33. }
  34. .iviewer_zoom_zero {
  35. left: 90px;
  36. background: url(img/iviewer.zoom_zero.gif) center center no-repeat;
  37. }
  38. .iviewer_zoom_fit {
  39. left: 125px;
  40. background: url(img/iviewer.zoom_fit.gif) center center no-repeat;
  41. }
  42. .iviewer_zoom_status {
  43. left: 160px;
  44. font: 1em/28px Sans;
  45. color: #000;
  46. background-color: #fff;
  47. text-align: center;
  48. width: 60px;
  49. }
  50. .iviewer_rotate_left {
  51. left: 227px;
  52. background: #fff url(img/iviewer.rotate_left.png) center center no-repeat;
  53. }
  54. .iviewer_rotate_right {
  55. left: 262px;
  56. background: #fff url(img/iviewer.rotate_right.png) center center no-repeat;
  57. }