clipbucket/upload/styles/cb_27/layout/blocks/common/rating.html

{if $vdo}
<!--videos likes section-->
<div>
    <div class="newRating clearfix mbm">
        <div {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if}  class="newLike"> <i class="glyphicon glyphicon-thumbs-up big"></i>
        </div>
        <div {if !$disable} onclick="rate('{$id}','1','{$type}')"{/if}  class="newDislike">
         <i class="glyphicon glyphicon-thumbs-down"></i></div>
    </div>
    <div  class="label label-primary">
    {$likes} Likes, {$dislikes} Dislikes
    </div>
    <div id="rating_result_container" class="watch-vid-error">
     {if $rating_msg}{$rating_msg}{/if}   
    </div>
</div>




{else}
<!--photos likes section-->
<div id="" class="pull-right full-width">
    <div class="newRating clearfix mbm">
        <div {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if}  class="newLike"> <i class="glyphicon glyphicon-thumbs-up big"></i>
        </div>
        <div {if !$disable} onclick="rate('{$id}','1','{$type}')"{/if}  class="newDislike">
        <i class="glyphicon glyphicon-thumbs-down"></i>
        </div>
    </div>
    <div  class="label label-primary">
    {$likes} Likes, {$dislikes} Dislikes
    </div>
    <div id="rating_result_container" class="watch-vid-error">
     {if $rating_msg}{$rating_msg}{/if}   
    </div>
</div>

{/if}


 

 {literal}
<style>
.glyphicon-thumbs-down{

    color: grey;

}

.glyphicon-thumbs-up{

    color: grey;
}

    .glyphicon-thumbs-down:hover{ 
        color:#0088D6; 
         cursor: pointer;
     }
 .glyphicon-thumbs-up:hover{ 
        color:#0088D6; 
         cursor: pointer;
     }

     </style>
{/literal}