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.

145 lines
2.8 KiB

  1. .ajax-file-upload-statusbar {
  2. border: 1px solid #0ba1b5;
  3. margin-top: 10px;
  4. width: 420px;
  5. margin-right: 10px;
  6. margin: 5px;
  7. -moz-border-radius: 4px;
  8. -webkit-border-radius: 4px;
  9. border-radius: 4px;
  10. padding: 5px 5px 5px 15px
  11. }
  12. .ajax-file-upload-filename {
  13. width: 300px;
  14. height: auto;
  15. margin: 0 5px 5px 0px;
  16. }
  17. .ajax-file-upload-filesize {
  18. width: 50px;
  19. height: auto;
  20. margin: 0 5px 5px 0px;
  21. display: inline-block;
  22. vertical-align:middle;
  23. }
  24. .ajax-file-upload-progress {
  25. margin: 5px 10px 5px 0px;
  26. position: relative;
  27. width: 250px;
  28. border: 1px solid #ddd;
  29. padding: 1px;
  30. border-radius: 3px;
  31. display: inline-block;
  32. color:#FFFFFF;
  33. }
  34. .ajax-file-upload-bar {
  35. background-color: #0ba1b5;
  36. width: 0;
  37. height: 20px;
  38. border-radius: 3px;
  39. color:#FFFFFF;
  40. }
  41. .ajax-file-upload-percent {
  42. position: absolute;
  43. display: inline-block;
  44. top: 3px;
  45. left: 48%
  46. }
  47. .ajax-file-upload-red {
  48. -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
  49. -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
  50. box-shadow: inset 0 39px 0 -24px #e67a73;
  51. background-color: #e4685d;
  52. -moz-border-radius: 4px;
  53. -webkit-border-radius: 4px;
  54. border-radius: 4px;
  55. display: inline-block;
  56. color: #fff;
  57. font-family: arial;
  58. font-size: 13px;
  59. font-weight: normal;
  60. padding: 4px 15px;
  61. text-decoration: none;
  62. text-shadow: 0 1px 0 #b23e35;
  63. cursor: pointer;
  64. vertical-align: top;
  65. margin: 5px 10px 5px 0px;
  66. }
  67. .ajax-file-upload-green {
  68. background-color: #77b55a;
  69. -moz-border-radius: 4px;
  70. -webkit-border-radius: 4px;
  71. border-radius: 4px;
  72. margin: 0;
  73. padding: 0;
  74. display: inline-block;
  75. color: #fff;
  76. font-family: arial;
  77. font-size: 13px;
  78. font-weight: normal;
  79. padding: 4px 15px;
  80. text-decoration: none;
  81. cursor: pointer;
  82. text-shadow: 0 1px 0 #5b8a3c;
  83. vertical-align: top;
  84. margin: 5px 10px 5px 0px;
  85. }
  86. .ajax-file-upload {
  87. font-family: Arial, Helvetica, sans-serif;
  88. font-size: 16px;
  89. font-weight: bold;
  90. padding: 15px 20px;
  91. cursor:pointer;
  92. line-height:20px;
  93. height:25px;
  94. margin:0 10px 10px 0;
  95. display: inline-block;
  96. background: #fff;
  97. border: 1px solid #e8e8e8;
  98. color: #888;
  99. text-decoration: none;
  100. border-radius: 3px;
  101. -webkit-border-radius: 3px;
  102. -moz-border-radius: 3px;
  103. -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  104. -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  105. box-shadow: 0 2px 0 0 #e8e8e8;
  106. padding: 6px 10px 4px 10px;
  107. color: #fff;
  108. background: #2f8ab9;
  109. border: none;
  110. -moz-box-shadow: 0 2px 0 0 #13648d;
  111. -webkit-box-shadow: 0 2px 0 0 #13648d;
  112. box-shadow: 0 2px 0 0 #13648d;
  113. vertical-align: middle;
  114. }
  115. .ajax-file-upload:hover {
  116. background: #3396c9;
  117. -moz-box-shadow: 0 2px 0 0 #15719f;
  118. -webkit-box-shadow: 0 2px 0 0 #15719f;
  119. box-shadow: 0 2px 0 0 #15719f;
  120. }
  121. .ajax-upload-dragdrop
  122. {
  123. border:2px dotted #A5A5C7;
  124. width:420px;
  125. color: #DADCE3;
  126. text-align:left;
  127. vertical-align:middle;
  128. padding:10px 10px 0px 10px;
  129. }
  130. .state-hover
  131. {
  132. border:2px solid #A5A5C7;
  133. }
  134. .ajax-file-upload-container
  135. {
  136. margin:20px 0px 20px 0px;
  137. }