vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Videos page on front side is completed now.

Browse source
This commit is contained in:
IMRAN HASSAN 2014-03-25 07:33:53 +00:00
parent b601b6a821
commit fa79583df3
5 changed files with 69 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
upload/styles/cb_2014/layout/blocks/category_list.html
View file

@ -4,12 +4,16 @@
<span class="glyphicon glyphicon-align-justify"></span>
<span class="navmenu">Menu</span>
</button>-->
<div class="collapse navbar-collapse" id="collapsed-navigation">
<div class="col-md-3 padding-left-right-zero margin-top-10">
<div class="collapse navbar-collapse padding-left-right-zero" id="collapsed-navigation">
<ul class="nav navbar-stacked">
<li class="wv_heading"><a href="#">Categories</a></li>
<li><a href="#">Category1</a></li>
<li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Category2<b class="caret"></b></a>
<li><a href="#">All</a></li>
<li><a href="#">Entertainment</a></li>
<li><a href="#">Islam and Religion</a></li>
<li><a href="#">Celebrities</a></li>
<li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Entertainment<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="menu-item dropdown dropdown-submenu"><a class="dropdown-toggle" href="#" data-toggle="dropdown">SubCategory</a>
<ul class="dropdown-menu">
@ -27,7 +31,7 @@
</ul>
</div>
</div>
<!--<div class="category_list marginTop">
<h3 class="cat_heading">{lang code='categories'}</h3>

2
upload/styles/cb_2014/layout/blocks/manage/account_menu.html
View file

@ -1,5 +1,5 @@
{$topMenuLinks = array_slice($myAccountLinks, 0, 6)}
<div class="userAccountMenu navbar navbar-default cb-box">
<div class="userAccountMenu navbar navbar-default cb-box row">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>

4
upload/styles/cb_2014/layout/blocks/videos/video.html
View file

@ -18,8 +18,8 @@
<a href="{videoLink($video)}">{$video.description|truncate:100}</a>
</div>
<span class="pull-left"><h6><small>{$video.views} views</small></h6></span>
<span class="pull-right"><h6><small>{$video.date_added|niceTime}</small></h6></span>
<span class="pull-left"><h5><small>{$video.views} views</small></h5></span>
<span class="pull-right"><h5><small>{$video.date_added|niceTime}</small></h5></span>
</div>

6
upload/styles/cb_2014/layout/videos.html
View file

@ -5,12 +5,12 @@
<div class="container marginBottom">
{include file="$style_dir/blocks/manage/account_menu.html"}
<div class="cb-box clearfix">
<div class="cb-box clearfix row">
{*include file="$style_dir/blocks/manage/left_side_bar.html"*}
<!-- Listing Categories -->
<div class="col-md-3">
{include file="$style_dir/blocks/category_list.html" type='video'}
</div>
<!-- Listing Categories End -->
<div class="col-md-9 clearfix">

68
upload/styles/cb_2014/theme/css/main.css
View file

@ -568,10 +568,11 @@ footer {
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ddd;
padding: 1px;
border: 2px solid #ddd;
padding: 0px;
}
.cb_item .cb_item_container {
padding: 0px;
}
@ -582,7 +583,7 @@ footer {
.cb_item .cb_item_container .item_user,
.cb_item .cb_item_container .item_text,
.cb_item .cb_item_container .item_date {
font-size: 13px;
font-size: 15px;
}
.cb_item .cb_item_container .item_user {
color: #999999;
@ -915,41 +916,82 @@ footer {
right: 20px;
top: 4px;
}
/* Page heading*/
.page-hidding{
border-bottom: 1px solid #DDDDDD;
border-bottom: 1px solid #d5d5d5;
height: 45px;
margin-bottom: 20px;
margin-top: 15px;
margin-bottom: 30px;
margin-top: 10px;
padding-bottom: 10px;
}
.page-hidding h4{
color: #444;
}
.page-hidding .btn-group{
margin-left: 10px;
margin-right: 10px;
}
/*Sidebar of categories*/
.navbar-stacked ul{
}
.navbar-stacked li a{
color: #575757;
}
.navbar-stacked li{
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 5px solid #DDDDDD;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
border-left: 10px solid #d5d5d5;
}
.navbar-stacked li b{
float: right;
}
.navbar-stacked li:hover{
border-left: 5px solid #0099CC;
border-left: 10px solid #428bca;
}
.navbar-stacked li b.caret{
border-top-width: 8px;
margin-top: 8px;
}
.navbar-stacked .dropdown-menu > li > a{
padding: 7px 15px;
}
.navbar-stacked .dropdown-menu > li > a{
color: #575757;
}
.wv_heading{
background-color: rgba(0, 0, 0, 0.8);
background-color: #444444;
color: #FFFFFF;
}
.wv_heading a{
.navbar-stacked li.wv_heading a{
color: #fff;
font-weight: 200;
}
.nav.navbar-stacked .caret{
color: #575757;
border-bottom-color: #575757;
border-top-color: #575757;
}
.navbar-stacked li.wv_heading a:hover{
color: #575757;
}
.navbar-toggle {
width: 100%;
float: none;
margin-right: 0;
}
.padding-left-right-zero{
padding-left: 0px;
padding-right: 0px;
}
.margin-top-10{
margin-top: 10px;
}
.nav.navbar-stacked > li > a{
padding: 7px 15px;
}
.dropdown-menu {right:0;min-width:230px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}