update : css
This commit is contained in:
jamil-des
parent
fb1fa781c3
commit
28a1dd1244
2 changed files with 293 additions and 19 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Add table
Reference in a new issue