You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
2.1 KiB

  1. /*
  2. UploadiFive
  3. Copyright (c) 2012 Reactive Apps, Ronnie Garcia
  4. */
  5. .uploadifive-button {
  6. background-color: #505050;
  7. background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
  8. background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
  9. background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
  10. background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
  11. background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
  12. background-image: -webkit-gradient(
  13. linear,
  14. left bottom,
  15. left top,
  16. color-stop(0, #505050),
  17. color-stop(1, #707070)
  18. );
  19. background-position: center top;
  20. background-repeat: no-repeat;
  21. -webkit-border-radius: 30px;
  22. -moz-border-radius: 30px;
  23. border-radius: 30px;
  24. border: 2px solid #808080;
  25. color: #FFF;
  26. font: bold 12px Arial, Helvetica, sans-serif;
  27. text-align: center;
  28. text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  29. text-transform: uppercase;
  30. width: 100%;
  31. }
  32. .uploadifive-button:hover {
  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. .uploadifive-queue-item {
  49. background-color: #F5F5F5;
  50. border-bottom: 1px dotted #D5D5D5;
  51. -webkit-border-radius: 5px;
  52. -moz-border-radius: 5px;
  53. border-radius: 5px;
  54. font: 12px Arial, Helvetica, Sans-serif;
  55. margin-top: 3px;
  56. padding: 15px;
  57. }
  58. .uploadifive-queue-item .close {
  59. background: url('uploadifive-cancel.png') 0 0 no-repeat;
  60. display: block;
  61. float: right;
  62. height: 16px;
  63. text-indent: -9999px;
  64. width: 16px;
  65. }
  66. .uploadifive-queue-item .progress {
  67. border: 1px solid #D0D0D0;
  68. height: 3px;
  69. margin-top: 5px;
  70. width: 100%;
  71. }
  72. .uploadifive-queue-item .progress-bar {
  73. background-color: #0072BC;
  74. height: 3px;
  75. width: 0;
  76. }