plugin.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .min-width{min-width:450px;}
  2. .main{position: relative;}
  3. .main .box{padding: 10px 0 0 10px; float: left;}
  4. .main .box .pic{padding: 5px; border: 1px solid #CCCCCC;border-radius: 5px; box-shadow: 0 0 5px #ccc;cursor:pointer}
  5. .main .box .pic >img{width: 150px; height: auto;}
  6. .main .box .pic .cont{width: 150px; height: auto; word-wrap:break-word;}
  7. .main .box .pic .z-content{width:auto !important;}
  8. /*列表*/
  9. .list-file{overflow:hidden;}
  10. .list-file:before,.list-file:after{content:"";display:table;}
  11. .list-file:after{clear:both;}
  12. /*内容项*/
  13. .list-file .item{
  14. padding: 5px;
  15. position:relative;
  16. width:33.3%;
  17. float:left;
  18. overflow:hidden;
  19. }
  20. .list-file .item>div{
  21. padding: 3px;
  22. background-color: #fff;
  23. width:100%;
  24. height:100%;
  25. overflow:hidden;
  26. position:relative;
  27. border: 1px solid #CCCCCC;
  28. border-radius: 5px;
  29. box-shadow: 0 0 5px #ccc;
  30. cursor:pointer;
  31. }
  32. .list-file .item>div:hover{
  33. -webkit-box-shadow: #666 0px 0px 10px;
  34. -moz-box-shadow: #666 0px 0px 10px;
  35. box-shadow: #666 0px 0px 10px;
  36. behavior: url(/PIE.htc);
  37. }
  38. .list-file .item>div>img{width: 100%;}
  39. .list-file .z-content{width:auto !important;}