47 lines
1.2 KiB
CSS
47 lines
1.2 KiB
CSS
.min-width{min-width:450px;}
|
|
|
|
.main{position: relative;}
|
|
.main .box{padding: 10px 0 0 10px; float: left;}
|
|
.main .box .pic{padding: 5px; border: 1px solid #CCCCCC;border-radius: 5px; box-shadow: 0 0 5px #ccc;cursor:pointer}
|
|
.main .box .pic >img{width: 150px; height: auto;}
|
|
.main .box .pic .cont{width: 150px; height: auto; word-wrap:break-word;}
|
|
.main .box .pic .z-content{width:auto !important;}
|
|
|
|
/*列表*/
|
|
.list-file{overflow:hidden;}
|
|
.list-file:before,.list-file:after{content:"";display:table;}
|
|
.list-file:after{clear:both;}
|
|
|
|
/*内容项*/
|
|
.list-file .item{
|
|
padding: 5px;
|
|
position:relative;
|
|
width:33.3%;
|
|
float:left;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.list-file .item>div{
|
|
padding: 3px;
|
|
background-color: #fff;
|
|
width:100%;
|
|
height:100%;
|
|
overflow:hidden;
|
|
position:relative;
|
|
border: 1px solid #CCCCCC;
|
|
border-radius: 5px;
|
|
box-shadow: 0 0 5px #ccc;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.list-file .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);
|
|
}
|
|
|
|
.list-file .item>div>img{width: 100%;}
|
|
|
|
.list-file .z-content{width:auto !important;}
|