uploadify.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /*
  2. Uploadify
  3. Copyright (c) 2012 Reactive Apps, Ronnie Garcia
  4. Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
  5. */
  6. .uploadify {
  7. position: relative;
  8. margin-bottom: 1em;
  9. }
  10. .uploadify-button {
  11. text-align: center;
  12. background:url('img/button_span_bg.gif') no-repeat top left;
  13. padding:4px 4px 4px 4px;
  14. display:block;
  15. padding-left:5px;
  16. background-position: bottom left;
  17. }
  18. .uploadify:hover .uploadify-button {
  19. background-color: #F0F0F0;
  20. background-image: linear-gradient(top, #606060 0%, #808080 100%);
  21. background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
  22. background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
  23. background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
  24. background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
  25. background-image: -webkit-gradient(
  26. linear,
  27. left bottom,
  28. left top,
  29. color-stop(0, #606060),
  30. color-stop(1, #808080)
  31. );
  32. background-position: center bottom;
  33. }
  34. .uploadify-button.disabled {
  35. background-color: #D0D0D0;
  36. color: #808080;
  37. }
  38. .uploadify-queue {
  39. margin-bottom: 1em;
  40. }
  41. .uploadify-queue-item {
  42. background-color: #F5F5F5;
  43. -webkit-border-radius: 3px;
  44. -moz-border-radius: 3px;
  45. border-radius: 3px;
  46. font: 11px Verdana, Geneva, sans-serif;
  47. margin-top: 5px;
  48. max-width: 350px;
  49. padding: 10px;
  50. }
  51. .uploadify-error {
  52. background-color: #FDE5DD !important;
  53. }
  54. .uploadify-queue-item .cancel a {
  55. background: url('img/uploadify-cancel.png') 0 0 no-repeat;
  56. float: right;
  57. height: 16px;
  58. text-indent: -9999px;
  59. width: 16px;
  60. }
  61. .uploadify-queue-item.completed {
  62. background-color: #E5E5E5;
  63. }
  64. .uploadify-progress {
  65. background-color: #E5E5E5;
  66. margin-top: 10px;
  67. width: 100%;
  68. }
  69. .uploadify-progress-bar {
  70. background-color: #0099FF;
  71. height: 3px;
  72. width: 1px;
  73. }