/*-------------- 灰色队列样式，仿plupload BY 明河 --------------*/
|
.clearfix:before, .clearfix:after {
|
content: "";
|
display: table;
|
}
|
|
.clearfix:after {
|
clear: both;
|
}
|
|
.clearfix {
|
zoom: 1;
|
clear: both\9;
|
}
|
|
.f-r {
|
float: right;
|
}
|
|
.f-l {
|
float: left;
|
}
|
|
.uploadify {
|
width: 600px;
|
border: 1px solid #CDCDCD;
|
font-family: 'Microsoft YaHei';
|
font-size: 12px;
|
color: #404040;
|
}
|
|
/*--- 上传按钮 START ---*/
|
.uploadify .uploader-icon {
|
background: url("images/icons.png") 3px 3px no-repeat;
|
}
|
|
.uploadify .uploader-button {
|
font-size: 12px;
|
text-align: center;
|
line-height: 14px;
|
height: 14px;
|
width: 50px;
|
display: block;
|
position: relative;
|
z-index: 500;
|
border: 1px solid #BABABA;
|
border-radius: 3px 3px 3px 3px;
|
color: #42454A;
|
margin-right: 4px;
|
outline: 0 none;
|
padding: 4px 8px 4px 20px;
|
text-decoration: none;
|
margin-top: 4px;
|
background-color: #ECF3DC;
|
}
|
|
.uploadify .uploader-button-hover, .uploadify .uploader-button:hover {
|
text-decoration: none;
|
color: black;
|
background: url("images/icons.png") 3px 3px no-repeat #F7FEE7;
|
}
|
|
.uploadify .uploader-button:active {
|
background: #DFE7EF;
|
filter: none;
|
}
|
|
.uploadify .start-upload {
|
background-position: 3px -57px;
|
}
|
|
.uploadify .start-upload:hover {
|
background-position: 3px -57px;
|
}
|
|
.uploadify .start-upload-disabled {
|
border: 1px solid #BFBFBF;
|
color: #404040;
|
background-color: #E5E5E5;
|
background-position: 3px -88px;
|
}
|
|
.uploadify .start-upload-disabled:hover {
|
color: #404040;
|
background-color: #E5E5E5;
|
background-position: 3px -88px;
|
}
|
|
.uploadify .uploader-button input {
|
background: none repeat scroll 0 0 transparent;
|
border: medium none;
|
cursor: pointer;
|
height: 25px;
|
width: 110px;
|
left: 0;
|
top: 0;
|
opacity: 0;
|
filter: alpha(opacity = 0);
|
position: absolute;
|
font-size: 12px !important;
|
}
|
|
*html .uploader-button input {
|
font-size: 400px;
|
}
|
|
*+html .uploader-button input {
|
font-size: 400px;
|
}
|
|
/*--- 上传按钮 END ---*/
|
|
.uploadify .header-footer {
|
line-height: 32px;
|
height: 32px;
|
background-color: #DFDFDF;
|
color: #404040;
|
padding: 0 10px;
|
}
|
|
.uploadify .uploadify-header {
|
border-bottom: 1px solid #CDCDCD;
|
}
|
|
.uploadify .file-name {
|
width: 200px;
|
}
|
|
.uploadify .file-status, .uploadify .file-size {
|
width: 80px;
|
}
|
|
.uploadify .header-footer .file-status {
|
margin-right: 16px;
|
}
|
|
.uploadify .uploadify-list {
|
background: none repeat scroll 0 0 #F5F5F5;
|
width: 100%;
|
height: 180px;
|
overflow-y: scroll;
|
list-style: none outside none;
|
margin: 0;
|
padding: 0;
|
}
|
|
.uploadify .uploadify-list li.queue-file {
|
line-height: 32px;
|
height: 32px;
|
border-bottom: 1px solid #CDCDCD;
|
padding: 0 10px;
|
margin: 0;
|
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F5F5F5));
|
background: -moz-linear-gradient(top, #ffffff, #F5F5F5);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F5F5F5');
|
}
|
|
.uploadify .uploadify-list li.current-upload-file {
|
background: -webkit-gradient(linear, left top, left bottom, from(#F7FFE8), to(#ECF3DC));
|
background: -moz-linear-gradient(top, #F7FFE8, #ECF3DC);
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#F7FFE8', endColorstr = '#ECF3DC');
|
}
|
|
.uploadify .uploadify-list li .success-icon {
|
background-position: 38px -114px;
|
}
|
|
.uploadify .uploadify-list li .del-icon {
|
background-position: 0 -150px;
|
height: 17px;
|
margin-left: 4px;
|
margin-top: 6px;
|
width: 16px;
|
}
|
|
.uploadify .uploader-btn-wrapper .uploader-button-disabled {
|
border-color: #C5C5C5;
|
color: #737373;
|
cursor: default;
|
}
|
|
.uploadify .uploadify-footer .progress-wrapper {
|
width: 80px;
|
}
|
|
.uploadify .uploadify-footer .ks-progress-bar {
|
padding: 1px;
|
height: 8px;
|
border: 1px solid #CCCCCC;
|
margin-right: 10px;
|
margin-top: 9px;
|
}
|
|
.uploadify .uploadify-footer .ks-progress-bar .ks-progress-bar-value {
|
background-color: #CDEB8B;
|
}
|
