clipbucket/upload/styles/cb_27/theme/css/home.css

195 lines
4.2 KiB
CSS
Raw Normal View History

2014-09-23 10:15:07 +00:00
.nopadding-right.featured-video,
.nopadding.featured-video{
margin: 0 0 17px !important;
}
.featured-video a{
display: block;
height: 100%;
position: relative;
}
2014-09-19 13:14:38 +00:00
.featured-imglg{min-height: 300px;}
2014-09-23 10:15:07 +00:00
.tumb-sm{padding-left:15px;}
2014-09-19 13:14:38 +00:00
.cbHomeVidTitle{margin-bottom:8px;}
.getThumb{border:1px solid #CCC;}
.recentcurrent-vdieos .tab-pane{padding: 25px 0 0;}
.clearfix-hight{ height: 18px;}
.fill-background.lg-img{
display:block;
padding:5px;
}
.sm-imgs{
display:block;
2014-09-23 11:41:29 +00:00
border-bottom:1px solid rgb(204, 204, 204);
}
.big_img{
height: auto !important;
padding: 10px 10px 11px !important;
}
.sm-imgs div{
border-right: 1px solid rgb(204, 204, 204);
display: block;
padding: 7px;
border-top: 1px solid rgb(204, 204, 204);
}
.sm-imgs.left-aligned div{
border-right:none;
border-left: 1px solid rgb(204, 204, 204);
2014-09-19 13:14:38 +00:00
}
.editorpick-holder{
padding: 0;
}
2014-09-22 13:27:40 +00:00
.custom-elements{
padding: 15px 0 0;
}
2014-09-19 13:14:38 +00:00
.editorpick-holder #slide{
width: 100%;
overflow-y:auto !important;
2014-09-22 13:20:24 +00:00
height: 400px !important;
2014-09-19 13:14:38 +00:00
}
.editorpick-holder .featured_vid_con{
width: 100%;
border: none !important;
}
.editorpick-holder .video_thumb{ border:none !important;}
.next_pre_hold{ display: none;}
2014-09-19 15:23:25 +00:00
2014-09-19 14:28:39 +00:00
.collection_home{
text-align: center;
2014-09-22 15:34:57 +00:00
overflow: hidden;
2014-09-19 14:28:39 +00:00
}
.collection_home a{
2014-09-22 15:34:57 +00:00
display: block;
position: relative;
width: 100%;
height: 100%;
}
2014-09-22 15:34:57 +00:00
.collection_home .cb_img_thum{ background-size:100% auto !important}
.collection_home .details{
width: 100% !important;
left: 0 !important;
}
2014-09-23 10:15:07 +00:00
.grid_view.recent-col .cb_img_thum,
.featured-videos .cb_img_thum{
border: none !important;
}
.user-view-home{
font-size:12px;
margin-top:3px;
}
/* custome elements style */
/* hide original element */
.jcf-hidden {
display: block !important;
position: absolute !important;
left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom scrollbars styles */
.scrollable-area-wrapper {
position: relative;
overflow: hidden;
width: 95% !important;
}
.scrollable-area-wrapper .scrollable-area{
width: 103% !important;
}
.scrollable-area-wrapper .hscrollbar,
.scrollable-area-wrapper .vscrollbar {
position: absolute;
top: 0;
right: 0;
width: 5px !important;
border-radius: 2px;
overflow: hidden;
}
.scrollable-area-wrapper .hscroll-left,
.scrollable-area-wrapper .vscroll-up,
.scrollable-area-wrapper .hscroll-right,
.scrollable-area-wrapper .vscroll-down {
background: #777;
width: 5px;
height: 20px;
float: left;
display: none;
}
.scrollable-area-wrapper .hscroll-line,
.scrollable-area-wrapper .vscroll-line {
background: #eee;
width: 5px;
float: left;
}
.scrollable-area-wrapper .hscroll-slider,
.scrollable-area-wrapper .vscroll-slider {
background: #428bca;
width: 5px;
height: 20px;
border-radius: 2px;
}
.scrollable-area-wrapper .hscrollbar {
position: static;
height: 20px;
top: auto;
}
.scrollable-area-wrapper .hscroll-line {
height: 20px;
width: auto;
width: 5px;
}
/**/
.grid_view.recent-col{
2014-09-25 10:04:17 +00:00
/*margin:0 0 20px;*/
padding: 0 15px 0 0 !important;
}
.grid_view.recent-col a.thumb-holder{
display: block;
position: relative;
}
.grid_view.recent-col a.thumb-holder .duration1{
position: absolute;
left: auto;
top: auto;
bottom: 5px;
right: 5px;
width: auto;
background: rgba(0,0,0,0.7);
font-size: 12px;
line-height: 12px;
padding: 2px 5px;
color: #fff;
}
.grid_view.recent-col a.thumb-holder .duration1:hover{
color:#fff;
}
.collection_home .details{}
.grid_view.recent-col h5 a{
color: #666;
}
.grid_view.recent-col h5 a:hover{
color: #000;
2014-09-22 13:20:24 +00:00
}
#ep_video_container{
margin: 15px 0 0;
2014-09-22 15:34:57 +00:00
}
2014-09-23 10:15:07 +00:00
.nopadding.featured-videos{ margin: 0 0 10px !important;}
.featured_video_details{ width: 100% !important;}
@media only screen and (max-width: 991px) {
.padding-right-10.featuredvideos-wrapper{
padding: 0 !important;
overflow: hidden;
}
.nopadding-right.featured-video,
.nopadding.featured-video{ padding: 0 !important;}
.custom-elements {
padding: 15px 15px 0 !important;
}
.scrollable-area-wrapper {
position: relative;
overflow: hidden;
width: 100% !important;
}
2014-09-23 11:41:29 +00:00
.sm-imgs div,
.sm-imgs.left-aligned div{
border-right:1px solid rgb(204, 204, 204);
border-left: 1px solid rgb(204, 204, 204);
}
2014-09-23 10:15:07 +00:00
}