basic.css 889 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .dropzone, .dropzone * {
  2. box-sizing: border-box;
  3. }
  4. .dropzone {
  5. position: relative;
  6. }
  7. .dropzone .dz-preview {
  8. position: relative;
  9. display: inline-block;
  10. width: 120px;
  11. margin: 0.5em;
  12. }
  13. .dropzone .dz-preview .dz-progress {
  14. display: block;
  15. height: 15px;
  16. border: 1px solid #aaa;
  17. }
  18. .dropzone .dz-preview .dz-progress .dz-upload {
  19. display: block;
  20. height: 100%;
  21. width: 0;
  22. background: green;
  23. }
  24. .dropzone .dz-preview .dz-error-message {
  25. color: red;
  26. display: none;
  27. }
  28. .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  29. display: block;
  30. }
  31. .dropzone .dz-preview.dz-success .dz-success-mark {
  32. display: block;
  33. }
  34. .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  35. position: absolute;
  36. display: none;
  37. left: 30px;
  38. top: 30px;
  39. width: 54px;
  40. height: 58px;
  41. left: 50%;
  42. margin-left: -27px;
  43. }