fileuploader.css 3.3 KB

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