uploadify.css 2.5 KB

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