upload/styles/cb_27/layout/blocks/video.html

@@ -11,6 +11,8 @@
         <span class="duration">{if
         $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}
         </span>
+        <!-- <div class="vid-type"><span class="glyphicon glyphicon-star white-premium-icon"></span>Premium</div> -->
+        <div class="vid-type"><span class="glyphicon glyphicon-usd ppv-icon"></span>PPV</div>
 	</a>
     <h5><a href="{videoLink($video)}" title="{$video.title|title}"><b>{$video.title|truncate:16}</b></a></h5>
 

upload/styles/cb_27/layout/header.html

@@ -193,6 +193,11 @@
     
     <!-- Ends -->
 
+     <button title="Premium Template" class="btn btn-default" type="button">
+        <a class="glyphicon glyphicon-star premium-icon" href="javascript:void(0)"></a>
+        Premium
+    </button>
+
 
 
     <!-- SHown to middle size displays only  @todo : Add condition for logged in user -->

upload/styles/cb_27/layout/index.html

@@ -144,6 +144,7 @@
 			        	{$videos=get_videos(["order" =>"date_added DESC", "limit" =>12])}
 						<div class="clearfix recent-videos row">
 				        	{foreach $videos as $video}
+				        		
 				        		<!-- <div class="marginBottom grid_view recent-col list_view nopadding-right"> -->
 								{include file="$style_dir/blocks/video.html"}
 								<!-- </div> -->

upload/styles/cb_27/theme/css/header.css

@@ -72,11 +72,7 @@
     padding: 6px 0px 6px 30px;
 }
 .premium-icon {
-    background-image: url("../../images/star-icon.png");
-    background-repeat: no-repeat;
-    color: #333;
-    padding: 6px 0px 6px 20px;
-    background-position: 0px 8px;
+    color: #d4aa0d !important;
 }
 .upload-dropdown{
   min-width:140px;

upload/styles/cb_27/theme/css/main.css

@@ -1232,14 +1232,31 @@ a:hover {
     font-size: 12px;
     color: #fff;
     position: absolute;
-    top: 4px;
-    left: auto !important;
-    right: 16px !important;
+    bottom: 4px;
+    right: 5px;
     padding: 2px;
-    right: 100px;
     width: 40px;
     text-align: center;
 }
+.vid-type{
+    background: #d6492f;
+    font-size: 12px;
+    color: #fff;
+    position: absolute;
+    top: 0px;
+    left:1px;
+    padding: 4px;
+    width: 99.1%;
+    text-align: center;
+}
+.white-premium-icon {
+    color: #fff !important;
+    padding-right: 5px;
+}
+.ppv-icon {
+    color: #fff !important;
+    padding-right: 5px;
+}
 
 .maccountlabels {
     font-size: 12px;