diff --git a/lib/scripts/fileuploaderextended.js b/lib/scripts/fileuploaderextended.js
index 6eaa38ebc7..cbe7304c2c 100644
--- a/lib/scripts/fileuploaderextended.js
+++ b/lib/scripts/fileuploaderextended.js
@@ -78,13 +78,13 @@ qq.FileUploaderExtended = function(o){
'
Upload a file
' +
'' +
'' +
- '' +
+ '' +
'',
// template for one item in file list
fileTemplate: '' +
'' +
- '' +
+ '' +
'' +
'' +
'Cancel' +
diff --git a/lib/tpl/default/fileuploader.css b/lib/tpl/default/fileuploader.css
index 56fcb01edd..9f5e30dab4 100644
--- a/lib/tpl/default/fileuploader.css
+++ b/lib/tpl/default/fileuploader.css
@@ -1,31 +1,95 @@
-.qq-uploader { position:relative; width: 100%;}
+.qq-uploader {
+ position:relative;
+ width: 100%;
+}
.qq-upload-button {
display:block; /* or inline-block */
- width: 105px; padding: 7px 0; text-align:center;
- background:#880000; border-bottom:1px solid #ddd;color:#fff;
+ width: 105px;
+ padding: 7px 0;
+ text-align:center;
+ background:#880000;
+ border-bottom:1px solid #ddd;
+ color:#fff;
+}
+
+.qq-upload-button-hover {
+ background:#cc0000;
+}
+
+.qq-upload-button-focus {
+ outline:1px dotted black;
}
-.qq-upload-button-hover {background:#cc0000;}
-.qq-upload-button-focus {outline:1px dotted black;}
.qq-upload-drop-area {
- position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
- background:#FF9797; text-align:center;
+ position:absolute;
+ top:0;
+ left:0;
+ width:100%;
+ height:100%;
+ min-height: 70px;
+ z-index:2;
+ background:#FF9797;
+ text-align:center;
}
+
.qq-upload-drop-area span {
- display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
+ display:block;
+ position:absolute;
+ top: 50%;
+ width:100%;
+ margin-top:-8px;
+ font-size:16px;
+}
+
+.qq-upload-drop-area-active {
+ background:#FF7171;
+}
+
+.qq-upload-list {
+ margin: 15px 35px !important;
+ padding: 0;
+ list-style: disc;
+ margin-top: 10px !important;
+}
+
+.qq-upload-list li {
+ margin: 0;
+ padding: 0;
+ line-height: 15px;
+ font-size: 12px;
+ margin-bottom: 5px;
}
-.qq-upload-drop-area-active {background:#FF7171;}
-.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
-.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
margin-right: 7px;
}
-.qq-upload-file {}
-.qq-upload-spinner {display:inline-block; background: url("../../images/throbber.gif"); width:15px; height:15px; vertical-align:text-bottom;}
-.qq-upload-size,.qq-upload-cancel {font-size:11px;}
+.qq-upload-spinner {
+ display: inline-block;
+ background: url("../../images/throbber.gif");
+ width: 15px;
+ height: 15px;
+ vertical-align: text-bottom;
+}
+
+.qq-upload-size,.qq-upload-cancel {
+ font-size:11px;
+}
+
+.qq-upload-failed-text {
+ display:none;
+}
+
+.qq-upload-fail .qq-upload-failed-text {
+ display:inline;
+}
+
+.qq-upload-list li .qq-upload-file {
+ display: block;
+ font-weight: bold;
+}
-.qq-upload-failed-text {display:none;}
-.qq-upload-fail .qq-upload-failed-text {display:inline;}
\ No newline at end of file
+.qq-upload-list li .qq-upload-cancel {
+ padding-left: 10px;
+}
\ No newline at end of file