jquery.fileupload-ui.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @charset 'UTF-8';
  2. /*
  3. * jQuery File Upload UI Plugin CSS 6.0
  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 input {
  13. position: absolute;
  14. top: 0;
  15. right: 0;
  16. margin: 0;
  17. border: solid transparent;
  18. border-width: 0 0 100px 200px;
  19. opacity: 0;
  20. filter: alpha(opacity=0);
  21. -moz-transform: translate(-300px, 0) scale(4);
  22. direction: ltr;
  23. cursor: pointer;
  24. }
  25. .fileinput-button {
  26. position: relative;
  27. overflow: hidden;
  28. float: left;
  29. margin-right: 4px;
  30. }
  31. .progressbar,
  32. .progressbar div {
  33. width: 200px;
  34. height: 20px;
  35. -webkit-border-radius: 4px;
  36. -moz-border-radius: 4px;
  37. border-radius: 4px;
  38. -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  39. -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  40. box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  41. background: #fff;
  42. }
  43. .progressbar div {
  44. width: auto;
  45. background: url(progressbar.gif);
  46. }
  47. .fileupload-progressbar {
  48. float: right;
  49. width: 400px;
  50. margin-top: 4px;
  51. }