Вид материалов файлов широкополосный для uCoz

<div class="kakibrovka-tab">  
  <div class="kakibrovka-img">  
  <span class="danernugat-date">$TIME$<span>$WDAY$</span></span>  
  <a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt=""></a>  
  </div>  
  <div class="kakibrovka-right">  
  <h2 class="kakibrovka-title"><p class="zerkavrtun"><a href="$ENTRY_URL$">$TITLE$</a></p></h2>  
  <div class="kakibrovka-det">  
  <span><i class="fa fa-eye"></i>$READS$</span>  
  <span><a href="$COMMENTS_URL$"><i class="fa fa-comments"></i>$COMMENTS_NUM$</a></span>  
  <span><a href="$PROFILE_URL$"><i class="fa fa-user"></i>$AUTHOR_NAME$</a></span>  
  <span><a href="$CATEGORY_URL$"><i class="fa fa-folder"></i>$CATEGORY_NAME$</a></span>  
  </div>  
  <div class="tumilatuz-text">  
  <div class="kakibrovka-short">$MESSAGE$</div>  
  </div>  
</div>  
</div>

.kakibrovka-tab{  
display:block;  
width:100%;  
margin-bottom: 25px;  
background: rgba(243, 243, 243, 0.99);  
border: 1px solid rgba(214, 214, 214, 0.98);  
border-radius: 6px 6px 3px 3px;  
box-shadow: 0px 1px 10px rgba(148, 148, 148, 0.39), 0px 3px 18px 0px rgba(12, 12, 12, 0.09);  
}  

.kakibrovka-img, .kakibrovka-right{  
display:block;  
vertical-align:top;  
}  

.kakibrovka-right{  
padding: 12px;  
}  

.kakibrovka-img{  
width:100%;  
position:relative;  
}  

.kakibrovka-img img{  
width:100%;  
vertical-align:bottom;  
height: 230px;  
border-bottom: 2px solid rgba(185, 188, 191, 0.98);  
}  

.kakibrovka-det{  
margin-top:10px;  
color:rgba(128, 128, 128, 0.98);  
font-size:13px;  
border-bottom: 1px solid rgba(219, 225, 232, 0.98);  
padding: 1px 0px 9px 1px;  
}  

.kakibrovka-det span{  
margin-right:8px}  

.kakibrovka-det i{  
margin-right:8px}  

.kakibrovka-det a{  
color:rgba(128, 128, 128, 0.97);  
text-decoration:none}  

.kakibrovka-title{  
font-size:18px;  
padding-right:10%;  
margin:0px;  
border-bottom: 1px solid rgba(216, 220, 224, 0.98);  
padding: 0px 0px 9px 5px;  
}  

.kakibrovka-title a{  
text-decoration:none;  
font-weight:bold}  

.kakibrovka-title2{  
font-size:28px;  
font-weight:bold;  
margin:0px}  

.kakibrovka-short{  
margin-top: 3px;  
line-height:2em;  
}  

.kakibrovka-short2{  
margin-top:30px;  
line-height:2em}  

.kakibrovka-over{  
padding:30px;  
padding-bottom:40px}  

.danernugat-date{  
display:inline-block;  
position:absolute;  
top: 17px;  
left: 17px;  
color:#fff;  
text-align:center;  
padding: 10px 18px;  
font-size:22px;  
line-height:24px;  
background: rgba(0, 0, 0, 0.18);  
border-radius: 10px;  
}  

.danernugat-date span{  
display:block;  
font-size:11px;  
text-transform:lowercase;  
line-height:13px;  
margin-top:3px}  

.kakibrovka-tab:hover .danernugat-date{  
background:rgba(0,0,0,0.2);  
}  

.kakibrovka-tab img, .h-content-top img{border-top-left-radius: 6px;border-top-right-radius: 6px;}  

.tumilatuz-text{  
opacity: 0.9;  
margin-bottom: 0px;  
padding: 0 0px;  
height: 89px;  
overflow: hidden;  
text-align: justify;  
color: #3f474c;  
font-size: 15px;  
font-family: PT Sans;  
}  

.kakibrovka-title a{  
color: rgba(46, 127, 177, 0.97);  
font-size: 21px;  
overflow:hidden;  
font-family: PT Sans;  
font-weight: bold;  
}  

.kakibrovka-title a:hover{  
color: rgba(130, 52, 20, 0.93);  
}  

.zerkavrtun{  
white-space: nowrap;  
overflow: hidden;  
padding: 3px;  
background: #f3f3f3;  
position: relative;  
margin: 0px 5px 5px -7px;  
}  

.zerkavrtun::after{  
content: '';  
position: absolute;  
right: 0;  
top: 0;  
width: 70px;  
height: 100%;  
background: linear-gradient(to right, rgba(243, 243, 243, 0.22), rgb(243, 243, 243) 100%);  
}  

@media screen and (max-width: 500px){  
.kakibrovka-det{  
display: none!important;  
}  

}