uploadify.css 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  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. }
  9. .uploadify-button {
  10. background-color: #505050;
  11. background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
  12. background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
  13. background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
  14. background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
  15. background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
  16. background-image: -webkit-gradient(
  17. linear,
  18. left bottom,
  19. left top,
  20. color-stop(0, #505050),
  21. color-stop(1, #707070)
  22. );
  23. background-position: center top;
  24. background-repeat: no-repeat;
  25. border: 1px solid #808080;
  26. color: #FFF;
  27. font: bold 12px Arial, Helvetica, sans-serif;
  28. text-align: center;
  29. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  30. width: 100%;
  31. }
  32. .uploadify:hover .uploadify-button {
  33. background-color: #606060;
  34. background-image: linear-gradient(top, #606060 0%, #808080 100%);
  35. background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
  36. background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
  37. background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
  38. background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
  39. background-image: -webkit-gradient(
  40. linear,
  41. left bottom,
  42. left top,
  43. color-stop(0, #606060),
  44. color-stop(1, #808080)
  45. );
  46. background-position: center bottom;
  47. }
  48. .uploadify-button.disabled {
  49. background-color: #D0D0D0;
  50. color: #808080;
  51. }
  52. .uploadify-queue {
  53. }
  54. .uploadify-queue-item {
  55. background-color: #F5F5F5;
  56. -webkit-border-radius: 3px;
  57. -moz-border-radius: 3px;
  58. border-radius: 3px;
  59. font: 11px Verdana, Geneva, sans-serif;
  60. margin-top: 5px;
  61. max-width: 350px;
  62. padding: 10px;
  63. }
  64. .uploadify-error {
  65. background-color: #FDE5DD !important;
  66. }
  67. .uploadify-queue-item .cancel a {
  68. background: url('../uploadify-cancel.png') 0 0 no-repeat;
  69. float: right;
  70. height: 16px;
  71. text-indent: -9999px;
  72. width: 16px;
  73. }
  74. .uploadify-queue-item.completed {
  75. background-color: #E5E5E5;
  76. }
  77. .uploadify-progress {
  78. background-color: #E5E5E5;
  79. margin-top: 10px;
  80. width: 100%;
  81. }
  82. .uploadify-progress-bar {
  83. background-color: #0099FF;
  84. height: 3px;
  85. width: 1px;
  86. }