160 lines
3.3 KiB
CSS
160 lines
3.3 KiB
CSS
|
@charset "utf-8";
|
||
|
/* CSS Document*/
|
||
|
.parentFileBox {
|
||
|
width:auto;
|
||
|
height:auto;
|
||
|
overflow:hidden;
|
||
|
position:relative;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl {
|
||
|
position:relative;
|
||
|
width:100%;
|
||
|
height:auto;
|
||
|
overflow:hidden;
|
||
|
padding-bottom:5px;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li {
|
||
|
float:left;
|
||
|
border:1px solid #09F;
|
||
|
border-radius:5px;
|
||
|
width:170px;
|
||
|
height:150px;
|
||
|
margin-top:5px;
|
||
|
margin-left:5px;
|
||
|
overflow:hidden;
|
||
|
position:relative;
|
||
|
background-color:#099;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.viewThumb {
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
left:0;
|
||
|
width:170px;
|
||
|
height:150px;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.viewThumb>img {
|
||
|
width:100%;
|
||
|
height:100%;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diyCancel,.parentFileBox>.fileBoxUl>li>.diySuccess {
|
||
|
position:absolute;
|
||
|
width:32px;
|
||
|
height:32px;
|
||
|
top:2px;
|
||
|
right:2px;
|
||
|
cursor:pointer;
|
||
|
display:none;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diyCancel {
|
||
|
background:url(../images/x_alt.png) no-repeat;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diySuccess {
|
||
|
background:url(../images/check_alt.png) no-repeat;
|
||
|
cursor:default;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diyFileName {
|
||
|
position:absolute;
|
||
|
bottom:0px;
|
||
|
left:0px;
|
||
|
width:100%;
|
||
|
height:20px;
|
||
|
line-height:20px;
|
||
|
text-align:center;
|
||
|
color:#fff;
|
||
|
font-size:12px;
|
||
|
display:none;
|
||
|
background:url(../images/bgblack.png);
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diyBar {
|
||
|
top:0;
|
||
|
left:0;
|
||
|
position: absolute;
|
||
|
width: 170px;
|
||
|
height: 150px;
|
||
|
line-height:150px;
|
||
|
background:url(../images/bgblack.png);
|
||
|
display:none;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText {
|
||
|
font-size:14px;
|
||
|
text-align:center;
|
||
|
color:#FFF;
|
||
|
position:relative;
|
||
|
z-index:99;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {
|
||
|
position:absolute;
|
||
|
left:0;
|
||
|
top:42%;
|
||
|
height:24px;
|
||
|
width:100%;
|
||
|
background-color:#09F;
|
||
|
filter:alpha(opacity=70);
|
||
|
-moz-opacity:0.7;
|
||
|
opacity:0.7;
|
||
|
z-index:97;
|
||
|
}
|
||
|
.parentFileBox>.diyButton {
|
||
|
width:100%;
|
||
|
margin-top:5px;
|
||
|
margin-bottom:5px;
|
||
|
height:20px;
|
||
|
line-height:20px;
|
||
|
text-align:center;
|
||
|
}
|
||
|
.parentFileBox>.diyButton>a {
|
||
|
padding:5px 10px 5px 10px;
|
||
|
background-color:#09C;
|
||
|
color:#FFF;
|
||
|
font-size:12px;
|
||
|
text-decoration:none;
|
||
|
border-radius:3px;
|
||
|
}
|
||
|
.parentFileBox>.diyButton>a:hover {
|
||
|
background-color:#0CC;
|
||
|
color:#F30;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li:hover {
|
||
|
-moz-box-shadow: 3px 3px 4px #FF0;
|
||
|
-webkit-box-shadow: 3px 3px 4px #FF0;
|
||
|
box-shadow: 3px 3px 4px #FF0;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>.diyUploadHover:hover .diyCancel {
|
||
|
display:block;
|
||
|
}
|
||
|
.parentFileBox>.fileBoxUl>li:hover .diyFileName {
|
||
|
display:block;
|
||
|
}
|
||
|
.avi_diy_bg,.txt_diy_bg,.doc_diy_bg,.zip_diy_bg,.csv_diy_bg,.xls_diy_bg,.mp3_diy_bg,.pdf_diy_bg,.rar_diy_bg {
|
||
|
background-position:center;
|
||
|
background-repeat:no-repeat;
|
||
|
}
|
||
|
.avi_diy_bg {
|
||
|
background-image:url(../images/filebg/avi.png);
|
||
|
}
|
||
|
.txt_diy_bg {
|
||
|
background-image:url(../images/filebg/txt.png);
|
||
|
}
|
||
|
.doc_diy_bg {
|
||
|
background-image:url(../images/filebg/doc.png);
|
||
|
}
|
||
|
.zip_diy_bg {
|
||
|
background-image:url(../images/filebg/zip.png);
|
||
|
}
|
||
|
.csv_diy_bg {
|
||
|
background-image:url(../images/filebg/csv.png);
|
||
|
}
|
||
|
.xls_diy_bg {
|
||
|
background-image:url(../images/filebg/xls.png);
|
||
|
}
|
||
|
.mp3_diy_bg {
|
||
|
background-image:url(../images/filebg/mp3.png);
|
||
|
}
|
||
|
.pdf_diy_bg {
|
||
|
background-image:url(../images/filebg/pdf.png);
|
||
|
}
|
||
|
.rar_diy_bg {
|
||
|
background-image:url(../images/filebg/rar.png);
|
||
|
}
|