/**
|
* 二手模板样式
|
* @author 紫英(橘子)<daxingplay@gmail.com>
|
*/
|
.upload-btn,
|
.advance-queue .progress-bar {
|
background: transparent url("http://img02.taobaocdn.com/tps/i2/T1FsaDXalQXXXXXXXX-280-535.png") no-repeat -9999px -9999px;
|
}
|
|
.tb-pic120 {
|
*overflow: hidden;
|
display: table;
|
text-align: center;
|
table-layout: fixed;
|
}
|
.tb-pic120 a {
|
display: table-cell; /*非IE、IE8、IE9的主流浏览器识别的垂直居中的方法*/
|
vertical-align: middle;
|
/*text-align: center;*/
|
*display: block;
|
*font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/
|
*line-height: 1; /* 避免行高导致垂直居中有误 */
|
}
|
.tb-pic120 a { *font-size: 105px; }
|
.tb-pic120 a img {
|
vertical-align: middle;
|
}
|
|
.tb-pic120, .tb-pic120 a { width: 120px; height: 120px; }
|
|
.tb-pic120 img { max-width: 120px; max-height: 120px; _width: 120px; }
|
|
.upload-btn {
|
display: block;
|
float: left;
|
width: 74px;
|
height: 25px;
|
margin-right: 6px;
|
background-position: 0 -40px;
|
overflow: hidden;
|
text-indent: -9999px;
|
position: relative;
|
}
|
.upload-btn:hover {
|
background-position: -80px -40px;
|
}
|
.uploader-button-disabled:hover {
|
background-position: 0 -40px;
|
}
|
.uploader-button-disabled input {
|
display: none;
|
}
|
.file-input-wrapper {
|
opacity: 0;
|
position: absolute;
|
z-index: 2;
|
top: 0;
|
left: 0;
|
text-indent: 0;
|
width: 74px;
|
height: 25px;
|
filter:alpha(opacity=0);
|
}
|
.file-input-wrapper .file-input {
|
/* float: left;*/
|
cursor: pointer;
|
margin-left: -130px;
|
margin-left: 0\9;
|
height: 25px;
|
display: block\9;
|
width: 74px\9;
|
*margin-left: -5px;
|
}
|
|
/*上传队列区域*/
|
.upload-queue {
|
/*clear: both;
|
margin-top: 24px;*/
|
clear: both;
|
}
|
.upload-queue .ershouUploader-queue {
|
width: 100%;
|
}
|
.ershouUploader-queue {
|
overflow: hidden;
|
/*padding-top: 24px;*/
|
width: 100%;
|
}
|
.ershouUploader-queue li {
|
float: left;
|
width: 118px;
|
height: 118px;
|
border: 1px solid #c3c3c3;
|
position: relative;
|
margin: 24px 33px 0 0;
|
overflow: hidden;
|
*z-index: 1;
|
}
|
.ershouUploader-queue li .wrapper {
|
border: 1px solid #fff;
|
height: 116px;
|
width: 116px;
|
overflow: hidden;
|
}
|
.ershouUploader-queue li .tb-pic {
|
width: 116px;
|
height: 116px;
|
overflow: hidden;
|
_zoom: 1;
|
}
|
.ershouUploader-queue li .tb-pic a {
|
display: table-cell;
|
vertical-align: middle;
|
text-align: center;
|
*display: block;
|
*font-family: Arial;
|
*line-height: 1;
|
*font-size: 101px;
|
width: 116px;
|
height: 116px;
|
}
|
.ershouUploader-queue li .tb-pic img {
|
max-width: 116px;
|
max-height: 116px;
|
vertical-align: middle;
|
_width: 116px;
|
}
|
.upload-operations,
|
.upload-op-mask {
|
display: none;
|
}
|
/*上传消息提示*/
|
.tips-uploading,
|
.tips-upload-error,
|
.tips-upload-success,
|
.tips-upload-waiting {
|
display: none;
|
position: absolute;
|
width: 118px;
|
top: 0;
|
left: 0;
|
z-index: 9;
|
}
|
.tips-upload-error {
|
padding: 38px 0 0 30px;
|
width: 88px;
|
line-height: 24px;
|
color: #f00;
|
}
|
.tips-upload-waiting,
|
.tips-upload-success {
|
line-height: 118px;
|
color: #7a9900;
|
text-align: center;
|
}
|
.tips-upload-waiting {
|
color: #000;
|
}
|
|
/*开始上传*/
|
.upload-error .pic-mask,
|
.upload-success .pic-mask,
|
.uploading .pic-mask,
|
.upload-waiting .pic-mask {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 118px;
|
height: 118px;
|
opacity: 0.8;
|
filter: alpha(opacity=80);
|
background: #fff;
|
z-index: 7;
|
}
|
.uploading .tips-uploading {
|
display: block;
|
background: transparent url("http://img04.taobaocdn.com/tps/i4/T1yD85Xc8BXXXXXXXX-16-16.gif") no-repeat 8px 50%;
|
}
|
.uploading .tips-uploading .tips-text {
|
line-height: 117px;
|
padding-left: 28px;
|
color: #F60;
|
}
|
.upload-error .tips-upload-error,
|
.upload-success .tips-upload-success,
|
.upload-waiting .tips-upload-waiting {
|
display: block;
|
}
|
/*进度条*/
|
.upload-queue .progress-bar {
|
display: none;
|
}
|
.advance-queue .progress-bar {
|
display: block;
|
width: 90px;
|
margin: 50px auto 0;
|
height: 12px;
|
}
|
.advance-queue .uploading .progress-bar {
|
padding: 1px;
|
height: 10px;
|
width: 88px;
|
background: transparent url("http://img02.taobaocdn.com/tps/i2/T18tOwXgJAXXXXXXXX-90-12.gif") no-repeat 0 0;
|
}
|
.advance-queue .tips-upload-error,
|
.advance-queue .tips-upload-success .tips-text,
|
.advance-queue .tips-uploading .tips-text {
|
line-height: 28px;
|
text-align: center;
|
}
|
.advance-queue .tips-uploading {
|
background: transparent;
|
}
|
.advance-queue .tips-uploading .tips-text {
|
padding: 0;
|
}
|
.advance-queue .progress-bar {
|
overflow: hidden;
|
}
|
.advance-queue .progress-mask {
|
float: right;
|
display: block;
|
width: 100%;
|
height: 10px;
|
background: #fff;
|
}
|
.advance-queue .upload-error .progress-bar {
|
background-position: 0 -355px;
|
}
|
.advance-queue .upload-success .progress-bar {
|
background-position: -95px -355px;
|
}
|
.advance-queue .tips-upload-error {
|
padding: 0;
|
width: 100%;
|
}
|
.advance-queue .tips-upload-error p:last-child {
|
padding-left: 8px;
|
}
|
.ershouUploader-queue .upload-done:hover,
|
.ershouUploader-queue .upload-done .tb-hover {
|
border-color: #98CD6A;
|
}
|
.upload-done:hover .upload-operations,
|
.upload-done .tb-hover .upload-operations {
|
display: block;
|
position: absolute;
|
height: 25px;
|
width: 118px;
|
text-align: center;
|
z-index: 15;
|
left: 0;
|
bottom: 0;
|
}
|
.upload-queue .upload-operations a {
|
color: #404040;
|
text-decoration: underline;
|
line-height: 24px;
|
margin: 0 8px;
|
}
|
.upload-operations a:hover {
|
color: #fff;
|
}
|
.upload-op-mask {
|
background: #BDDFA0;
|
position: absolute;
|
z-index: 10;
|
left: 0;
|
bottom: 0;
|
width: 118px;
|
height: 25px;
|
}
|
.upload-done:hover .upload-op-mask,
|
.upload-done .tb-hover .upload-op-mask {
|
display: block;
|
opacity: 0.8;
|
filter:alpha(opacity=80);
|
}
|
.main-pic .set-as-main {
|
display: none;
|
}
|
.upload-queue .main-pic,
|
.upload-queue .main-pic .wrapper {
|
border-color: #98CD6A;
|
}
|
.main-pic .main-pic-logo {
|
position: absolute;
|
top: 0;
|
left: 0;
|
background: #98CD6A;
|
color: #fff;
|
height: 16px;
|
width: 27px;
|
padding-left: 2px;
|
line-height: 16px;
|
z-index: 10;
|
}
|
