jquery.Jcrop.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /* jquery.Jcrop.css
  2. The code contained in this file is free software under MIT License
  3. Copyright (c)2008-2011 Tapmodo Interactive LLC
  4. */
  5. /*
  6. The outer-most container in a typical Jcrop instance
  7. If you are having difficulty with formatting related to styles
  8. on a parent element, place any fixes here or in a like selector
  9. */
  10. .jcrop-holder {
  11. direction: ltr;
  12. text-align: left;
  13. }
  14. .jcrop-vline, .jcrop-hline {
  15. background: white url('%webroot%/apps/contacts/img/Jcrop.gif') top left repeat;
  16. font-size: 0px;
  17. position: absolute;
  18. }
  19. .jcrop-vline {
  20. height: 100%;
  21. width: 1px !important;
  22. }
  23. .jcrop-hline {
  24. width: 100%;
  25. height: 1px !important;
  26. }
  27. .jcrop-vline.right {
  28. right: 0px;
  29. }
  30. .jcrop-hline.bottom {
  31. bottom: 0px;
  32. }
  33. .jcrop-handle {
  34. background-color: #333;
  35. border: 1px #eee solid;
  36. font-size: 1px;
  37. }
  38. .jcrop-tracker {
  39. height: 100%;
  40. -webkit-tap-highlight-color: transparent; /* "turn off" link highlight */
  41. -webkit-touch-callout: none; /* disable callout, image save panel */
  42. -webkit-user-select: none; /* disable cut copy paste */
  43. width: 100%;
  44. }
  45. /*
  46. */
  47. .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
  48. background: white;
  49. filter: Alpha(opacity=70) !important;
  50. opacity: .70 !important;
  51. }
  52. .jcrop-light .jcrop-handle {
  53. background-color: black;
  54. border-color: white;
  55. border-radius: 3px;
  56. -moz-border-radius: 3px;
  57. -webkit-border-radius: 3px;
  58. }
  59. .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
  60. background: black;
  61. filter: Alpha(opacity=70) !important;
  62. opacity: 0.70 !important;
  63. }
  64. .jcrop-dark .jcrop-handle {
  65. background-color: white;
  66. border-color: black;
  67. border-radius: 3px;
  68. -moz-border-radius: 3px;
  69. -webkit-border-radius: 3px;
  70. }