<li><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" class="avatar" height="45" width="45"><?else?><img src="/.s/img/icon/social/noavatar.png" class="avatar" height="45" width="45"/><?endif?><div>  
<span class="recent_comment_name">$USERNAME$</span> <span class="ctime">$DATE$</span></div><i class="fa fa-pencil" aria-hidden="true"></i> <a href="$ENTRY_URL$#comments" title="$USERNAME$ | $ENTRY_TITLE$">$MESSAGE$</a><div class="clear"></div></li>

/*-------Коментарии последние------------- */ 

ul.clearlist {margin: 0; padding: 0; font-family: 'PT Sans';}  
.clearlist li .avatar { float: left; margin-right: 5px; padding: 1px; border: 1px solid #87CEEB; border-radius: 50px;}  
.clearlist li .recent_comment_name, .recent_comment_name a {color: #d15128; font-weight: 700; font-size: 13px; padding-top: 5px; display: inline-block;}  
.clearlist li .ctime {color: #999; font-size: 10px; padding-left: 5px;}  
.clearlist a { color: #1E90FF; font-size: 15px;}  
.clearlist a:hover { color: #3A413F; }  
.clearlist li {padding: 5px 0; border-bottom: 1px dotted #87CEEB; background-size: 200.22% auto; -webkit-background-size: 200.22% auto; -moz-background-size: 200.22% auto; background-position: -0 0; background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,#87CEEB 50 <img src="/.s/sm/2/wacko.gif" border="0" align="absmiddle" alt="wacko" /> ; transition: background-position .5s ease-out; -webkit-transition: background-position .5s ease-out; white-space: nowrap; overflow: hidden; -webkit-mask: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 210px, rgba(0, 0, 0, 0));}  
.clearlist li:hover {background-position: -99.99% 0;}  
.clearlist i { color: #87CEEB;} 

/*-------Конец - Коментарии последние------------- */

<ul class="clearlist">  
$MYINF_номер информера$</ul>