fileuploader.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. .qq-uploader {
  2. position: relative;
  3. }
  4. .qq-upload-button {
  5. display: inline-block;
  6. *display: inline;
  7. padding: 4px 10px 4px;
  8. margin-bottom: 0;
  9. *margin-left: .3em;
  10. font-size: 13px;
  11. line-height: 18px;
  12. *line-height: 20px;
  13. color: #333333;
  14. text-align: center;
  15. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  16. vertical-align: middle;
  17. cursor: pointer;
  18. background-color: #f5f5f5;
  19. *background-color: #e6e6e6;
  20. background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  21. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  22. background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  23. background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  24. background-image: linear-gradient(top, #ffffff, #e6e6e6);
  25. background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  26. background-repeat: repeat-x;
  27. border: 1px solid #cccccc;
  28. *border: 0;
  29. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  30. border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  31. border-bottom-color: #b3b3b3;
  32. -webkit-border-radius: 4px;
  33. -moz-border-radius: 4px;
  34. border-radius: 4px;
  35. filter: progid:dximagetransform.microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6', GradientType = 0);
  36. filter: progid:dximagetransform.microsoft.gradient(enabled = false);
  37. *zoom: 1;
  38. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  39. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  40. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  41. }
  42. .qq-upload-button-hover {
  43. color: #333333;
  44. text-decoration: none;
  45. background-color: #e6e6e6;
  46. *background-color: #d9d9d9;
  47. /* Buttons in IE7 don't get borders, so darken on hover */
  48. background-position: 0 -15px;
  49. -webkit-transition: background-position 0.1s linear;
  50. -moz-transition: background-position 0.1s linear;
  51. -ms-transition: background-position 0.1s linear;
  52. -o-transition: background-position 0.1s linear;
  53. transition: background-position 0.1s linear;
  54. }
  55. .qq-upload-button-focus {
  56. outline: 1px dotted #666666;
  57. }
  58. .qq-upload-drop-area {
  59. position: absolute;
  60. top: 0;
  61. left: 0;
  62. width: 100%;
  63. height: 100%;
  64. min-height: 70px;
  65. z-index: 2;
  66. background: #FF9797;
  67. text-align: center;
  68. }
  69. .qq-upload-drop-area span {
  70. display: block;
  71. position: absolute;
  72. top: 50%;
  73. width: 100%;
  74. margin-top: -8px;
  75. font-size: 16px;
  76. }
  77. .qq-upload-drop-area-active {
  78. background: #FF7171;
  79. }
  80. .qq-upload-list {
  81. margin: 15px 35px;
  82. padding: 0;
  83. list-style: disc;
  84. }
  85. .qq-upload-list li {
  86. margin: 0;
  87. padding: 0;
  88. line-height: 15px;
  89. font-size: 12px;
  90. }
  91. .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
  92. margin-right: 7px;
  93. }
  94. .qq-upload-file {
  95. }
  96. .qq-upload-spinner {
  97. display: inline-block;
  98. background: url("/static/ext/js/loading.gif");
  99. width: 15px;
  100. height: 15px;
  101. vertical-align: text-bottom;
  102. }
  103. .qq-upload-size, .qq-upload-cancel {
  104. font-size: 11px;
  105. }
  106. .qq-upload-failed-text {
  107. display: none;
  108. }
  109. .qq-upload-fail .qq-upload-failed-text {
  110. display: inline;
  111. }