jquery.zsign.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .zsign .panel
  2. {
  3. position: absolute;
  4. top: 8px;
  5. right: 8px;
  6. }
  7. .zsign .btn
  8. {
  9. display: inline-block;
  10. padding: 4px 10px 4px;
  11. margin-bottom: 0;
  12. font-size: 13px;
  13. line-height: 18px;
  14. color: #333;
  15. text-align: center;
  16. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  17. vertical-align: middle;
  18. background-color: whiteSmoke;
  19. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
  20. background-repeat: repeat-x;
  21. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  22. border: 1px solid #CCC;
  23. border-bottom-color: #B3B3B3;
  24. -webkit-border-radius: 4px;
  25. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  26. cursor: pointer;
  27. -webkit-user-select: none;
  28. }
  29. .zsign .btn:hover
  30. {
  31. color: #333;
  32. text-decoration: none;
  33. background-color: #E6E6E6;
  34. background-position: 0 -15px;
  35. -webkit-transition: background-position 0.1s linear;
  36. }
  37. .zsign .btn[disabled]
  38. {
  39. cursor: default;
  40. background-image: none;
  41. background-color: #E6E6E6;
  42. opacity: 0.65;
  43. filter: alpha(opacity=65);
  44. -webkit-box-shadow: none;
  45. -moz-box-shadow: none;
  46. box-shadow: none;
  47. }
  48. .zsign .cursor
  49. {
  50. cursor: none;
  51. }
  52. .zsign .show
  53. {
  54. display: block;
  55. }
  56. .zsign .hide
  57. {
  58. display: none;
  59. }
  60. .zsign .sign
  61. {
  62. position: absolute;
  63. cursor: move;
  64. border: 1px dashed #ccc;
  65. padding: 8px;
  66. display: -webkit-box;
  67. -webkit-box-pack: center;
  68. -webkit-box-align: center;
  69. }
  70. .zsign .sign.ok
  71. {
  72. cursor: default;
  73. border-color:transparent;
  74. }
  75. .zsign .sign img
  76. {
  77. max-height: 100%;
  78. max-width: 100%;
  79. }
  80. .zsign .sign .btn
  81. {
  82. padding: 2px 6px;
  83. font-size: 11px;
  84. line-height: 14px;
  85. position: absolute;
  86. }
  87. .zsign .sign .btn.del
  88. {
  89. bottom: 4px;
  90. right: 4px;
  91. }
  92. .zsign .sign .btn.ok
  93. {
  94. bottom: 4px;
  95. right: 50px;