Вид материалов для новостей GrosNev для uCoz

.category-title {border-top: 5px solid rgba(0, 125, 173, 0.75);bottom: 100%;margin:10px 0px 20px 0px;left: 0;color: #fff; position: absolute;text-align: center;width: 100%;z-index: 4;}  
  .category-title span {background: rgba(0, 125, 173, 0.85);position: absolute;left: 240px;bottom: -14px;padding: 8px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;font-size: .625rem;font-weight: bold;text-transform: uppercase;}  

  .nlist{display:block;padding:10px;border-bottom:3px solid #fff}  
  .nlist:nth-child(odd){display:block;background:#e4eaed;padding:10px;border-bottom:3px solid #fff}  
  .nlist:hover{background:rgba(0,0,0,.90); color:#fff; border-radius:3px;}  
  .nlist a:hover{color:#fff;}  
  .nlist .images{background:#fff;float:left;height:90px;margin:0 10px 0 0;overflow:hidden;position:relative;width:260px}  
  .nlist .images span{height:500%;position:absolute;top:-200%;width:100%}  
  .nlist .images img{top:0;right:0;bottom:0;left:0;display:block;height:auto;margin:auto;position:absolute;width:100%}  
  .nlist .titleS{font:14px;font-family: "Roboto", Helvetica, Tahoma, Arial;width:100%; line-height: 16px;}  
  .titleS a:hover{color:#fff;font:14px Arial;width:100%; line-height: 16px;}  
  .nlist p{line-height:20px;padding:5px 0;margin:0;color:#555}  
  .nlist .l,.nlist .r{font:14px;color:#555}  
  .news-movie-time {  
  background: 0pt 0pt rgba(0,0,0,0.70);  
  display: block;  
  color: #fff;  
  float: left;  
  font: 10px "Arial";  
  padding: 5px 10px;  
  position: absolute;  
  text-align: left;  
  text-shadow: 20pt 20pt 20px;  
  }

<a href="$ENTRY_URL$" class="nlist">  
  <div class="images"><span><img src="$IMG_URL1$" alt="$TITLE$"></span></div>  
  <div class="news-movie-time">$CATEGORY_NAME$</div>  
  <span class="titleS">$TITLE$</span><br>  
  <p>$MESSAGE$</p></a>