cropper_style.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .cropit-image-preview {
  2. background-color: #f8f8f8;
  3. background-size: cover;
  4. cursor: move;
  5. }
  6. .avatar-image {
  7. margin-top: 7px;
  8. width: 200px;
  9. height: 200px;
  10. }
  11. .category-image {
  12. margin-top: 7px;
  13. width: 300px;
  14. height: 300px;
  15. }
  16. .headimage-image {
  17. margin-top: 7px;
  18. width: 97.5%;
  19. height: 200px;
  20. }
  21. .design-image {
  22. margin-top: 7px;
  23. width: 400px;
  24. height: 400px;
  25. }
  26. .design-image {
  27. margin-top: 7px;
  28. width: 400px;
  29. height: 400px;
  30. }
  31. .galery-image {
  32. margin-top: 7px;
  33. width: 400px;
  34. height: 400px;
  35. }
  36. #avatar-range {width: 240px;}
  37. #category-range {width: 340px;}
  38. #headimage-range {width: 100%;}
  39. #design-range {width: 440px;}
  40. #galery-range {width: 440px;}
  41. #fuploadAvatar {max-width: 240px;}
  42. #fuploadCategory {max-width: 340px;}
  43. #fuploadHeadImage {max-width: 100%;}
  44. #fuploadDesign {max-width: 440px;}
  45. #fuploadGalery {max-width: 440px;}
  46. .cropit-image-background-container {
  47. border: solid 1px rgb(224,224,224);
  48. }
  49. .cropit-image-background {
  50. opacity: .2;
  51. cursor: auto;
  52. }
  53. .image-size-label {
  54. margin-top: 10px;
  55. }
  56. .cropit-image-zoom-input {
  57. margin-top: 40px;
  58. }
  59. .padded {margin-left: 20px; margin-top: 20px;}