125 linhas
5.7 KiB
CSS
125 linhas
5.7 KiB
CSS
/*瀑布*/
|
|
.srcFileList{
|
|
/*
|
|
-moz-column-count:5;
|
|
-webkit-column-count:5;
|
|
column-count:5;
|
|
-moz-column-gap: 1em;
|
|
-webkit-column-gap: 1em;
|
|
column-gap: 1em;
|
|
*/
|
|
overflow:hidden;
|
|
}
|
|
.srcFileList:before,.srcFileList:after{content:"";display:table;}
|
|
.srcFileList:after{clear:both;}
|
|
|
|
/*一个内容层*/
|
|
.item{
|
|
padding: 1em;
|
|
position:relative;
|
|
/*
|
|
-moz-page-break-inside: avoid;
|
|
-webkit-column-break-inside: avoid;
|
|
break-inside: avoid;
|
|
*/
|
|
width:20%;
|
|
float:left;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.item>div{
|
|
padding: 10px;
|
|
background-color: #fff;
|
|
width:100%;
|
|
height:100%;
|
|
overflow:hidden;
|
|
position:relative;
|
|
}
|
|
.item>div:hover{
|
|
-webkit-box-shadow: #666 0px 0px 10px;
|
|
-moz-box-shadow: #666 0px 0px 10px;
|
|
box-shadow: #666 0px 0px 10px;
|
|
behavior: url(/PIE.htc);
|
|
}
|
|
.item>div>img{
|
|
width: 100%;
|
|
}
|
|
|
|
.z-tabnav-main>nav span.z-cover{height:35px;line-height:1;}
|
|
.z-tabnav-main>nav span.z-cover li{height:auto;}
|
|
|
|
/** 申请精品 **/
|
|
.applyEssenceBtn{width:40px;height:130px;right:20px;top:50%;margin-top:-50px;font-size:16px;text-align:center;line-height:20px;background:#1299ec;color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);border-radius:5px;cursor:pointer;z-index:999;overflow:hidden;}
|
|
.applyEssenceBtn:hover{background:#28a3ef}
|
|
.applyEssenceBtn>span{display:block;}
|
|
.applyEssenceBtn>span{padding:12px 10px 18px;}
|
|
.applyEssenceBtn>span:last-child:hover{background:#0b85d0}
|
|
.applyEssenceBtn>span:first-child,.applyEssenceBtn.active>span:last-child{display:block;}
|
|
.applyEssenceBtn>span:last-child,.applyEssenceBtn.active>span:first-child{display:none;}
|
|
.item>.checkBox{display:none;left:0;top:0;background:rgba(255,255,255,.8);background-clip:content-box;padding:1em;}
|
|
/**
|
|
.item.selectedItem>.checkBox{display:block;}
|
|
.item.selectedItem>.checkBox::before{content:"\f00d";font-family:"z-font" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;
|
|
font-size:30px;position: absolute;left:50%;top:50%;width:30px;height:16px;margin-top:-8px;margin-left:-15px;color:#006400;}
|
|
**/
|
|
.item>.checkBox>input{visibility: hidden;}
|
|
|
|
/** 悬浮操作按钮 **/
|
|
.item>div.z-bg-white.z-pointer:hover .itemCtrBar{display:block;}
|
|
.itemCtrBar{top:0;right:0;bottom:0;left:0;padding:10px;display:none;background:rgba(0,0,0,.3);background-origin:content-box;background-clip:content-box;pointer-events:none;}
|
|
.itemCtrBar>button,.itemCtrBar>.itemCtrBar-item{pointer-events:auto;}
|
|
.itemCtrBar>.itemCtrBar-item{width:30px;height:30px;margin:15px;text-align:center;line-height:26px;border-radius:50%;background:#fff;opacity:.9;}
|
|
.itemCtrBar>.itemCtrBar-item-delete,.selectedItem .itemCtrBar>.itemCtrBar-item-success{display:none;}
|
|
.selectedItem .itemCtrBar>.itemCtrBar-item-delete{display:block;}
|
|
|
|
.selectedItemBar{content:"精品";border-color:transparent transparent #f55 #f55;}
|
|
|
|
/** 显示 **/
|
|
.allItem-info::before{position:absolute;font-size:12px;white-space:nowrap;color:#fff;text-indent:-20px;line-height:15px;bottom:0;border-width:16px 22px;border-style:solid;width:0;height:0;}
|
|
.allItem-info{width:100%;height:32px;line-height:35px;left:0;bottom:0;color:#fff;background:rgba(0,0,0,.3);text-indent:35px}
|
|
|
|
/** 精品显示 **/
|
|
.bestItem .allItem-info::before{content:"精品";left:0;border-color:transparent transparent #f55 #f55}
|
|
|
|
/** 模板显示 **/
|
|
.modelItem .allItem-info::before{content:"模板";left:0;border-color:transparent transparent #00a2eb #00a2eb;}
|
|
|
|
/** 订单显示 **/
|
|
.orderItem .allItem-info::before{content:"定稿";left:0;border-color:transparent transparent #9e70ca #9e70ca;}
|
|
|
|
/** 临时显示 **/
|
|
.temporaryItem .allItem-info::before{content:"临时";left:0;border-color:transparent transparent #fb53cf #fb53cf;}
|
|
|
|
/**我的显示**/
|
|
.myItem .allItem-info::before{content:"我的";left:0;border-color:transparent transparent #fb53cf #fb53cf;}
|
|
|
|
|
|
|
|
/** 已选显示 **/
|
|
.selectedItemBar{right:0;top:0;text-indent:-4px;line-height:15px;border-color:#008b8b #008b8b transparent transparent;display:none;}
|
|
.selectedItemBar::before{content:"已选";position:relative;top:-14px;}
|
|
.selectedItem .selectedItemBar{display:block;}
|
|
|
|
/** 浮动选择框 **/
|
|
.fixedDialog{transition:right .6s;}
|
|
.fixedDialog.z-active{right:0 !important;}
|
|
.fixedDialog-title{width:36px;padding:10px 3px;font-size:16px;color:#fff;background-clip:padding-box;cursor:pointer;text-align:center;border-top-left-radius:5px;border-bottom-left-radius:5px;border-width:5px 0 5px 5px;border-style:solid;border-color:rgba(0,0,0,.1);}
|
|
.fixedDialog-content{height:100%;position:relative;background:#fff;border:1px solid #ccc;}
|
|
.fixedDialog-content ul{width:100%;height:100%;}
|
|
.fixedDialog-confirm{width:100%;position:absolute;bottom:8px;text-align:center;}
|
|
.fixedDialog-hiddenBtn{bottom:0;background:#ccc;width:36px;padding:5px 0;text-align:center;color:#fff;cursor:pointer;}
|
|
|
|
#fixedDialog_1{height:400px;right:-210px;bottom:100px;}
|
|
#fixedDialog_content_1{width:220px;padding:5px 5px 45px 5px;}
|
|
#fixedDialog_content_1 li{float:left;position:relative;width:50%;height:25%;padding:10px;text-align:center;border:1px solid #f5f5f5;}
|
|
#fixedDialog_content_1 li::before{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
|
|
#fixedDialog_content_1 li>img{}
|
|
#fixedDialog_content_1 li>.z-delete{position:absolute;width:100%;height:100%;left:0;top:0;padding-top:35px;background:rgba(255,255,255,.5);cursor:pointer;text-align:center;font-size:25px;display:none;}
|
|
#fixedDialog_content_1 li.z-active:hover>.z-delete{display:block;}
|
|
|
|
/** 浮动框订单信息 **/
|
|
#fixedDialog_2{height:200px;right:-400px;bottom:630px;}
|
|
#fixedDialog_content_2{width:410px;padding:10px;}
|
|
#fixedDialog_content_2>ul{overflow:auto;}
|
|
#fixedDialog_content_2 li{line-height:20px;padding:3px 2px;border-bottom:1px solid #f5f5f5;}
|