Files
addons
app_download_files
extend
hyhproject
mobile
oss
static
app
app2
images
js
plugins
colpick
echarts
font-awesome
jcrop
kindeditor
layer
layui
lazyload
raty
slide
validator
webuploader
Uploader.swf
batchupload.css
batchupload.js
bg.png
expressInstall.swf
icons.png
image.png
index.html
progress.png
success.png
webuploader.css
webuploader.js
src
template
thinkphp
upload
vendor
wxtmp
.gitignore
.htaccess
.user.ini
404.html
H5B854518.wgt
admin.php
app-release.apk
app_download.html
cash.lock
demo.php
get_startup.php
get_version.php
get_version_new.php
hyhproject.tar.gz
index.html
index.php
reg.lock
robots.txt
qlg.tsgz.moe/static/plugins/webuploader/batchupload.css
2019-09-06 23:53:10 +08:00

379 lines
8.2 KiB
CSS
Executable File

.wst-batchupload{}
.wst-batchupload .queueList {
margin: 20px;
border: 3px dashed #e6e6e6;
}
.wst-batchupload .queueList.filled {
padding: 12px;
margin: 0;
border: 3px dashed transparent;
}
.wst-batchupload .queueList.webuploader-dnd-over {
border: 3px dashed #999999;
}
.wst-batchupload p {margin: 0;}
.element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px,1px,1px,1px);
}
.wst-batchupload .placeholder {
min-height: 350px;
padding-top: 178px;
text-align: center;
background: url(image.png) center 93px no-repeat;
color: #cccccc;
font-size: 18px;
position: relative;
}
.wst-batchupload .placeholder .webuploader-pick {
font-size: 18px;
background: #00b7ee;
border-radius: 3px;
line-height: 44px;
padding: 0 30px;
*width: 120px;
color: #fff;
display: inline-block;
margin: 0 auto 20px auto;
cursor: pointer;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.wst-batchupload .placeholder .webuploader-pick-hover {
background: #00a2d4;
}
.wst-batchupload .placeholder .flashTip {
color: #666666;
font-size: 12px;
position: absolute;
width: 100%;
text-align: center;
bottom: 20px;
}
.wst-batchupload .placeholder .flashTip a {
color: #0785d1;
text-decoration: none;
}
.wst-batchupload .placeholder .flashTip a:hover {
text-decoration: underline;
}
.wst-batchupload .filelist {
list-style: none;
margin: 0;
padding: 0;
}
.wst-batchupload .filelist:after {
content: '';
display: block;
width: 0;
height: 0;
overflow: hidden;
clear: both;
}
.wst-batchupload .filelist li {
width: 180px;
height: 180px;
background: url(bg.png) no-repeat;
text-align: center;
margin: 0 8px 20px 0;
position: relative;
display: inline;
float: left;
overflow: hidden;
font-size: 12px;
}
.wst-batchupload .filelist li p.log {
position: relative;
top: -45px;
}
.wst-batchupload .filelist li p.title {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow : ellipsis;
top: 5px;
text-indent: 5px;
text-align: left;
}
.wst-batchupload .filelist li p.progress {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 8px;
overflow: hidden;
z-index: 50;
margin: 0;
border-radius: 0;
background: none;
-webkit-box-shadow: 0 0 0;
}
.wst-batchupload .filelist li p.progress span {
display: none;
overflow: hidden;
width: 0;
height: 100%;
background: #1483d8 url(progress.png) repeat-x;
-webit-transition: width 200ms linear;
-moz-transition: width 200ms linear;
-o-transition: width 200ms linear;
-ms-transition: width 200ms linear;
transition: width 200ms linear;
-webkit-animation: progressmove 2s linear infinite;
-moz-animation: progressmove 2s linear infinite;
-o-animation: progressmove 2s linear infinite;
-ms-animation: progressmove 2s linear infinite;
animation: progressmove 2s linear infinite;
-webkit-transform: translateZ(0);
}
@-webkit-keyframes progressmove {
0% {
background-position: 0 0;
}
100% {
background-position: 17px 0;
}
}
@-moz-keyframes progressmove {
0% {
background-position: 0 0;
}
100% {
background-position: 17px 0;
}
}
@keyframes progressmove {
0% {
background-position: 0 0;
}
100% {
background-position: 17px 0;
}
}
.wst-batchupload .filelist li p.imgWrap {
position: relative;
z-index: 2;
line-height: 180px;
vertical-align: middle;
overflow: hidden;
width: 180px;
height: 180px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webit-transition: 200ms ease-out;
-moz-transition: 200ms ease-out;
-o-transition: 200ms ease-out;
-ms-transition: 200ms ease-out;
transition: 200ms ease-out;
}
.wst-batchupload .filelist li img {
width: 100%;
}
.wst-batchupload .filelist li p.error {
background: #f43838;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
height: 28px;
line-height: 28px;
width: 100%;
z-index: 100;
}
.wst-batchupload .filelist li .success {
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
z-index: 200;
background: url(success.png) no-repeat right bottom;
}
.wst-batchupload .filelist div.file-panel {
position: absolute;
height: 0;
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
background: rgba( 0, 0, 0, 0.5 );
width: 100%;
top: 0;
left: 0;
overflow: hidden;
z-index: 300;
}
.wst-batchupload .filelist div.file-panel span {
width: 24px;
height: 24px;
display: inline;
float: right;
text-indent: -9999px;
overflow: hidden;
background: url(icons.png) no-repeat;
margin: 5px 1px 1px;
cursor: pointer;
}
.wst-batchupload .filelist div.file-panel span.rotateLeft {
background-position: 0 -24px;
}
.wst-batchupload .filelist div.file-panel span.rotateLeft:hover {
background-position: 0 0;
}
.wst-batchupload .filelist div.file-panel span.rotateRight {
background-position: -24px -24px;
}
.wst-batchupload .filelist div.file-panel span.rotateRight:hover {
background-position: -24px 0;
}
.wst-batchupload .filelist div.file-panel span.cancel {
background-position: -48px -24px;
}
.wst-batchupload .filelist div.file-panel span.cancel:hover {
background-position: -48px 0;
}
.wst-batchupload .statusBar {
height: 63px;
border-top: 1px solid #dadada;
padding: 0 20px;
line-height: 63px;
vertical-align: middle;
position: relative;
}
.wst-batchupload .statusBar .progress {
border: 1px solid #1483d8;
width: 198px;
background: #fff;
height: 18px;
position: relative;
display: inline-block;
text-align: center;
line-height: 20px;
color: #6dbfff;
position: relative;
margin: 0 10px 0 0;
}
.wst-batchupload .statusBar .progress span.percentage {
width: 0;
height: 100%;
left: 0;
top: 0;
background: #1483d8;
position: absolute;
}
.wst-batchupload .statusBar .progress span.text {
position: relative;
z-index: 10;
}
.wst-batchupload .statusBar .info {
display: inline-block;
font-size: 14px;
color: #666666;
}
.wst-batchupload .statusBar .btns {
position: absolute;
top: 10px;
right: 20px;
line-height: 40px;
}
#filePicker2 {
display: inline-block;
float: left;
}
.wst-batchupload .statusBar .btns .webuploader-pick,
.wst-batchupload .statusBar .btns .uploadBtn,
.wst-batchupload .statusBar .btns .uploadBtn.state-uploading,
.wst-batchupload .statusBar .btns .uploadBtn.state-paused {
background: #ffffff;
border: 1px solid #cfcfcf;
color: #565656;
padding: 0 18px;
display: inline-block;
border-radius: 3px;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
float: left;
}
.wst-batchupload .statusBar .btns .webuploader-pick-hover,
.wst-batchupload .statusBar .btns .uploadBtn:hover,
.wst-batchupload .statusBar .btns .uploadBtn.state-uploading:hover,
.wst-batchupload .statusBar .btns .uploadBtn.state-paused:hover {
background: #f0f0f0;
}
.wst-batchupload .statusBar .btns .uploadBtn {
background: #00b7ee;
color: #fff;
border-color: transparent;
}
.wst-batchupload .statusBar .btns .uploadBtn:hover {
background: #00a2d4;
}
.wst-batchupload .statusBar .btns .uploadBtn.disabled {
pointer-events: none;
opacity: 0.6;
}
.filelist .btn-setDefault{
background: #f48c3a none repeat scroll 0 0;
bottom: 0;
color: #ffffff;
height: 18px;
line-height: 18px;
padding: 0 5px;
position: absolute;
left: 0px;
top:0px;
z-index: 9999;
}
.filelist .btn-del{
background: #1094FA;
color: #ffffff;
cursor: pointer;
height: 18px;
line-height: 18px;
padding: 0 5px;
position: absolute;
right: 0px;
top:0px;
z-index: 9999;
}