index.css 1.5 KB

1234567891011121314
  1. #news_box .news_item{top:0;left:0;padding:5px;margin:10px;width:300px;position:relative;border:1px solid #ccc;box-sizing:content-box;}
  2. #news_box div{display:block;}
  3. .ibox-content{background-color:#fff;color:inherit;padding:15px;}
  4. #news_box{display: inline-block;}
  5. #news_box .news_item{top:0;left:0;padding:5px;margin:10px;width:280px;position:relative;border:1px solid #ccc;box-sizing:content-box;}
  6. #news_box .news_item .news_articel_item{width:100%;height:150px;overflow:hidden;position:relative;background-size:100%;background-position:center center;}
  7. #news_box .news_item .news_articel_item p{bottom:-10px;width:100%;color:#fff;padding:5px;max-height:5em;font-size:12px;overflow:hidden;position:absolute;text-overflow:ellipsis;background:rgba(0,0,0,0.7);}
  8. #news_box .news_item .news_articel_item.other{height:50px;padding:5px 0;}
  9. #news_box .news_item .news_articel_item .left-image{width:50px;height:50px;float:left;overflow:hidden;position:relative;background-size:100%;background-position:center center;}
  10. #news_box .news_item .news_articel_item .right-text{float:left;width:250px;padding-right:10px;overflow:hidden;text-overflow:ellipsis;}
  11. #news_box .news_item .hr-line-dashed:last-child{display:none}
  12. #news_box .hr-line-dashed{margin:6px 0 1px 0}
  13. #news_box .news_tools{top:0;z-index:80;color:#fff;width:100%;padding:0 5px;margin-left:-6px;line-height:38px;text-align:right;position:absolute;background:rgba(0,0,0,0.7);}
  14. #news_box .news_tools a{color:#fff;margin-left:10px}