<div class="karunlemys-vid">
<div class="karunlemys-title">
<div class="zornet_ru"><a href="$ENTRY_URL$">$TITLE$</a></div>
</div>
<div class="karunlemys-img-text">
<div class="karunlemys-img">
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$"></a>
</div>
<div class="karunlemys-text">
$MESSAGE$
</div>
</div>
<div class="karunlemys-detali">
<div class="karunlemys-1"><span class="karunlemys-1-l"><i class="fa fa-calendar"></i></span><span class="karunlemys-1-r">$DATE$</span></div>
<div class="karunlemys-1"><span class="karunlemys-1-l"><i class="fa fa-eye"></i></span><span class="karunlemys-1-r">$READS$</span></div>
<div class="karunlemys-1"><span class="karunlemys-1-l"><i class="fa fa-comments-o"></i></span><span class="karunlemys-1-r"><?if($COMMENTS_NUM$)?>$COMMENTS_NUM$ комментар<?if($COMMENTS_NUM$%10=1&&$COMMENTS_NUM$%100!=11)?>ий<?else?><?if($COMMENTS_NUM$%10>=2&&$COMMENTS_NUM$%10<=4&&($COMMENTS_NUM$%100<10||$COMMENTS_NUM$%100>=20))?>ия<?else?>иев<?endif?><?endif?><?else?>нет комментариев<?endif?></a></span></div>
<div class="karunlemys-1"><span class="karunlemys-1-l"><i class="fa fa-clone"></i></span><span class="karunlemys-1-r"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></div>
<div class="karunlemys-1"><span class="karunlemys-1-l"><i class="fa fa-user-o"></i></span><span class="karunlemys-1-r"><a href="$PROFILE_URL$">$USERNAME$</a></span></div>
<div class="karunlemys-1"><span class="karunlemys-2"><a href="$ENTRY_URL$">Читать далее</a></span></div>
</div>
</div>

.karunlemys-vid {border-radius: 3px;background-color: rgba(247, 247, 247, 0.96);box-shadow: 0px 0px 1px 2px rgba(185, 185, 185, 0.95);padding: 10px;margin-bottom: 17px;}
.karunlemys-title {border-bottom: solid rgba(204, 204, 204, 0.97) 1px;padding: 0 0 10px 0;margin: 0 0 10px 0;}
.karunlemys-title a {color: rgba(68, 64, 64, 0.95);font-size: 17px;font-weight: bold;}
.karunlemys-title a:hover {color: rgba(63, 89, 183, 0.95);text-decoration: none;}
.karunlemys-title span {font-size: 12px; margin-top: 5px; display: block;}
.karunlemys-title span a {display: inline-block; font-weight: normal; font-size: 12px;}
.karunlemys-img-text {width: 100%;min-height: 100%;}
.karunlemys-img {width: 100%;height: 175px;margin: 0 10px 10px 0;border-radius: 3px;}
.karunlemys-img img {width: 99%;height: 165px;object-fit: cover;border: 3px solid rgba(241, 235, 235, 0.97);border-radius: 7px;box-shadow: 0px 0px 18px rgba(109, 102, 102, 0.29), 0px 3px 20px 0px rgba(117, 110, 110, 0.32);}
.karunlemys-text {text-align: justify;height: 50px;overflow: hidden;line-height: 135%;color: #504949;}
.karunlemys-detali {padding: 10px;margin: 10px 0 0 0;border-radius: 5px;box-shadow: 0px 0px 5px 0px rgb(193, 193, 193);border: 1px solid rgba(216, 206, 206, 0.98);font-weight: bold;}
.karunlemys-1 {display: inline-block;font-size: 11px;margin-right: 9px;color: rgba(24, 115, 142, 0.99);font-weight: bold;}
.karunlemys-1:last-child {display: table; float: right; margin: -3px 0 0 0;}
.karunlemys-1-l {margin-right: 5px;}
.karunlemys-1-r {
color: #3498db;
font-weight: bold;
}
.karunlemys-2 a {display: block;background-color: rgba(21, 95, 19, 0.9);color: rgba(243, 238, 238, 0.98);padding: 5px 20px;border-radius: 5px;margin: -1px 0px 5px 16px;}
.karunlemys-2 a:hover {background-color: rgba(45, 152, 37, 0.9); text-decoration: none;}

@media only screen and (max-width: 690px){
.karunlemys-img, .karunlemys-detali {float: none!important;width: 100%!important;}
.karunlemys-detali {margin: 0px 1px -10px -10px;border-radius: 0px; box-shadow: 10px 0px 5px 0px rgba(247, 247, 247, 0);border: 1px solid rgba(247, 247, 247, 0.02);font-weight: bold;}
.karunlemys-1:last-child {display: none;}
.karunlemys-1-r {display: none;}
.karunlemys-1-l {display: none;}
.detali {display: none;}
.karunlemys-img img {width: 97.3%;}
.karunlemys-2 a {display: block;background-color: rgba(33, 97, 142, 0.9);color: rgba(243, 238, 238, 0.98);padding: 10px 20px;border-radius: 5px;margin: -1px 0px 5px 16px;text-align: center;}
.karunlemys-2 a:hover {background-color: rgba(30, 85, 123, 0.9); text-decoration: none;}
.karunlemys-1:last-child {display: table !important; float: none; width:100%; margin: -10px 2px 1px -10px;
.karunlemys-detali {padding: 10px;margin: 10px 0 0 0;border-radius: 5px;box-shadow: 0px 0px 5px 0px rgb(193, 193, 193);border: 1px solid rgba(216, 206, 206, 0.98);font-weight: bold;}
}

.zornet_ru {
white-space: nowrap;
overflow: hidden;
padding: 5px;
background: rgb(247, 247, 247);
position: relative;
}
.zornet_ru::after {
content: '';
position: absolute;
right: 0; top: 0;
width: 58px;
height: 100%;

background: -moz-linear-gradient(left, rgba(247, 247, 247, 0.5), #f7f7f7 100%);
background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0.79), #f7f7f7 100%);
background: -o-linear-gradient(left, rgba(247, 247, 247, 0.65), #f7f7f7 100%);
background: -ms-linear-gradient(left, rgba(247, 247, 247, 0.61), rgba(247, 247, 247, 0.35) 100%);
background: linear-gradient(to right, rgba(247, 247, 247, 0.18), rgb(247, 247, 247) 100%);
}