| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- .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;}
|