1 2.qq-uploader { 3 position: relative; 4 width: 100%; 5} 6 7.qq-uploader .error { 8 color: #f00; 9 background-color: #fff; 10} 11 12/* select file button */ 13 14.qq-upload-button { 15 display: inline-block; 16 border: 1px solid __border__; 17 color: __text__; 18 background: __background__ url(images/buttonshadow.png) repeat-x bottom; 19 text-decoration: none; 20 font-size: 100%; 21 cursor: pointer; 22 margin: 1px 1px 5px; 23 padding: 0.125em 0.4em; 24} 25 26* html .qq-upload-button, 27*+html .qq-upload-button { 28 display: inline; 29} 30 31.qq-upload-button-focus { 32 outline: 1px dotted; 33} 34 35/* drop area */ 36 37.qq-upload-drop-area { 38 position: absolute; 39 top: 0; 40 left: 0; 41 width: 100%; 42 height: 100%; 43 min-height: 70px; 44 z-index: 2; 45 background: __background_neu__; 46 color: __text__; 47 text-align: center; 48} 49 50.qq-upload-drop-area span { 51 display: block; 52 position: absolute; 53 top: 50%; 54 width: 100%; 55 margin-top: -8px; 56 font-size: 120%; 57} 58 59.qq-upload-drop-area-active { 60 background: __background_alt__; 61} 62 63/* list of files to upload */ 64 65div.qq-uploader ul { 66 margin: 0; 67 list-style: none; 68} 69 70.qq-uploader li { 71 margin-bottom: 5px; 72 color: __text__; 73} 74 75.qq-uploader li span, 76.qq-uploader li input, 77.qq-uploader li a { 78 margin-right: 5px; 79} 80 81.qq-upload-file { 82 display: block; 83 font-weight: bold; 84} 85 86.qq-upload-spinner { 87 display: inline-block; 88 background: url("../../images/throbber.gif"); 89 width: 15px; 90 height: 15px; 91 vertical-align: text-bottom; 92} 93 94.qq-upload-size, 95.qq-upload-cancel { 96 font-size: 85%; 97} 98 99.qq-upload-failed-text { 100 display: none; 101} 102.qq-upload-fail .qq-upload-failed-text { 103 display: inline; 104} 105 106.qq-action-container * { 107 vertical-align: middle; 108} 109.qq-overwrite-check input { 110 margin-left: 10px; 111} 112