jquery.fileupload-ui.css 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. @charset 'UTF-8';
  2. /*
  3. * jQuery File Upload UI Plugin CSS 6.3
  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. .fileinput-button {
  13. position: relative;
  14. overflow: hidden;
  15. float: left;
  16. margin-right: 4px;
  17. }
  18. .fileinput-button input {
  19. position: absolute;
  20. top: 0;
  21. right: 0;
  22. margin: 0;
  23. border: solid transparent;
  24. border-width: 0 0 100px 200px;
  25. opacity: 0;
  26. filter: alpha(opacity=0);
  27. -moz-transform: translate(-300px, 0) scale(4);
  28. direction: ltr;
  29. cursor: pointer;
  30. }
  31. .fileupload-buttonbar .btn,
  32. .fileupload-buttonbar .toggle {
  33. margin-bottom: 5px;
  34. }
  35. .files .progress {
  36. width: 200px;
  37. }
  38. .progress-animated .bar {
  39. background: url(../img/progressbar.gif) !important;
  40. filter: none;
  41. }
  42. .fileupload-loading {
  43. position: absolute;
  44. left: 50%;
  45. width: 128px;
  46. height: 128px;
  47. background: url(../img/loading.gif) center no-repeat;
  48. display: none;
  49. }
  50. .fileupload-processing .fileupload-loading {
  51. display: block;
  52. }
  53. @media (max-width: 480px) {
  54. .files .btn span {
  55. display: none;
  56. }
  57. .files .preview * {
  58. width: 40px;
  59. }
  60. .files .name * {
  61. width: 80px;
  62. display: inline-block;
  63. word-wrap: break-word;
  64. }
  65. .files .progress {
  66. width: 20px;
  67. }
  68. .files .delete {
  69. width: 60px;
  70. }
  71. }