Zau4man

<div class="blog_author">
    <div class="image ava_wd_blogs">
        <a href="<?php echo href_to('users', $item['user']['id']); ?>" title="<?php html($item['user']['nickname']); ?>"><?php echo html_avatar_image($item['user']['avatar'], 'small', $item['user']['nickname']); ?></a>
    </div>
    <div class="blog_author_info">
        <?php if ($fields['user']['is_in_item']){ ?>
        <div class="blog_user" title="<?php html( $fields['user']['title'] ); ?>">
            <?php echo $fields['user']['html']; ?>
        </div>
        <?php } ?>
        <?php if ($fields['date_pub']['is_in_item']){ ?>
        <div class="blog_date" title="<?php html( $fields['date_pub']['title'] ); ?>">
            <i class="fa fa-clock-o" aria-hidden="true"></i>  <?php echo $fields['date_pub']['html']; ?>
        </div>
        <?php } ?>
    </div>
</div>
<div class="blog_info">
    <?php if (!empty($ctype['options']['hits_on'])){ ?>
        <div class="blog_hits" title="<?php echo LANG_HITS; ?>">
            <i class="fa fa-eye" aria-hidden="true"></i> <?php echo $item['hits_count']; ?>
        </div>
    <?php } ?>
    <?php if (!empty($item['rating_widget'])){ ?>
        <div class="blog_rating">
            <?php echo $item['rating_widget']; ?>
        </div>
    <?php } ?>    
</div>
<div class="clear"></div>

<?php if (!empty($item['rating_widget'])){ ?>
                <div class="bar_item bi_rating">
                    <?php echo $item['rating_widget']; ?>
                </div>
            <?php } ?>

<?php if ($fields['date_pub']['is_in_item']){ ?>
                <div class="bar_item bi_date_pub" title="<?php html( $fields['date_pub']['title'] ); ?>">
                    <?php echo $fields['date_pub']['html']; ?>
                </div>
            <?php } ?>

<?php if (!empty($ctype['options']['hits_on'])){ ?>
                <div class="bar_item bi_hits" title="<?php echo LANG_HITS; ?>">
                    <?php echo $item['hits_count']; ?>
                </div>
            <?php } ?>

 
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.blog_author, .blog_info {display: inline-block;vertical-align: middle;}
.blog_author .ava_wd_blogs, .blog_author .blog_author_info {display: inline-block;vertical-align: top;}
.blog_author .blog_user a{text-decoration: none;font-size: 20px;font-weight: bold;}
.blog_author .blog_user a, .blog_author .blog_date {margin-left: 20px;line-height: 32px;}
.blog_author .blog_date {font-size: 11px;}
.blog_info .blog_rating, .blog_info .blog_hits {display: inline-block;vertical-align: middle;height:64px;line-height:64px;margin-left: 20px;}
.blog_info {font-size: 18px;font-weight: bold;float: right;}
.blog_info i {
    display: inline-block;
    padding: 10px;
    background: #444345;
    text-decoration: none;
    border-radius: 17px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
}
.blog_info .blog_hits i {margin-right: 10px;}
.blog_info .blog_rating .score {height:64px;line-height:64px;}
.blog_info .blog_rating .arrow.up i {background: #FE9A2F;}
.blog_info .blog_rating .arrow.down i {background: #444345;}
 

<?php $this->addMainCSS("templates/{$this->name}/css/theme-gui.css"); ?>

<?php $this->addMainCSS("templates/{$this->name}/css/font-awesome.min.css"); ?> 

<div class="arrow up">
        <?php if ($is_enabled){ ?>
            <a href="#vote-up" class="vote-up" title="<?php echo LANG_RATING_VOTE_UP; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html($is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED); ?>"></span>
        <?php } ?>
    </div>

<div class="arrow up">
        <?php if ($is_enabled){ ?>
            <a href="#vote-up" class="vote-up" title="<?php echo LANG_RATING_VOTE_UP; ?>"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html($is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED); ?>"><i class="fa fa-hand-rock-o" aria-hidden="true"></i></span>
        <?php } ?>
    </div>

<div class="arrow down">
        <?php if ($is_enabled){ ?>
            <a href="#vote-down" class="vote-down" title="<?php echo LANG_RATING_VOTE_DOWN; ?>"></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html($is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED); ?>"></span>
        <?php } ?>
    </div>

<div class="arrow down">
        <?php if ($is_enabled){ ?>
            <a href="#vote-down" class="vote-down" title="<?php echo LANG_RATING_VOTE_DOWN; ?>"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i></a>
        <?php } else { ?>
            <span class="disabled" title="<?php html($is_voted ? LANG_RATING_VOTED : LANG_RATING_DISABLED); ?>"><i class="fa fa-hand-rock-o" aria-hidden="true"></i></span>
        <?php } ?>
    </div>

 
.rating_widget .arrow span,
.rating_widget .arrow a {
    display: block;
    width:11px;
    height:15px;
/*zau4man   background: url("../images/icons/vote.gif") no-repeat;*/
}