fileuploader.css 3.2 KB

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