plupload.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. .plupload_button {
  2. display:inline-block;
  3. font:normal 12px sans-serif;
  4. text-decoration:none;
  5. color:#42454a;
  6. margin-right:4px;
  7. outline:0;
  8. -moz-border-radius:3px;
  9. -khtml-border-radius:3px;
  10. -webkit-border-radius:3px;
  11. border-radius:3px;
  12. font-family:"Lucida Grande", Verdana, sans-serif;
  13. border:none;
  14. background:none;
  15. padding:2px 8px 3px 15px;
  16. }
  17. .plupload_button:hover {
  18. color:#000;
  19. text-decoration:none;
  20. }
  21. .plupload_disabled,a.plupload_disabled:hover {
  22. cursor:default;
  23. color:#737373;
  24. background:transparent url(images/up_arrow_disabled.png) no-repeat 0 center;
  25. border-color:#c5c5c5;
  26. }
  27. .plupload_add {
  28. background-position:-181px center;
  29. background:transparent url(images/add.png) no-repeat 0 center;
  30. }
  31. .plupload_wrapper {
  32. font:normal 11px Verdana,sans-serif;
  33. width:100%;
  34. font-family:"Lucida Grande", Verdana, sans-serif;
  35. }
  36. .plupload_container {
  37. background:url('images/transp50.png');
  38. }
  39. .plupload_container input {
  40. border:1px solid #DDD;
  41. font:normal 11px Verdana,sans-serif;
  42. width:98%;
  43. font-family:"Lucida Grande", Verdana, sans-serif;
  44. }
  45. .plupload_filelist {
  46. list-style:none;
  47. margin:0;
  48. padding:0;
  49. }
  50. .plupload_scroll .plupload_filelist {
  51. height:135px;
  52. overflow-y:scroll;
  53. background:none;
  54. }
  55. .plupload_filelist li {
  56. background:#F5F5F5 url('images/backgrounds.gif') repeat-x 0 -156px;
  57. border-bottom:1px solid #DDD;
  58. padding:10px 8px;
  59. }
  60. .plupload_filelist_header,.plupload_filelist_footer {
  61. background:#DFDFDF;
  62. color:#42454A;
  63. padding:6px 8px;
  64. }
  65. .plupload_filelist_header {
  66. border-top:1px solid #EEE;
  67. border-bottom:1px solid #CDCDCD;
  68. }
  69. .plupload_filelist_footer {
  70. border-top:1px solid #FFF;
  71. height:22px;
  72. line-height:20px;
  73. vertical-align:middle;
  74. }
  75. .plupload_file_name {
  76. float:left;
  77. overflow:hidden;
  78. }
  79. .plupload_file_status {
  80. color:#777;
  81. }
  82. .plupload_file_status span {
  83. color:#42454A;
  84. }
  85. .plupload_file_size,.plupload_file_status,.plupload_progress {
  86. float:right;
  87. width:80px;
  88. }
  89. .plupload_file_size,.plupload_file_status,.plupload_file_action {
  90. text-align:right;
  91. }
  92. .plupload_filelist .plupload_file_name {
  93. width:205px;
  94. }
  95. .plupload_file_action {
  96. float:right;
  97. width:16px;
  98. height:16px;
  99. margin-left:15px;
  100. }
  101. .plupload_file_action * {
  102. display:none;
  103. width:16px;
  104. height:16px;
  105. }
  106. li.plupload_uploading {
  107. background:#ECF3DC url('images/backgrounds.gif') repeat-x 0 -238px;
  108. }
  109. li.plupload_done {
  110. color:#AAA;
  111. }
  112. li.plupload_delete a {
  113. background:url('images/delete.gif');
  114. }
  115. li.plupload_failed a {
  116. background:url('images/error.gif');
  117. cursor:default;
  118. }
  119. li.plupload_done a {
  120. background:url('images/done.gif');
  121. cursor:default;
  122. }
  123. .plupload_progress,.plupload_upload_status {
  124. display:none;
  125. }
  126. .plupload_progress_container {
  127. margin-top:3px;
  128. border:1px solid #CCC;
  129. background:#FFF;
  130. padding:1px;
  131. }
  132. .plupload_progress_bar {
  133. width:0;
  134. height:7px;
  135. background:#CDEB8B;
  136. }
  137. .plupload_scroll .plupload_filelist_header .plupload_file_action,.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  138. margin-right:17px;
  139. }
  140. .plupload_clear,.plupload_clearer {
  141. clear:both;
  142. }
  143. .plupload_clearer,.plupload_progress_bar {
  144. display:block;
  145. font-size:0;
  146. line-height:0;
  147. }
  148. li.plupload_droptext {
  149. background:transparent;
  150. text-align:center;
  151. vertical-align:middle;
  152. border:0;
  153. line-height:115px;
  154. list-style-type:none;
  155. }
  156. .plupload {
  157. border:solid 1px #ccc;
  158. }
  159. .plupload_header {
  160. display:none;
  161. }
  162. .plupload_button,.plupload_button:hover {
  163. color:#0074bd;
  164. padding-bottom:0;
  165. margin-bottom:0;
  166. }
  167. .plupload_start,a.plupload_start:hover {
  168. background:transparent url(images/up_arrow.png) no-repeat 0 center;
  169. z-index:100000;
  170. }