dropzone.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. @charset "UTF-8";
  2. /*========================================================
  3. DARK LAYOUT
  4. =========================================================*/
  5. .dropzone {
  6. min-height: 350px;
  7. border: 2px dashed #5c6bc6;
  8. background: #f8f8f8;
  9. }
  10. .dropzone .dz-message {
  11. font-size: 2rem;
  12. position: absolute;
  13. top: 50%;
  14. left: 0;
  15. width: 100%;
  16. height: 300px;
  17. margin-top: -30px;
  18. color: #5c6bc6;
  19. text-align: center;
  20. }
  21. .dropzone .dz-message:before {
  22. content: "\E864";
  23. font-family: "feather";
  24. font-size: 80px;
  25. position: absolute;
  26. top: 48px;
  27. width: 80px;
  28. height: 80px;
  29. display: inline-block;
  30. left: 50%;
  31. margin-left: -40px;
  32. line-height: 1;
  33. z-index: 2;
  34. color: #5c6bc6;
  35. text-indent: 0px;
  36. font-weight: normal;
  37. -webkit-font-smoothing: antialiased;
  38. }
  39. .dropzone .dz-preview {
  40. background: transparent;
  41. }
  42. .dropzone .dz-preview .dz-error-mark,
  43. .dropzone .dz-preview .dz-success-mark {
  44. background-image: url(/images/spritemap.png?7b51acacc1feb8be0580e8467a4d306b);
  45. }
  46. .dropzone .dz-preview .dz-error-message {
  47. min-width: 113px;
  48. top: 0;
  49. left: 0;
  50. }
  51. .dropzone .dz-preview .dz-remove {
  52. font-size: 1.1rem;
  53. color: #ea5455;
  54. line-height: 2rem;
  55. }
  56. .dropzone .dz-preview .dz-remove:before {
  57. content: "\E8F6";
  58. font-family: "feather";
  59. display: inline-block;
  60. line-height: 1;
  61. z-index: 2;
  62. text-indent: 0px;
  63. font-weight: normal;
  64. -webkit-font-smoothing: antialiased;
  65. }
  66. .dropzone .dz-preview .dz-remove:hover {
  67. text-decoration: none;
  68. color: #e42728;
  69. }
  70. @media (max-width: 576px) {
  71. .dropzone .dz-message:before {
  72. top: 7.14rem;
  73. }
  74. }