jquery.fileupload-ui.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. * https://opensource.org/licenses/MIT
  11. */
  12. .progress-animated .progress-bar,
  13. .progress-animated .bar {
  14. background: url('../img/progressbar.gif') !important;
  15. filter: none;
  16. }
  17. .fileupload-process {
  18. float: right;
  19. display: none;
  20. }
  21. .fileupload-processing .fileupload-process,
  22. .files .processing .preview {
  23. display: block;
  24. width: 32px;
  25. height: 32px;
  26. background: url('../img/loading.gif') center no-repeat;
  27. background-size: contain;
  28. }
  29. .files audio,
  30. .files video {
  31. max-width: 300px;
  32. }
  33. .toggle[type='checkbox'] {
  34. transform: scale(2);
  35. margin-left: 10px;
  36. }
  37. @media (max-width: 767px) {
  38. .fileupload-buttonbar .btn {
  39. margin-bottom: 5px;
  40. }
  41. .fileupload-buttonbar .delete,
  42. .fileupload-buttonbar .toggle,
  43. .files .toggle,
  44. .files .btn span {
  45. display: none;
  46. }
  47. .files .name {
  48. width: 80px;
  49. word-wrap: break-word;
  50. }
  51. .files audio,
  52. .files video {
  53. max-width: 80px;
  54. }
  55. .files img,
  56. .files canvas {
  57. max-width: 100%;
  58. }
  59. }