fileuploader.css 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .qq-uploader { position:relative; width: 100%;}
  2. .qq-upload-button {
  3. display:block; /* or inline-block */
  4. width: 105px; padding: 7px 0; text-align:center;
  5. /* -moz-border-bottom-colors: none;
  6. -moz-border-image: none;
  7. -moz-border-left-colors: none;
  8. -moz-border-right-colors: none;
  9. -moz-border-top-colors: none; */
  10. cursor:pointer;
  11. background-color:#e6e6e6;
  12. background-repeat:no-repeat;
  13. background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  14. background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  15. background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  16. background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  17. background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  18. background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  19. padding:5px 14px 6px;
  20. text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  21. color:#333;
  22. font-size:13px;
  23. line-height:normal;
  24. border:1px solid #ccc;
  25. border-bottom-color:#bbb;
  26. -webkit-border-radius:4px;
  27. -moz-border-radius:4px;
  28. border-radius:4px;
  29. -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  30. -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  31. box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
  32. -webkit-transition:0.1s linear all;
  33. -moz-transition:0.1s linear all;
  34. -ms-transition:0.1s linear all;
  35. -o-transition:0.1s linear all;
  36. transition:0.1s linear all;
  37. }
  38. .qq-upload-button-hover {
  39. background-position: 0 -15px;
  40. color: #333333;
  41. text-decoration: none;
  42. cursor: pointer;
  43. }
  44. .qq-upload-button-focus {
  45. outline: 1px dotted #666666;
  46. }
  47. .qq-upload-drop-area {
  48. position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
  49. background:#FF9797; text-align:center;
  50. }
  51. .qq-upload-drop-area span {
  52. display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
  53. }
  54. .qq-upload-drop-area-active {background:#FF7171;}
  55. .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
  56. .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
  57. .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
  58. margin-right: 7px;
  59. }
  60. .qq-upload-file {}
  61. .qq-upload-spinner {display:inline-block; background: url("/static/ext/js/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
  62. .qq-upload-size,.qq-upload-cancel {font-size:11px;}
  63. .qq-upload-failed-text {display:none;}
  64. .qq-upload-fail .qq-upload-failed-text {display:inline;}