From 28a1dd124423ee7c01ed941ebe61e647f0b0d3fd Mon Sep 17 00:00:00 2001
From: jamil-des <jamilrehman@users.noreply.github.com>
Date: Fri, 5 Dec 2014 14:53:12 +0000
Subject: [PATCH] update : css

---
 upload/styles/cb_27/theme/css/home.css |   2 +-
 upload/styles/cb_27/theme/css/main.css | 310 +++++++++++++++++++++++--
 2 files changed, 293 insertions(+), 19 deletions(-)

diff --git a/upload/styles/cb_27/theme/css/home.css b/upload/styles/cb_27/theme/css/home.css
index 56ac8906..b9a3bd10 100644
--- a/upload/styles/cb_27/theme/css/home.css
+++ b/upload/styles/cb_27/theme/css/home.css
@@ -137,7 +137,7 @@
 /**/
 .grid_view.recent-col{
 	/*margin:0 0 20px;*/
-	padding: 0 15px 0 0 !important;
+	/*padding: 0 15px 0 0 !important;*/
 }
 .grid_view.recent-col a.thumb-holder{
 	display: block;
diff --git a/upload/styles/cb_27/theme/css/main.css b/upload/styles/cb_27/theme/css/main.css
index 70ec9861..6f0155c3 100644
--- a/upload/styles/cb_27/theme/css/main.css
+++ b/upload/styles/cb_27/theme/css/main.css
@@ -463,6 +463,63 @@ a:focus{outline: none !important;}
 /**/
 /*.nopadding .fb-like-box.fb_iframe_widget .pas{ display: none !important;}*/
 
+/**/
+.collection-section{
+	margin: 0 0 15px;
+}
+.category-header{
+	font:15px/22px 'Roboto', sans-serif;
+	color:#1a1e21;
+	text-transform: capitalize;
+	margin-bottom:6px;
+}
+.category-header .total-obj{
+	float: right;
+	text-align: center;
+	width: 40px;
+	background: #000;
+	color: #fff;
+	border-radius: 10px;
+}
+.collection-grid{
+	text-align: center;
+}
+.collection-grid .collection-item{
+	float: left;
+	width: 19.5%;
+	margin: 0 1px 1px 0;
+	position: relative;
+}
+.collection-grid .collection-item a{
+	display: block;
+	height: 100%;
+}
+/**/
+.video-collection .collection-grid .collection-item:hover:after{
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0,0,0,0.5);
+	z-index: 1;
+	position: absolute;
+}
+.video-collection .collection-grid .collection-item:hover a{
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 2;
+}
+.video-collection .collection-grid .collection-item:hover .paly_on {
+    display: block;
+    top: 50%;
+    left: 50%;
+    margin: -11px 0 0 -11px;
+    z-index: 3;
+}
 /**/
 @media (min-width: 768px) {
 
@@ -472,6 +529,8 @@ a:focus{outline: none !important;}
     .navbar-container .myaccount-dd a {
         padding-top: 6px;
     }
+
+    
 }
 .navbar-container .navbar-nav > li > a {
     line-height: 31px;
@@ -919,7 +978,17 @@ footer:after{
 .feature_right .sp { background:url(../images/line_sps.png) top repeat-x; margin:5px 0px; padding:0px; height:2px; }.feature_right .details_block { float:left; width:50%; margin:0px; padding:0px; color:#999 }
 .feature_right .title a{font-size:9px; font-weight:bold; text-decoration:none; color:#fff}
 .feature_right .title { font-size:10px; clear:both; padding:0px; overflow:hidden}
-.featured_vid_con{cursor:pointer; background:#FFF url(../images/nav_grads.png) -0px -260px; padding:5px; border: 1px solid #CCC; /* border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; */ -webkit-border-bottom-left-radius:5px; background-color:#FFF; margin:3px 0px 3px; font-size:14px;}
+.featured_vid_con{
+	cursor:pointer;
+	/*background:#FFF url(../images/nav_grads.png) -0px -260px;*/
+	padding:5px;
+	border: 1px solid #CCC;
+	/* border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px; -webkit-border-top-left-radius:5px; */
+	-webkit-border-bottom-left-radius:5px;
+	background:#FFF;
+	margin:3px 0px 3px;
+	font-size:14px;
+}
 .featured_vid_con .video_thumb{border:0px; padding:0px; float:left; }
 .featured_vid_con:hover{cursor:pointer; background:#EEEEEE; border-left:5px solid #F00;}
 .featured_vid_con .video_thumb{border:1px solid #CCCCCC; padding:0px; float:left; margin-right: 10px; }
@@ -1651,16 +1720,18 @@ font-size: 14px;
     font-size: 15px;
     font-family: sans-serif;
 }
-
+.views-time{
+	color: #8c8c8c;
+	font-family: 'Roboto', sans-serif;
+	font-size: 14px;
+	font-weight: 300;
+}
 .font1 {
-    font-size: 12px;
     padding-right: 5px;
-    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 .font2 {
-    font-size: 12px;
     padding-left: 20px;
-    font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+    
 }
 
 
@@ -2015,13 +2086,18 @@ h2.myHeadingBLK {
     padding-right: 10px !important;
 }
 .user-view-home{
-    font-size:12px; margin-top:3px;
-   border-bottom: 1px solid #DDDDDD;
-    padding-bottom: 15px !important;
-    padding-top: 15px !important;
+	font-size:12px;
+	margin:3px 0 18px !important;
+	border: 1px solid #e5e5e5;
+	background: #fafafa;
+	padding:12px 8px !important;
+}
+.user-view-home h4{
+	margin: 8px 0 10px !important;
+	font-weight: 400;
 }
 .user-view-home h4 a {
-    color: #444444;
+    color: #000;
 }
 .user-view-home .progress{
     height: 5px;
@@ -2113,7 +2189,60 @@ opacity: 1;
  color: #f00 !important;   
 }
 .details_block .title{
-  color: #696969;  
+  color: #000;
+  text-transform: capitalize;
+  display: block;
+}
+.details_block .title a{
+	color:#000;
+	text-decoration:none;
+}
+.featured_vid_con .details_block{
+	overflow: hidden;
+	font:300 12px/15px 'Roboto', sans-serif;
+	color: #a0a0a0;
+	position: relative;
+	height: 76px;
+}
+.featured_vid_con .details_block .title{
+	font-size: 16px;
+	line-height: 18px;
+	font-weight: 500;
+	color: #000;
+}
+.featured_vid_con .details_block .time-duration{
+	display: block;
+	position: absolute;
+	bottom: 5px;
+	left: 0;
+}
+.bg-time{
+	display: inline-block;
+	vertical-align: middle;
+	background: url(../../images/icons-sprite.png) no-repeat -42px -64px;
+	width: 16px;
+	height: 15px;
+	margin: 0 0 4px;
+}
+.bg-eye{
+	background: url(../../images/icons-sprite.png) no-repeat -42px -88px;
+	width: 16px;
+	height: 10px;
+	display: inline-block;
+	vertical-align: middle;
+	font-size: 0;
+	line-height: 0;
+	margin: 0 3px 4px 0;
+}
+.bg-videocam{
+	background: url(../../images/icons-sprite.png) no-repeat -42px -104px;
+	width: 16px;
+	height: 10px;
+	display: inline-block;
+	vertical-align: middle;
+	margin: 0 3px 2px 0;
+	font-size: 0;
+	line-height: 0;
 }
 .paly_on{
     font-size: 22px;
@@ -2182,8 +2311,119 @@ ul#myTab_home li:first-child + li {
      padding-left: 20px;    
 }
 .big_img{
-    display:block; height:265px; border:1px solid #CCC; padding:10px;
+    display:block;
+    /*height:265px;*/
+    /*border:1px solid #CCC;*/
+    /*padding:10px;*/
 }
+.ft-img{
+	margin: 0 0 10px;
+	padding: 0 5px;
+	overflow:hidden;
+	height: 150px;
+	position: relative;
+}
+.ft-hover{
+	position: relative;
+}
+.ft-hover img{
+	display: block;
+}
+.ft-img:first-child{
+	height:310px;
+}
+
+.ft-img img{
+	height: 100%;
+	display: block;
+}
+/**/
+.ft-hover a,
+.ft-img a{
+	display: block;
+	height: 100%;
+	position: relative;
+	color: #fff;
+}
+
+.ft-hover .hover,
+.ft-img .hover{
+	display: none;
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	z-index: 2;
+	top: 0;
+	left: 0;
+	padding: 10px;
+}
+.ft-hover .hover{
+	padding:5px 22px;
+}
+.ft-hover .photo-title,
+.ft-img .photo-title{
+	font-size: 17px;
+	line-height: 20px;
+}
+.ft-hover .photo-title{
+	font-size: 14px;
+}
+
+.hover .plus{
+	background: url(../../images/icons-sprite.png) no-repeat -22px 0;
+	width: 57px;
+	height: 57px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin: -28px 0 0 -28px;
+	font-size: 0;
+	line-height: 0;
+}
+.ft-hover:hover .hover,
+.ft-img:hover .hover{
+	display: block;
+}
+.ft-hover:hover a:after,
+.ft-img:hover a:after{
+	content: "";
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: rgba(0,0,0,0.5);
+	z-index: 1;
+	position: absolute;
+}
+.ft-hover .hover a:after,
+.ft-img .hover a:after{
+	background: none;
+}
+/**/
+.custom-dropdown button,
+.custom-dropdown{
+	text-transform: capitalize;
+}
+.custom-dropdown.btn-group > .btn.dropdown-toggle{
+	border-width: 1px 1px 1px 0 !important;
+}
+.arrow-drop{
+	background: url(../../images/icons-sprite.png) no-repeat -45px -128px;
+	width: 11px;
+	height: 6px;
+    display: inline-block;
+    vertical-align: middle;
+}
+.custom-dropdown .dropdown-menu{
+	min-width: 100% !important;
+}
+.custom-dropdown .dropdown-menu .divider{
+	margin: 4px 0;
+}
+/* custom pagination */
+
+
+/**/
 .big_img img{
 height: 244px !important;
 }
@@ -2191,11 +2431,15 @@ height: 244px !important;
     height:135px; padding:5px;
 }
 .side_user_home{
-    padding: 5px;
-    padding-top:5px; padding-bottom:10px; margin-bottom:10px;
+    padding: 0 5px 10px;
+    margin-bottom:10px;
 }
 .side_user_home .user_icon{
-    position:absolute; top: 25%; right:5px;
+    position:absolute;
+    /*top: 25%;*/
+    top: 50%;
+    margin: -12px 0 0;
+    right:10px;
 }
 .channels-view ul li{
     text-align: left;
@@ -2306,6 +2550,14 @@ padding-right: 0px;
     padding-top: 5px;
 }
 /**/
+.recent-videos h5{
+	font-size: 15px;
+	text-transform: capitalize;
+}
+.recent-videos h5 a{
+	color: #000;
+}
+/**/
 /*videos page*/
 .item_video{
     margin-bottom: 10px;
@@ -2334,7 +2586,12 @@ padding-right: 0px;
     padding-bottom: 10px;
 }
 .page-hidding h4{
-    color: #444;
+    /*color: #444;*/
+    color: #000;
+    font-size: 20px;
+    font-family: 'Roboto', sans-serif;
+    margin: 0;
+    line-height: 30px;
 }
 .page-hidding .btn-group{
     margin-left: 10px;
@@ -2588,4 +2845,21 @@ padding-right: 0px;
 .com_count{
     margin-left: 155px;
     margin-top: -32px;
-  }
\ No newline at end of file
+}
+@media only screen and (max-width: 991px) {
+	.ft-img{
+    	height: auto;
+    }
+}
+/**/
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 100dpi) {
+	.arrow-drop,
+	.bg-videocam,
+	.bg-eye,
+    .bg-time,
+    .ft-img .hover .plus{
+        background-image:url('../../images/icons-sprite@2x.png') !important;
+        background-size: 100px 150px !important;
+    }
+}
+    
\ No newline at end of file