jquery.fileupload-ui.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. .files .name {
  34. word-wrap: break-word;
  35. overflow-wrap: anywhere;
  36. -webkit-hyphens: auto;
  37. hyphens: auto;
  38. }
  39. .files button {
  40. margin-bottom: 5px;
  41. }
  42. .toggle[type='checkbox'] {
  43. transform: scale(2);
  44. margin-left: 10px;
  45. }
  46. @media (max-width: 767px) {
  47. .fileupload-buttonbar .btn {
  48. margin-bottom: 5px;
  49. }
  50. .fileupload-buttonbar .delete,
  51. .fileupload-buttonbar .toggle,
  52. .files .toggle,
  53. .files .btn span {
  54. display: none;
  55. }
  56. .files audio,
  57. .files video {
  58. max-width: 80px;
  59. }
  60. }
  61. @media (max-width: 480px) {
  62. .files .image td:nth-child(2) {
  63. display: none;
  64. }
  65. }