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

{if $vdo}
<!--videos likes section-->
<div>
    <div class="newRating clearfix mbm">
    	<ul class="like-dislike-block clearfix">
    		<li><a {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if} href="javascript:voide(0)">Like</a></li>
    		<li><span>94%</span></li>
    		<li><a {if !$disable} onclick="rate('{$id}','1','{$type}')"{/if} href="javascript:voide(0)">Dislike</a></li>
    	</ul>
        <!-- <div   class="newLike">
        	<i class="glyphicon glyphicon-thumbs-up big"></i>
        </div>
        <div   class="newDislike">
			<i class="glyphicon glyphicon-thumbs-down"></i>
		</div> -->
    </div>
    <div  class="cleafix like-dislike-text">
    {$likes} Likes &nbsp;|&nbsp; {$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 clearfix full-width">
    <div class="newRating clearfix mbm">
    	<ul class="like-dislike-block clearfix">
    		<li><a {if !$disable} onclick="rate('{$id}','5','{$type}')"{/if} href="javascript:voide(0)">Like</a></li>
    		<li><span>94%</span></li>
    		<li><a {if !$disable} onclick="rate('{$id}','1','{$type}')"{/if} href="javascript:voide(0)">Dislike</a></li>
    	</ul>
        <!-- <div class="newLike"> <i class="glyphicon glyphicon-thumbs-up big"></i>
        </div>
        <div class="newDislike">
        <i class="glyphicon glyphicon-thumbs-down"></i>
        </div> -->
    </div>
    <div  class="clearfix like-dislike-text">
    {$likes} Likes &nbsp;|&nbsp; {$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}