uploadify.css 2.4 KB

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