basic.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. /*
  2. * The MIT License
  3. * Copyright (c) 2012 Matias Meno <m@tias.me>
  4. */
  5. .dropzone, .dropzone * {
  6. box-sizing: border-box; }
  7. .dropzone {
  8. position: relative; }
  9. .dropzone .dz-preview {
  10. position: relative;
  11. display: inline-block;
  12. width: 120px;
  13. margin: 0.5em; }
  14. .dropzone .dz-preview .dz-progress {
  15. display: block;
  16. height: 15px;
  17. border: 1px solid #aaa; }
  18. .dropzone .dz-preview .dz-progress .dz-upload {
  19. display: block;
  20. height: 100%;
  21. width: 0;
  22. background: green; }
  23. .dropzone .dz-preview .dz-error-message {
  24. color: red;
  25. display: none; }
  26. .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  27. display: block; }
  28. .dropzone .dz-preview.dz-success .dz-success-mark {
  29. display: block; }
  30. .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  31. position: absolute;
  32. display: none;
  33. left: 30px;
  34. top: 30px;
  35. width: 54px;
  36. height: 58px;
  37. left: 50%;
  38. margin-left: -27px; }