fileuploader.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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. -moz-transition: all 0.1s linear 0s;
  11. background-color: #E6E6E6;
  12. background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
  13. background-repeat: no-repeat;
  14. border-color: #CCCCCC #CCCCCC #BBBBBB;
  15. border-radius: 4px 4px 4px 4px;
  16. border-style: solid;
  17. border-width: 1px;
  18. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  19. color: #333333;
  20. cursor: pointer;
  21. display: inline-block;
  22. font-size: 13px;
  23. line-height: normal;
  24. padding: 5px 14px 6px;
  25. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  26. }
  27. .qq-upload-button-hover {
  28. background-position: 0 -15px;
  29. color: #333333;
  30. text-decoration: none;
  31. cursor: pointer;
  32. }
  33. .qq-upload-button-focus {
  34. outline: 1px dotted #666666;
  35. }
  36. .qq-upload-drop-area {
  37. position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
  38. background:#FF9797; text-align:center;
  39. }
  40. .qq-upload-drop-area span {
  41. display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
  42. }
  43. .qq-upload-drop-area-active {background:#FF7171;}
  44. .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
  45. .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
  46. .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
  47. margin-right: 7px;
  48. }
  49. .qq-upload-file {}
  50. .qq-upload-spinner {display:inline-block; background: url("/static/ext/js/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
  51. .qq-upload-size,.qq-upload-cancel {font-size:11px;}
  52. .qq-upload-failed-text {display:none;}
  53. .qq-upload-fail .qq-upload-failed-text {display:inline;}