| 1 |
.qq-uploader { position:relative; width: 100%;} |
| 2 |
|
| 3 |
.qq-upload-button { |
| 4 |
display:block; /* or inline-block */ |
| 5 |
width: 105px; padding: 7px 0; text-align:center; |
| 6 |
background:#880000; border-bottom:1px solid #ddd;color:#fff; |
| 7 |
} |
| 8 |
.qq-upload-button-hover {background:#cc0000;} |
| 9 |
.qq-upload-button-focus {outline:1px dotted black;} |
| 10 |
|
| 11 |
.qq-upload-drop-area { |
| 12 |
position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; |
| 13 |
background:#FF9797; text-align:center; |
| 14 |
} |
| 15 |
.qq-upload-drop-area span { |
| 16 |
display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; |
| 17 |
} |
| 18 |
.qq-upload-drop-area-active {background:#FF7171;} |
| 19 |
|
| 20 |
.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;} |
| 21 |
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;} |
| 22 |
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { |
| 23 |
margin-right: 7px; |
| 24 |
} |
| 25 |
|
| 26 |
.qq-upload-file {} |
| 27 |
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} |
| 28 |
.qq-upload-size,.qq-upload-cancel {font-size:11px;} |
| 29 |
|
| 30 |
.qq-upload-failed-text {display:none;} |
| 31 |
.qq-upload-fail .qq-upload-failed-text {display:inline;} |
| 32 |
|
| 33 |
ul#files { |
| 34 |
list-style: none outside none; |
| 35 |
margin: 0; |
| 36 |
padding: 0; |
| 37 |
} |
| 38 |
ul#files li { |
| 39 |
float: left; |
| 40 |
margin-bottom: 2px; |
| 41 |
margin-right: 10px; |
| 42 |
padding: 10px; |
| 43 |
width: 200px; |
| 44 |
} |
| 45 |
ul#files li img { |
| 46 |
max-height: 150px; |
| 47 |
max-width: 180px; |
| 48 |
} |
| 49 |
.success { |
| 50 |
background: none repeat scroll 0 0 #99F099; |
| 51 |
border: 1px solid #339933; |
| 52 |
} |
