jquery.fileupload-ui.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @charset "UTF-8";
  2. /*
  3. * jQuery File Upload UI Plugin CSS
  4. * https://github.com/blueimp/jQuery-File-Upload
  5. *
  6. * Copyright 2010, Sebastian Tschan
  7. * https://blueimp.net
  8. *
  9. * Licensed under the MIT license:
  10. * http://www.opensource.org/licenses/MIT
  11. */
  12. .fileupload-buttonbar .btn,
  13. .fileupload-buttonbar .toggle {
  14. margin-bottom: 5px;
  15. }
  16. .progress-animated .progress-bar,
  17. .progress-animated .bar {
  18. background: url("../img/progressbar.gif") !important;
  19. filter: none;
  20. }
  21. .fileupload-process {
  22. float: right;
  23. display: none;
  24. }
  25. .fileupload-processing .fileupload-process,
  26. .files .processing .preview {
  27. display: block;
  28. width: 32px;
  29. height: 32px;
  30. background: url("../img/loading.gif") center no-repeat;
  31. background-size: contain;
  32. }
  33. .files audio,
  34. .files video {
  35. max-width: 300px;
  36. }
  37. @media (max-width: 767px) {
  38. .fileupload-buttonbar .toggle,
  39. .files .toggle,
  40. .files .btn span {
  41. display: none;
  42. }
  43. .files .name {
  44. width: 80px;
  45. word-wrap: break-word;
  46. }
  47. .files audio,
  48. .files video {
  49. max-width: 80px;
  50. }
  51. .files img,
  52. .files canvas {
  53. max-width: 100%;
  54. }
  55. }