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