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

Front End side remove issues which included all pages.

Browse source
This commit is contained in:
IMRAN HASSAN 2014-05-08 14:12:46 +00:00
parent 0d4856f806
commit ed6b2ef602
27 changed files with 453 additions and 232 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<div class="col-md-3 nopadding"> <div class="col-md-3 paddingleft0">
<a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/300x250.gif" style="margin-bottom: 10px;" > <a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/add320x250.png" style="margin-bottom: 10px;" >
</a> </a>
<div class=" collapse navbar-collapse padding-left-right-zero" id="collapsed-navigation" style="width: 287px;"> <div class=" collapse navbar-collapse padding-left-right-zero" id="collapsed-navigation">
<ul class="nav navbar-stacked nopadding" > <ul class="nav navbar-stacked nopadding" >
<li class="wv_heading"><a href="#">{lang code='categories'}</a></li> <li class="wv_heading"><a href="#">{lang code='categories'}</a></li>
<!--<li><a href="#">All</a></li> <!--<li><a href="#">All</a></li>

29
upload/styles/cb_2014/layout/blocks/collection.html
View file

@ -1,6 +1,6 @@
{if $display_type == "" || $display_type == "normal"} {if $display_type == "" || $display_type == "normal"}
<div class="show-image"> <!--<div class="show-image">
<div class="col-md-4 col-sm-4 col-xs-6" style="padding-right: 0px"> <div class="col-md-4 col-sm-4 col-xs-6" style="padding-right: 0px">
<a href="{$cbcollection->collection_links($collection,'view')}"> <a href="{$cbcollection->collection_links($collection,'view')}">
<span class="CollectionName" id="collection" style="display: none; height: 125px;"> <span class="CollectionName" id="collection" style="display: none; height: 125px;">
@ -12,9 +12,19 @@
</a> </a>
</div> </div>
</div> </div>-->
<li class="mouse_hover">
<div class="collection_home mouse_hover">
<img class="cb_img_thum" src="{$cbcollection->get_thumb($collection,'',TRUE)}"/>
</div>
<a href="{$baseurl}/view_collection.php?cid={$collection.collection_id}&type={$collection.type}" title="{$collection.collection_name}">
<div class="details mouse_hover_on">
<div align="center" class="collection_name">{$collection.collection_name|truncate:30}</div>
<div align="center" class="collection_total">{$collection.total_objects} {$collection.type}</div>
</div>
</a>
</li>
<!--<div class="col-md-4 comment_home">--> <!--<div class="col-md-4 comment_home">-->
@ -79,7 +89,15 @@
</div> </div>
{/if} {/if}
{if $type == "photos"} {if $type == "photos"}
<div class="show-image"> <div class="show-image mouse_hover">
<div class="" style="padding-right: 0px;">
<a href="{$cbcollection->collection_links($collection,'view')}">
{get_photo details=$object size='l' class='photo-land' output='html'}
</a>
</div>
<span class="photoname mouse_hover_on" style="height: 30px; overflow: hidden;" >{$object.photo_title|truncate:15}</span>
</div>
<!--<div class="show-image">
<div class="col-md-4 col-sm-4 col-xs-6" style="padding-right: 0px"> <div class="col-md-4 col-sm-4 col-xs-6" style="padding-right: 0px">
<span class="UserPhotos" id="collection" >{$object.photo_title|truncate:15}</span> <span class="UserPhotos" id="collection" >{$object.photo_title|truncate:15}</span>
<a href="{$cbphoto->photo_links($object,'view_item')}"> <a href="{$cbphoto->photo_links($object,'view_item')}">
@ -87,7 +105,8 @@
</a> </a>
</div> </div>
</div> </div>-->
<!--<div class="the_item col-md-2 col-lg-2 col-sm-4 col-xs-6">--> <!--<div class="the_item col-md-2 col-lg-2 col-sm-4 col-xs-6">-->
<!--<div class="onePhotoContainer">--> <!--<div class="onePhotoContainer">-->
<!--<div class="onePhotoTitle">--> <!--<div class="onePhotoTitle">-->

72
upload/styles/cb_2014/layout/blocks/comments/add_comment.html
View file

@ -1,5 +1,6 @@
{if $userquery->login_check('',true) || $Cbucket->configs.anonym_comments == 'yes'} {if $userquery->login_check('',true) || $Cbucket->configs.anonym_comments == 'yes'}
<div class=""> <div class="">
<div id="comment-add-err"></div>
<form class="" id="comment_form" > <form class="" id="comment_form" >
<input type="hidden" name="reply_to" id="reply_to" value="0"> <input type="hidden" name="reply_to" id="reply_to" value="0">
@ -54,45 +55,59 @@
{lang code='Your comment'} {lang code='Your comment'}
</label> </label>
{/if} {/if}
<textarea name="comment" id="comment_text" class="form-control clearfix"></textarea> <textarea name="comment" id="comment_text" class="form-control clearfix comment_text_new"></textarea>
</div> </div>
<div class="form-group clearfix"> <div class="form-group clearfix">
<button type="submit" class="hidden-xs hidden-sm btn btn-primary pull-right" id="addCommentButton">{lang('Comment')}</button> <button data-loading-text="Loading..." type="button" class="hidden-xs hidden-sm btn btn-primary pull-right" id="addCommentButton">{lang('Comment')}</button>
</div> </div>
<script> <script>
$(document).ready(function(){ var ajaxPage = baseurl+'/ajax.php';
var ajaxPage = baseurl+'/ajax.php'; $('#addCommentButton').on('click',function(e){
$('#addCommentButton').on({ e.preventDefault();
click: function(e){ var btn =$(this);
e.preventDefault(); btn.button('loading');
var data = $(this).parents("form").serialize() + "&type={$type}&mode=add_comment";
$('#comment-add-err').hide();
var data = $(this).parents("form").serialize() + "&type={$type}&mode=add_comment";
$.ajax({
url: ajaxPage,
type: "post",
data: data,
dataType : 'json',
}).success(function(response){
//var response = $.parseJSON(response);
var cid = parseInt(response.cid);
if(cid > 1){
$.ajax({ $.ajax({
url: ajaxPage, url: ajaxPage,
type: "post", type: "post",
data: data, data: {
}).success(function(response){ mode: "get_comment",
var response = $.parseJSON(response); cid: cid
var cid = parseInt(response.cid); },
if(cid !== NaN && cid !== 0 & cid !== false){ }).success(function(comment){
$.ajax({ $("#comment_text").val('');
url: ajaxPage, //comments = $("#userCommentsList").html();
type: "post", $("#userCommentsList").prepend(comment);
data: {
mode: "get_comment",
cid: cid
},
}).success(function(comment){
//console.log("comment is here");
comments = $("#userCommentsList").html();
console.log(comments);
$("#userCommentsList").html(comment + comments);
});
}
}); });
//add_comment_js('comment_form','{$type}'); }else{
if(response.msg){
$('#comment-add-err').show().html(response.msg);
}
else if(response.err)
{
$('#comment-add-err').show().html(response.err);
}
} }
btn.button('reset');
}); });
}); });
</script> </script>
@ -107,4 +122,3 @@
{lang code='please_login_to_comment'} {lang code='please_login_to_comment'}
{/if} {/if}
</div> </div>

9
upload/styles/cb_2014/layout/blocks/comments/comment.html
View file

@ -5,7 +5,7 @@
{assign var='comment_attr' value=''} {assign var='comment_attr' value=''}
{assign var='spam_attr' value='style="display:none"'} {assign var='spam_attr' value='style="display:none"'}
{/if} {/if}
<!--<li> {* <li>
<div class="row"> <div class="row">
<div class="col-md-11"> <div class="col-md-11">
<div class="row"> <div class="row">
@ -24,7 +24,9 @@
</div> </div>
</div> </div>
</li>--> </li> *}
{if $comment}
<div class="itemdiv dialogdiv"> <div class="itemdiv dialogdiv">
{*$comment|print_r*} {*$comment|print_r*}
<div class="user"> <div class="user">
@ -50,6 +52,9 @@
</div> </div>
</div> </div>
</div> </div>
{/if}
{* {*
<div id="comment_{$comment.comment_id}" class="cb-item-comment" {$comment_attr}> <div id="comment_{$comment.comment_id}" class="cb-item-comment" {$comment_attr}>

8
upload/styles/cb_2014/layout/blocks/comments/comments.html
View file

@ -1,6 +1,6 @@
<div class="cb-item-comments-container">
<div id="latest_comment_container"></div>
{if $comments} {if $comments}
<div class="cb-item-comments-container">
<div id="latest_comment_container"></div>
{foreach from=$comments.comments item=comment} {foreach from=$comments.comments item=comment}
{include file="$style_dir/blocks/comments/comment.html" comment=$comment type=$type parents=$comments.parents} {include file="$style_dir/blocks/comments/comment.html" comment=$comment type=$type parents=$comments.parents}
{/foreach} {/foreach}
@ -8,7 +8,7 @@
<div align="center" class="no_comments" id="no_comments"> <div align="center" class="no_comments" id="no_comments">
{lang code='no_comments' assign=no_comments} {$no_comments|sprintf:$object_type} {lang code='no_comments' assign=no_comments} {$no_comments|sprintf:$object_type}
</div> </div>
</div>
{/if} {/if}
</div>

2
upload/styles/cb_2014/layout/blocks/editor_pick/video_block.html
View file

@ -1,6 +1,6 @@
<!-- <div class="feature_heading">{$video.title|truncate:35}</div> //--> <!-- <div class="feature_heading">{$video.title|truncate:35}</div> //-->
<div> <div>
{FlashPlayer vdetails = $video height='400' width='750' } {FlashPlayer vdetails = $video height='432' width='780' }
</div> </div>
<div class="featured_video_details"> <div class="featured_video_details">

6
upload/styles/cb_2014/layout/blocks/group/group.html
View file

@ -1,14 +1,14 @@
<div class="col-md-6 marginBottom grid_view list_view groups-view"> <div class="col-md-6 marginBottom grid_view list_view groups-view">
<div id="group-" class="user_block marginBottom"> <div id="group-" class="user_block marginBottom">
<div class="padding-left-right-zero pull-left col-md-4"> <div class="pull-left col-md-5 paddingleft0">
<a href="{group_link details=$group}"> <a href="{group_link details=$group}">
<img src="{$cbgroup->get_group_thumb($group)}" class="group_thumb" style="" /> <img src="{$cbgroup->get_group_thumb($group)}" class="group_thumb" style="" />
</a> </a>
</div> </div>
<div class="col-md-8 prof_title padding-right-zero small"> <div class="col-md-7 prof_title small paddingleft0">
<div class="pull-left"> <div class="pull-left">
<h4 class="nomargin"><a href="{group_link details=$group}">{$group.group_name}</a></h4> <h4 class="nomargin"><a href="{group_link details=$group}">{$group.group_name}</a></h4>
<div class="small min-height-25">{$group.group_description}</div> <div class="small min-height-45">{$group.group_description}</div>
<div class="list-unstyled padding-top-5 small"> <div class="list-unstyled padding-top-5 small">
<span class="glyphicon glyphicon-user"></span>{$group.total_members|number_format} <span class="glyphicon glyphicon-user"></span>{$group.total_members|number_format}
{lang code='members'} {lang code='members'}

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

@ -1,4 +1,5 @@
{$topMenuLinks = array_slice($myAccountLinks, 0, 6)} {$topMenuLinks = array_slice($myAccountLinks, 0, 6)}
{if userid()}
<div class="userAccountMenu navbar navbar-default cb-box row"> <div class="userAccountMenu navbar navbar-default cb-box row">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
@ -37,3 +38,4 @@
</div> </div>
</div> </div>
</div> </div>
{/if}

10
upload/styles/cb_2014/layout/blocks/photo.html
View file

@ -1,13 +1,15 @@
{if $display_type == ""} {if $display_type == ""}
<div class="show-image"> <div class="show-image mouse_hover">
<div class="col-md-4 col-sm-4 col-xs-6" style="padding-right: 0px"> <div class="" style="padding-right: 0px;">
<span class="photoname" id="avatar1_file" style="height: 45px; overflow: hidden;" >{$photo.photo_title|truncate:30}</span> <!--<span class="photoname" id="avatar1_file" style="height: 45px; overflow: hidden;" >{$photo.photo_title|truncate:30}</span>-->
<a href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)"> <a href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
{get_photo details=$photo size='l' class='loading' output='html'} {get_photo details=$photo size='l' class='photo-land' output='html'}
</a> </a>
</div> </div>
<span class="photoname mouse_hover_on" style="height: 30px; overflow: hidden;" >{$photo.photo_title|truncate:30}</span>
</div> </div>
<!--<div class="col-md-8">--> <!--<div class="col-md-8">-->
<!--<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">--> <!--<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">-->

2
upload/styles/cb_2014/layout/blocks/topCollection.html
View file

@ -3,14 +3,12 @@
<div class="collection_home mouse_hover"> <div class="collection_home mouse_hover">
<a href="{$baseurl}/view_collection.php?cid={$collection.collection_id}&type={$collection.type}" title="{$collection.collection_name}"> <a href="{$baseurl}/view_collection.php?cid={$collection.collection_id}&type={$collection.type}" title="{$collection.collection_name}">
<div class="details mouse_hover_on"> <div class="details mouse_hover_on">
<div align="center" class="collection_name">{$collection.collection_name}</div>
<div align="center" class="collection_total">{$collection.total_objects} {$collection.type}</div> <div align="center" class="collection_total">{$collection.total_objects} {$collection.type}</div>
</div> </div>
</a> </a>
<img class="cb_img_thum" src="{$cbcollection->get_thumb($collection,'',TRUE)}"/> <img class="cb_img_thum" src="{$cbcollection->get_thumb($collection,'',TRUE)}"/>
</div> </div>
</div> </div>
{/if} {/if}

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

@ -1,4 +1,4 @@
<div class="item_video"> <!--<div class="item_video">
<div class="cb_item_container clearfix"> <div class="cb_item_container clearfix">
<div class="cb_item_thumb video_thumb" > <div class="cb_item_thumb video_thumb" >
@ -14,4 +14,20 @@
<span class="pull-left" style="margin-top: -31px;"><h5><small>{$video.views} views</small></h5></span> <span class="pull-left" style="margin-top: -31px;"><h5><small>{$video.views} views</small></h5></span>
<span class="pull-right" style="margin-top: -31px;"><h5><small>{$video.date_added|niceTime}</small></h5></span> <span class="pull-right" style="margin-top: -31px;"><h5><small>{$video.date_added|niceTime}</small></h5></span>
</div> </div>
</div>-->
<div class="item_video">
<div class="cb_item_container clearfix">
<div class="cb_item_thumb video_thumb" >
<a href="{videoLink($video)}" title="{$video.title|title}">
<span class="video_duration">{if
$video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}</span>
<img class="" src="{getThumb vdetails=$video}" border="1" height="100" width="100"/>
</a>
</div>
<div class="item_text" style="height: 45px; overflow: hidden;">
<a href="{videoLink($video)}">{$video.description|truncate:30}</a>
</div>
<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>
</div> </div>

12
upload/styles/cb_2014/layout/blocks/videos/video_popular.html
View file

@ -1,18 +1,18 @@
<div class="col-md-13 marginBottom grid_view list_view item_video_pop"> <div class="col-md-13 marginBottom grid_view list_view item_video_pop">
<div class="item_video"> <div class="item_video">
<div class="cb_item_container clearfix"> <div class="cb_item_container clearfix">
<div class=" col-md-6 row"> <div class=" col-md-5 row">
<a href="{videoLink($video)}" title="{$video.title|title}" > <a href="{videoLink($video)}" title="{$video.title|title}" >
<img class="" src="{getThumb vdetails=$video}" border="1" height="75%" width="75%"/> <img class="" src="{getThumb vdetails=$video}" border="1" style="height:65px;"/>
</a> </a>
</div> </div>
<div class="pull-right col-md-7 padding-top-5" style="position: absolute;right: 42px;"> <div class="pull-right col-md-8 paddingright0">
<div class="item_text overflow_hidden" style="height: 45px;"> <div class="item_text overflow_hidden" style="height: 45px;">
<a href="{videoLink($video)}"><b style="font-size: 15px;">{$video.title|truncate:30}</b></a> <a href="{videoLink($video)}"><b style="font-size: 12px;">{$video.title|truncate:50}</b></a>
</div> </div>
<div class="row small col-md-10 padding-top-5" style="margin-top: -8px;color: grey;"> <div class="row small col-md-8" style="color: grey;">
<span class="pull-left"><small><span class="glyphicon glyphicon-eye-open"></span> {$video.views}</small></span> <span class="pull-left"><small><span class="glyphicon glyphicon-eye-open"></span> {$video.views}</small></span>
<span style="margin-left: 23px;"><small><span class="glyphicon glyphicon-thumbs-up"></span> {$video.rating}</small></span> <span class="pull-right"><small><span class="glyphicon glyphicon-thumbs-up"></span> {$video.rating}</small></span>
</div> </div>
</div> </div>
</div> </div>

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

@ -7,7 +7,7 @@
<!-- Listing Categories --> <!-- Listing Categories -->
{include file="$style_dir/blocks/category_list.html" type='channels'} {include file="$style_dir/blocks/category_list.html" type='channels'}
<!-- Listing Categories End --> <!-- Listing Categories End -->
<div class="col-md-7 clearfix"> <div class="col-md-7 clearfix paddingright0">
<!-- Page Heading --> <!-- Page Heading -->
<div class="page-hidding"> <div class="page-hidding">
{assign var=sorting_links value=sorting_links()} {assign var=sorting_links value=sorting_links()}
@ -97,9 +97,9 @@
{include file="$style_dir/blocks/pagination.html"} {include file="$style_dir/blocks/pagination.html"}
</div> </div>
</div> </div>
<div class="col-md-2" style="75em; min-height: 100%;margin-left: -30px;padding-left: 47px;"> <div class="col-md-2 paddingright0">
{*AD place='ad_160x600'*} {*AD place='ad_160x600'*}
<a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner pull-right" src="{$theme}/assets/images/arvixe-home.gif"></a> <a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner pull-right" src="{$theme}/assets/images/ad-box-160x600.jpg"></a>
</div> </div>
</div> </div>
</div> </div>

14
upload/styles/cb_2014/layout/collections.html
View file

@ -18,7 +18,7 @@
<!--{/foreach}--> <!--{/foreach}-->
<!--</ul>--> <!--</ul>-->
{include file="$style_dir/blocks/category_list.html" type='collections'} {include file="$style_dir/blocks/category_list.html" type='collections'}
<div class="col-md-9"> <div class="col-md-9 nopadding">
{assign var=sorting_links value=sorting_links()} {assign var=sorting_links value=sorting_links()}
<h4 class="smaller lighter pull-left">Browsing All Collections: </h4> <h4 class="smaller lighter pull-left">Browsing All Collections: </h4>
@ -87,14 +87,18 @@
<a class="btn btn-primary pull-right" style="margin-right: -107px" href="{$baseurl}/manage_collections.php?mode=add_new">{lang code='add_new_collection'}</a> <a class="btn btn-primary pull-right" style="margin-right: -107px" href="{$baseurl}/manage_collections.php?mode=add_new">{lang code='add_new_collection'}</a>
</div> </div>
<br> <br>
<div class="row"> <hr>
<div class="col-md-12"> <div class="col-md-12">
<hr>
<ul class="list-unstyled row collections">
{section name=c_list loop=$collections} {section name=c_list loop=$collections}
{include file="$style_dir/blocks/collection.html" collection=$collections[c_list]} {include file="$style_dir/blocks/collection.html" collection=$collections[c_list]}
{sectionelse} {sectionelse}
{lang code='no_results_found'} {lang code='no_results_found'}
{/section} {/section}
</ul>
</div> </div>
<!--Pagination--> <!--Pagination-->
<div class="clearfix"></div> <div class="clearfix"></div>
@ -102,7 +106,7 @@
{include file="$style_dir/blocks/pagination.html"} {include file="$style_dir/blocks/pagination.html"}
</div> </div>
<!-- /Pagination--> <!-- /Pagination-->
</div>
{*include file="$style_dir/blocks/pagination.html"*} {*include file="$style_dir/blocks/pagination.html"*}
</div> </div>

15
upload/styles/cb_2014/layout/global_header.html
View file

@ -8,15 +8,14 @@
{$cache_buster=$Cbucket->version} {$cache_buster=$Cbucket->version}
{/if} {/if}
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script> <script>
var loading = '<i class="fa fa-spinner fa-spin"></i> {lang code="loading"}...'; var loading = '<i class="fa fa-spinner fa-spin"></i> {lang code="loading"}...';
var baseurl = "{$baseurl}"; var baseurl = "{$baseurl}";
</script> </script>
<!-- Google CDN jQuery with fallback to local -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- custom scrollbars plugin -->
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/minified/jquery-1.9.1.min.js"%3E%3C/script%3E'))</script>
<!-- custom scrollbars plugin -->
<script src="{$baseurl}/js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="{$baseurl}/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script> <script>
(function($){ (function($){
@ -70,7 +69,7 @@
{/if} {/if}
<script type="text/javascript" src="{$theme}/js/functions.js"></script> <script type="text/javascript" src="{$theme}/js/functions.js"></script>
<script type="text/javascript" src="{$theme}/js/admin_functions.js"></script> <script type="text/javascript" src="{$theme}/js/admin_functions.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="{$theme}/js/bootstrap.min.js"></script> <script src="{$theme}/js/bootstrap.min.js"></script>
<script src="{$theme}/js/masonary.desandro.min.js"></script> <script src="{$theme}/js/masonary.desandro.min.js"></script>
<script src="{$baseurl}/js/clipbucket.js"></script> <script src="{$baseurl}/js/clipbucket.js"></script>
@ -81,9 +80,7 @@
<!-- Script For Home Page Videos Slider //--> <!-- Script For Home Page Videos Slider //-->
<script src="{$theme}/js/jssor.slider.min.js"></script> <script src="{$theme}/js/jssor.slider.min.js"></script>
<script src="{$theme}/js/jquery-1.9.1.min.js"></script>
<script src="{$theme}/js/uslider_js/jquery.js"></script>
<script src="{$theme}/js/uslider_js/jquery.easing.js"></script> <script src="{$theme}/js/uslider_js/jquery.easing.js"></script>
<script src="{$theme}/js/uslider_js/jquery.mousewheel.js"></script> <script src="{$theme}/js/uslider_js/jquery.mousewheel.js"></script>
<script src="{$theme}/js/uslider_js/jquery.ulslide.js?v=4"></script> <script src="{$theme}/js/uslider_js/jquery.ulslide.js?v=4"></script>
@ -107,7 +104,9 @@
// less.watch({ // less.watch({
// poll : 300 // poll : 300
// }); // });
$( 'ul#photos li:visible' ).each( function( i ){
$( this )[ (1&i) ? 'addClass' : 'removeClass' ]( 'photo-land-no' );
} )
}) })
</script> </script>

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

@ -6,7 +6,7 @@
<!-- Listing Categories --> <!-- Listing Categories -->
{include file="$style_dir/blocks/category_list.html" type='groups'} {include file="$style_dir/blocks/category_list.html" type='groups'}
<!-- Listing Categories End --> <!-- Listing Categories End -->
<div class="col-md-7 clearfix"> <div class="col-md-7 clearfix nopadding">
<!-- Page Heading --> <!-- Page Heading -->
<div class="page-hidding margin-bottom-10"> <div class="page-hidding margin-bottom-10">
{assign var=sorting_links value=sorting_links()} {assign var=sorting_links value=sorting_links()}
@ -92,9 +92,9 @@
</div> </div>
<!-- /Pagination--> <!-- /Pagination-->
</div> </div>
<div class="col-md-2 fill" > <div class="col-md-2" >
{*AD place='ad_160x600'*} {*AD place='ad_160x600'*}
<img src="{$theme}/assets/images/200x800.png"> <img src="{$theme}/assets/images/ad-box-160x600.jpg">
</div> </div>
</div> </div>
</div> </div>

18
upload/styles/cb_2014/layout/header.html
View file

@ -85,18 +85,18 @@
<li class="dropdown myaccount-dd"> <li class="dropdown myaccount-dd">
<span class="dropdown-toggle theme_color col-md-12" data-toggle="dropdown"> <img class="img-circle" src="{$userquery->getUserThumb('','small',userid())}" style="width: 40px; height: 40px;"/> {$userquery->username}<b class="caret"></b></span> <span class="dropdown-toggle theme_color col-md-12" data-toggle="dropdown"> <img class="img-circle" src="{$userquery->getUserThumb('','small',userid())}" style="width: 40px; height: 40px;"/> {$userquery->username}<b class="caret"></b></span>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="{$base_url}/demo/myaccount.php?userid={userid}">{lang code="my_account"}</a></li> <li><a href="{link name='my_account' }{userid}">{lang code="my_account"}</a></li>
<li><a href="{$base_url}/demo/manage_videos.php">{lang code="Manage Videos"}</a></li> <li><a href="{link name='my_videos'}">{lang code="Manage Videos"}</a></li>
<li><a href="{$base_url}/demo/channels.php">{lang code="View Channels"}</a></li> <li><a href="{link name='channels'}">{lang code="View Channels"}</a></li>
<li><a href="{$base_url}/demo/upload.php">{lang code="Upload"}</a></li> <li><a href="{link name='upload'}">{lang code="Upload"}</a></li>
<li class="divider"></li> <li class="divider"></li>
<li><a href="{$base_url}/demo/logout.php">{lang code="Logout"}</a></li> <li><a href="{link name='logout'}">{lang code="Logout"}</a></li>
</ul> </ul>
</li> </li>
{else} {else}
<li> <li>
<div> <div>
<a href="{link name="signup"}" class="btn btn-primary btn-success btn-sm">{lang code="Create Account"}</a> <a href="{link name='signup'}" class="btn btn-primary btn-success btn-sm">{lang code="Create Account"}</a>
<a href="#" data-toggle="modal" data-target="#login-modal" class="btn btn-primary btn-sm">{lang code="Login"}</a> <a href="#" data-toggle="modal" data-target="#login-modal" class="btn btn-primary btn-sm">{lang code="Login"}</a>
</div> </div>
@ -110,14 +110,14 @@
{if userid()} {if userid()}
<div class="pull-right"> <div class="pull-right">
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-primary" type="button">{lang code="Uploads"}</button> <button class="btn btn-primary" type="button"><a class="white" href="{link name='upload'}">{lang code="Uploads"}</a></button>
<button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button"> <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">
<span class="caret"></span> <span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
<ul role="menu" class="dropdown-menu"> <ul role="menu" class="dropdown-menu">
<li><a href="upload.php">{lang code="Upload Video"}</a></li> <li><a href="{link name='upload'}">{lang code="Upload Video"}</a></li>
<li><a href="photo_upload.php">{lang code="Upload Photo"}</a></li> <li><a href="{link name='photo_upload'}">{lang code="Upload Photo"}</a></li>
</ul> </ul>
</div> </div>
</div> </div>

85
upload/styles/cb_2014/layout/index.html
View file

@ -8,24 +8,14 @@
fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> }(document, 'script', 'facebook-jssdk'));</script>
<div class="row cb-box marginBottom"> <div class="row cb-box marginBottom">
<div class="alert alert-info">
Global Announcement...
</div>
<!-- ******************************************* //--> <!-- ******************************************* //-->
<!-- ******** GLOBAL ANNOUNCEMENT START ******** //--> <!-- ******** GLOBAL ANNOUNCEMENT START ******** //-->
<!-- ******************************************* //--> <!-- ******************************************* //-->
<div class="alert alert-info margin-bottom-10 ad">
this is information for global. {AD place=ad_728x90}
</div>
{if AD}
<!--<div class="alert alert-info">
{AD place='ad_160x600'}
</div>-->
{/if}
<!-- ******************************************* //--> <!-- ******************************************* //-->
<!-- ********* GLOBAL ANNOUNCEMENT END ********* //--> <!-- ********* GLOBAL ANNOUNCEMENT END ********* //-->
<!-- ******************************************* //--> <!-- ******************************************* //-->
@ -38,9 +28,9 @@
{if $editor_picks} {if $editor_picks}
<div class="row"> <div class="row">
<div class="col-md-8 nopadding-right" style="margin-left: -6px;"> <div class="col-md-8 nopadding-right">
<!-- Editor Pick Video Main Container START //--> <!-- Editor Pick Video Main Container START //-->
<div id="ep_video_container" style="height: 386px; width: 780px" > <div id="ep_video_container">
{if is_installed('editorspick')} {if is_installed('editorspick')}
{section name=e_list loop=$editor_picks max=1} {section name=e_list loop=$editor_picks max=1}
{include file="$style_dir/blocks/editor_pick/video_block.html" video=$editor_picks[e_list]} {include file="$style_dir/blocks/editor_pick/video_block.html" video=$editor_picks[e_list]}
@ -55,14 +45,14 @@
</div> </div>
<!-- Editor Pick Videos Slider Container START //--> <!-- Editor Pick Videos Slider Container START //-->
<div class="col-md-4 hidden-sm hidden-xs nopadding-left"> <div class="col-md-4 ">
<div id="slide" class="" style="list-style: none; position: relative; padding: 0px; overflow: hidden; width: 375px; height: 354px; left: 33px;"> <div id="slide" class="" style="">
{section name=e_list loop=$editor_picks} {section name=e_list loop=$editor_picks}
{include file="$style_dir/blocks/editor_pick/index_featured_video.html" video=$editor_picks[e_list]} {include file="$style_dir/blocks/editor_pick/index_featured_video.html" video=$editor_picks[e_list]}
{/section} {/section}
</div> </div>
<div class="next_pre_hold" style="margin-top: 38px;left: 31px;width: 91%;"> <div class="next_pre_hold">
<a href="#" class="col-md-6 btn btn-primary" id="slide_prev"> <a href="#" class="col-md-6 btn btn-primary" id="slide_prev">
<span class="glyphicon glyphicon-chevron-up"></span> <span class="glyphicon glyphicon-chevron-up"></span>
</a> </a>
@ -80,18 +70,20 @@
<!-- ******************************************* //--> <!-- ******************************************* //-->
<!-- ************ EDITORS BLOCK END ************ //--> <!-- ************ EDITORS BLOCK END ************ //-->
<!-- ******************************************* //--> <!-- ******************************************* //-->
<div class="clearfix" style="height: 10px;"></div> <div class="clearfix"></div>
<div align="center" > <a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner" src="{$theme}/assets/images/arvixe-downloadpage-banner.gif" > <div align="center" class="margin-bottom-10">
<a href="http://www.arvixe.com/clipbucket_hosting">
<img class="banner" src="{$theme}/assets/images/ad-box-728x90.jpg" >
</a> </a>
</div> </div>
<!-- ******************************************* //--> <!-- ******************************************* //-->
<!-- *********** LATEST VIDEOS START *********** //--> <!-- *********** LATEST VIDEOS START *********** //-->
<!-- ******************************************* //--> <!-- ******************************************* //-->
<div class="row" style="margin-top: 48px"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="col-md-8 nopadding padding-right-10"> <div class="col-md-8 nopadding padding-right-10">
<h2 class="myHeading theme_color" style="margin-top: -34px">{lang code="Featured Videos"}</h2> <h2 class="myHeading theme_color">{lang code="Featured Videos"}</h2>
{if $videos_01} {if $videos_01}
<div class="col-md-12 nopadding"> <div class="col-md-12 nopadding">
@ -189,7 +181,7 @@
<!-- ******************************************* //--> <!-- ******************************************* //-->
<div class="clearfix" style="height: 10px;"></div> <div class="clearfix" style="height: 10px;"></div>
<div align="center" > <a href="http://www.clip-bucket.com"><img class="banner" src="{$theme}/assets/images/468x60cb.jpg" > <div align="center" > <a href="http://www.clip-bucket.com"><img class="banner" src="{$theme}/assets/images/ad-box-468x60.jpg" >
</a> </a>
</div> </div>
@ -201,19 +193,20 @@
<h2 class="myHeading theme_color">{lang code="Featured Photos"}</h2> <h2 class="myHeading theme_color">{lang code="Featured Photos"}</h2>
<!-- *********** FIRST PHOTOS START ************ //--> <!-- *********** FIRST PHOTOS START ************ //-->
<div class="col-md-12 fill-background" style="display:block; height:268px; padding:5px;"> <div class="col-md-12 fill-background" style="display:block; height:265px; padding:5px;">
<div class="col-md-7 big_img"> <div class="col-md-7 big_img">
{foreach from=$result_photos1_01 item=result_photo1_01} {foreach from=$result_photos1_01 item=result_photo1_01}
<a href="{$cbphoto->photo_links($result_photo1_01,'view_item')}"> <a href="{$cbphoto->photo_links($result_photo1_01,'view_item')}">
{get_photo details=$result_photo1_01 output='html' width="545" height="300" size="l" class="cb_img_thum"} {get_photo details=$result_photo1_01 output='html' width="420" height="235" size="l" class="cb_img_thum"}
</a> </a>
{/foreach} {/foreach}
</div> </div>
<div class="col-md-5 nopadding" style="display:block; height:280px;">
{foreach from=$result_photos1_08 item=result_photo1_04} <div class="col-md-5 nopadding" style="display:block; height:132px;">
<div class="col-md-6" style="display: block; height: 132px; padding: 7px; border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);border-top: solid 1px;border-color: #e1e1e1;"> {foreach from=$result_photos1_08 item=result_photo1_08}
<div class="col-md-6" style="border-right: 1px solid rgb(204, 204, 204); display: block; height: 133px; padding: 7px; border-top: 1px solid rgb(204, 204, 204);">
<a href="{$cbphoto->photo_links($result_photo1_08,'view_item')}"> <a href="{$cbphoto->photo_links($result_photo1_08,'view_item')}">
{get_photo details=$result_photo1_04 output='html' class='MainImg'} {get_photo details=$result_photo1_08 output='html' width="128" height="118" size="l" class='photoThumbBox moveL cb_img_thum'}
</a> </a>
{if $photos@iteration > 1}{break}{/if} {if $photos@iteration > 1}{break}{/if}
</div> </div>
@ -222,13 +215,13 @@
</div> </div>
<!-- *********** FIRST PHOTOS END ************ //--> <!-- *********** FIRST PHOTOS END ************ //-->
<!-- *********** SECOND PHOTOS START ************ //--> <!-- *********** SECOND PHOTOS START ************ //-->
<div class="col-md-12" style="display:block; height:320px; padding:5px;"> <div class="col-md-12" style="display:block; height:265px; padding:5px;">
<div class="col-md-5 nopadding" style="display:block; height:80px;"> <div class="col-md-5 nopadding" style="display:block; height:132px;">
{foreach from=$result_photos2_08 item=result_photo2_08} {foreach from=$result_photos2_08 item=result_photo2_08}
<div class="col-md-6" style="display: block; height: 132px; padding: 7px; border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);border-top: solid 1px;border-color: #e1e1e1;"> <div class="col-md-6" style="display: block; height: 132px; padding: 7px; border-left: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204);">
<a href="{$cbphoto->photo_links($result_photo2_08,'view_item')}"> <a href="{$cbphoto->photo_links($result_photo2_08,'view_item')}">
{get_photo details=$result_photo2_08 output='html' class='MainImg'} {get_photo details=$result_photo2_08 output='html' width="128" height="118" size="l" class='photoThumbBox moveL cb_img_thum'}
</a> </a>
{if $photos@iteration > 1}{break}{/if} {if $photos@iteration > 1}{break}{/if}
</div> </div>
@ -238,7 +231,7 @@
<div class="col-md-7 big_img"> <div class="col-md-7 big_img">
{foreach from=$result_photos2_01 item=result_photo2_01} {foreach from=$result_photos2_01 item=result_photo2_01}
<a href="{$cbphoto->photo_links($result_photo2_01,'view_item')}"> <a href="{$cbphoto->photo_links($result_photo2_01,'view_item')}">
{get_photo details=$result_photo2_01 output='html' width="545" height="300" size="l" class="cb_img_thum"} {get_photo details=$result_photo2_01 output='html' width="420" height="235" size="l" class="cb_img_thum"}
</a> </a>
{/foreach} {/foreach}
</div> </div>
@ -268,9 +261,9 @@
<!-- ******************************************* //--> <!-- ******************************************* //-->
<!-- ************* USER BLOCK START ************ //--> <!-- ************* USER BLOCK START ************ //-->
<!-- ******************************************* //--> <!-- ******************************************* //-->
<div class="col-md-4 side_user_home" style="right: -9px;top: -44px;margin-bottom: -28px;"> <div class="col-md-4 side_user_home">
{lang code="Featured Users"} <h4 class="home-side-heading">{lang code="Featured Users"}</h4>
<hr>
{section name=result_users loop=$result_users} {section name=result_users loop=$result_users}
<div class="col-md-12 nopadding clearfix user-view-home" style="height: 85px;"> <div class="col-md-12 nopadding clearfix user-view-home" style="height: 85px;">
@ -282,12 +275,12 @@
<h4 class="nopadding "><a href="{$userquery->profile_link($result_users[result_users])}">{$result_users[result_users].username}</a></h4> <h4 class="nopadding "><a href="{$userquery->profile_link($result_users[result_users])}">{$result_users[result_users].username}</a></h4>
</div> </div>
<div class=" nopadding col-md-6 min-height-20"> <div class=" nopadding col-md-6 min-height-20">
<div class="pull-left small">{$result_users[result_users].profile_hits|number_format} {lang code='views'}</div> <div class="pull-left small"><small>{$result_users[result_users].profile_hits|number_format} {lang code='views'}</small></div>
<div class="pull-right small">{$result_users[result_users].total_videos|number_format}{lang code='Videos'}</div> <div class="pull-right small"><small>{$result_users[result_users].total_videos|number_format} {lang code='Videos'}</small></div>
</div> </div>
<br> <br>
<div class="row pull-left" style="width: 217px;margin-left: 0px;"> <div class="row pull-left" style="margin-left: 0px; width: 99%;">
<div class="progress"> <div class="progres">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span> <span class="sr-only">40% Complete (success)</span>
</div> </div>
@ -322,9 +315,9 @@
<!-- ********** FACEBOOK BLOCK END *********** //--> <!-- ********** FACEBOOK BLOCK END *********** //-->
<!-- ******************************************* //--> <!-- ******************************************* //-->
<div class="col-md-4 comment_home" > <div class="col-md-4 comment_home side_user_home" >
{lang code="Top Collections"} <h4 class="home-side-heading">{lang code="Top Collections"}</h4>
<hr>
{foreach from=$collections item=collection} {foreach from=$collections item=collection}
<div class="collection_home mouse_hover"> <div class="collection_home mouse_hover">
@ -350,11 +343,11 @@
$('#slide').ulslide({ $('#slide').ulslide({
width: 350, width: 350,
height: 90, height: 88,
effect: { effect: {
type: 'carousel', // slide or fade type: 'carousel', // slide or fade
axis: 'y', // x, y axis: 'y', // x, y
showCount: 4 showCount: 5
}, },
nextButton: '#slide_next', nextButton: '#slide_next',
prevButton: '#slide_prev', prevButton: '#slide_prev',

113
upload/styles/cb_2014/layout/photos.html
View file

@ -2,7 +2,7 @@
{$leftMenuLinks = array_slice($myAccountLinks, 6)} {$leftMenuLinks = array_slice($myAccountLinks, 6)}
<div class="container"> <div class="container">
{include file="$style_dir/blocks/manage/account_menu.html"} {include file="$style_dir/blocks/manage/account_menu.html"}
<div class="cb-box row"> <!--<div class="cb-box row">
{assign var=sorting_links value=sorting_links()} {assign var=sorting_links value=sorting_links()}
<h4 class="smaller lighter pull-left">{lang code="Browsing All Photos"}: </h4> <h4 class="smaller lighter pull-left">{lang code="Browsing All Photos"}: </h4>
<div class="photopadding col-md-6"> <div class="photopadding col-md-6">
@ -16,7 +16,7 @@
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button"> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span> <span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button><!--<span class="glyphicon glyphicon-sort"></span> Most {$name}--> </button>
{/if} {/if}
{/foreach} {/foreach}
{else} {else}
@ -35,7 +35,7 @@
</ul> </ul>
</div> </div>
<!--Sorting By time-->
{assign var=time_links value=time_links()} {assign var=time_links value=time_links()}
<div class="btn-group"> <div class="btn-group">
{if $smarty.get.timing} {if $smarty.get.timing}
@ -49,7 +49,7 @@
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button"> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span> <span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button><!--<span class="glyphicon glyphicon-sort"></span> Most {$name}--> </button>
{/if} {/if}
{/foreach} {/foreach}
{else} {else}
@ -87,25 +87,122 @@
</div> </div>
</div> </div>
</div> </div>-->
<div class="cb-box row"> <div class="cb-box row">
<div class="col-md-10 photomargin"> <!-- Page Heading -->
<div class="page-hidding margin-bottom-10">
{assign var=sorting_links value=sorting_links()}
<h4 class="smaller lighter pull-left">{lang code="Browsing All Categories"}: </h4>
<div class="pull-left">
<!--Sorting By View-->
<div class="btn-group">
{if $smarty.get.sorting}
{foreach from=$sorting_links item=name key=sort}
{if $smarty.get.time==$sort && isset($smarty.get.time)}
<button class="btn btn-default" type="button">
{$name}
</button>
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button><!--<span class="glyphicon glyphicon-sort"></span> Most {$name}-->
{/if}
{/foreach}
{else}
<button class="btn btn-default" type="button">
Recent
</button>
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
{/if}
<ul role="menu" class="dropdown-menu">
{foreach from=$sorting_links item=name key=sort}
<li><a href="{link name=time sort=$sort type=photos}&sorting=dkfs" {if $smarty.get.time==$sort} class="selected"{/if}>{$name}</a></li>
{/foreach}
</ul>
</div>
<!--Sorting By time-->
{assign var=time_links value=time_links()}
<div class="btn-group">
{if $smarty.get.timing}
{foreach from=$time_links item=name key=sort name=times}
{if $smarty.get.time==$sort && isset($smarty.get.time)}
<button class="btn btn-default" type="button">
{$name}
</button>
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button><!--<span class="glyphicon glyphicon-sort"></span> Most {$name}-->
{/if}
{/foreach}
{else}
<button class="btn btn-default" type="button">
All Time
</button>
<button data-toggle="dropdown" class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
{/if}
<ul role="menu" class="dropdown-menu">
{foreach from=$time_links item=name key=sort name=times}
<li><a href="{link name=time sort=$sort type=photos}&timing=time" {if $smarty.get.time==$sort} class="selected"{/if}>{$name}</a></li>
{/foreach}
</ul>
</div>
</div>
<div class="pull-right">
<div class="btn-group">
<button class="btn btn-primary" type="button">{lang code="Collections"}</button>
<button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul role="menu" class="dropdown-menu">
{foreach from=$collections item=collection}
<li><a href="{$baseurl}/view_collection.php?cid={$collection.collection_id}&type={$collection.type}" title="{$collection.collection_name}">{$collection.collection_name}</a></li>
{foreachelse}
<li><a href="#">{lang code="No Collection Found"}</a></li>
{/foreach}
</ul>
</div>
</div>
</div>
<!-- /Page Heading -->
<div class="col-md-10 photos nopadding">
{$counter=0} {$counter=0}
<ul class="list-unstyled row" id="photos">
{section name=p_list loop=$photos} {section name=p_list loop=$photos}
{$photos[p_list].counter=$counter} {$photos[p_list].counter=$counter}
<li>
{include file="$style_dir/blocks/photo.html" photo=$photos[p_list]} {include file="$style_dir/blocks/photo.html" photo=$photos[p_list]}
</li>
{$counter=$counter+1} {$counter=$counter+1}
{sectionelse} {sectionelse}
<div class="col-md-10 ">{lang code='no_results_found'}</div> <div class="col-md-10 ">{lang code='no_results_found'}</div>
{/section} {/section}
</ul>
<!--Pagination--> <!--Pagination-->
<!-- /Pagination--> <!-- /Pagination-->
</div> </div>
<div class="col-md-2 pull-right"> <div class="col-md-2 pull-right paddingright0">
{*AD place='ad_160x600'*} {*AD place='ad_160x600'*}
<!--<img src="http://www.ryangiggs.cc/system/files/banner-160x600-pride-tee_0.jpg">--> <!--<img src="http://www.ryangiggs.cc/system/files/banner-160x600-pride-tee_0.jpg">-->
<a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner pull-right" src="{$theme}/assets/images/arvixe-home.gif" ></a> <a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner pull-right" src="{$theme}/assets/images/ad-box-160x600.jpg" ></a>
</div> </div>
<div align="center" class="col-md-10"> <div align="center" class="col-md-10">
{include file="$style_dir/blocks/pagination.html"} {include file="$style_dir/blocks/pagination.html"}

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

@ -9,7 +9,7 @@
<!-- Listing Categories --> <!-- Listing Categories -->
{include file="$style_dir/blocks/category_list.html" type='video'} {include file="$style_dir/blocks/category_list.html" type='video'}
<!-- Listing Categories End --> <!-- Listing Categories End -->
<div class="col-md-9 clearfix"> <div class="col-md-9 clearfix paddingleft0">
<!-- Page Heading --> <!-- Page Heading -->
<div class="page-hidding"> <div class="page-hidding">
{assign var=sorting_links value=sorting_links()} {assign var=sorting_links value=sorting_links()}
@ -81,9 +81,9 @@
</div> </div>
</div> </div>
<!-- /Page Heading --> <!-- /Page Heading -->
<div class="row"> <div class="" style="margin-left: -15px;">
{foreach $videos as $video} {foreach $videos as $video}
<div class="col-md-4 marginBottom grid_view list_view"> <div class="col-md-3 marginBottom grid_view list_view nopadding-right">
{include file="$style_dir/blocks/videos/video.html"} {include file="$style_dir/blocks/videos/video.html"}
</div> </div>
{/foreach} {/foreach}

16
upload/styles/cb_2014/layout/view_collection.html
View file

@ -4,7 +4,7 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="col-md-6" style="margin-top: 6px;"><h3 style="display: inline">{$c.collection_name|capitalize}<small> {$c.type|capitalize} ({$c.total_objects}) </small></h3></div> <div class="col-md-6" style="margin-top: 6px;"><h3 style="display: inline">{$c.collection_name|capitalize}<small> {$c.type|capitalize} ({$c.total_objects}) </small></h3></div>
<div class="col-md-6 pull-right"> <div class="col-md-6 pull-right row">
<div class="pull-right"> <div class="pull-right">
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-primary" type="button">{lang code="Manage By"}</button> <button class="btn btn-primary" type="button">{lang code="Manage By"}</button>
@ -44,21 +44,25 @@
</div> </div>
<hr> <hr>
<div class="row"> <div class="row">
<div class="col-md-10"> <div class="col-md-10 photos nopadding">
<ul class="list-unstyled" id="photos">
{section name=list loop=$objects} {section name=list loop=$objects}
<li>
{include file="$style_dir/blocks/collection.html" object=$objects[list] display_type=view_collection type=$c.type} {include file="$style_dir/blocks/collection.html" object=$objects[list] display_type=view_collection type=$c.type}
</li>
{sectionelse} {sectionelse}
<div align="center" style="font:bold 11px Tahoma;">{$c.collection_name} has 0 items.</div> <div align="center" style="font:bold 11px Tahoma;">{$c.collection_name} has 0 items.</div>
{/section} {/section}
</ul>
<div align="center" class="col-md-10"> <div align="center" class="col-md-10">
{include file="$style_dir/blocks/pagination.html"} {include file="$style_dir/blocks/pagination.html"}
{*include file="$style_dir/blocks/new_pagination.html"*} {*include file="$style_dir/blocks/new_pagination.html"*}
</div> </div>
</div> </div>
<div class="col-md-2"> <div class="col-md-2 pull-right">
{*AD place='ad_160x600'*} {*AD place='ad_160x600'*}
<a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner" src="{$theme}/assets/images/arvixe-home.gif"></a> <!--<img src="http://www.ryangiggs.cc/system/files/banner-160x600-pride-tee_0.jpg">-->
<a href="http://www.arvixe.com/clipbucket_hosting"><img class="banner pull-right" src="{$theme}/assets/images/ad-box-160x600.jpg" ></a>
</div> </div>
<div class="col-md-8"> <div class="col-md-8">

32
upload/styles/cb_2014/layout/view_photo.html
View file

@ -3,18 +3,18 @@
<div class="row"> <div class="row">
{assign var=json value=$photo.photo_details|json_decode} {assign var=json value=$photo.photo_details|json_decode}
<div class="col-md-8 cb-box show-image nplinks" style="margin-left: -15px"> <div class="col-md-8 cb-box show-image nplinks mouse_hover" style="margin-left: -15px">
<a {if $nextLink} {assign var='nextItem' value=$nextLink} {else} {assign var='nextItem' value=$preLink} {/if} <a {if $nextLink} {assign var='nextItem' value=$nextLink} {else} {assign var='nextItem' value=$preLink} {/if}
href="{$cbphoto->photo_links($nextItem.0,'view_item')}" href="{$cbphoto->photo_links($nextItem.0,'view_item')}"
>{get_photo details=$photo size='l' class='photoimg' output='html'}</a> >{get_photo details=$photo size='l' class='photoimg' output='html'}</a>
{assign var=objctid value=$object.ci_id} {assign var=objctid value=$object.ci_id}
{assign var=collid value=$object.collection_id} {assign var=collid value=$object.collection_id}
{assign var=preLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'prev')} {assign var=preLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'prev')}
<a class="the-buttons btn btn-danger btn-lg btns1" id="button1" name="button1" href="{$cbphoto->photo_links($preLink.0,'view_item')}"> <a class="btn btn-danger btn-lg btns1 mouse_hover_on" href="{$cbphoto->photo_links($preLink.0,'view_item')}">
<i class="glyphicon glyphicon-chevron-left"></i>Previous <i class="glyphicon glyphicon-chevron-left"></i>Previous
</a> </a>
{assign var=nextLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'next')} {assign var=nextLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'next')}
<a class="the-buttons btn btn-primary btn-lg btns" id="button2" name="button2" href="{$cbphoto->photo_links($nextLink.0,'view_item')}"> <a class="btn btn-primary btn-lg btns mouse_hover_on" href="{$cbphoto->photo_links($nextLink.0,'view_item')}">
Next<i class="glyphicon glyphicon-chevron-right"> </i> Next<i class="glyphicon glyphicon-chevron-right"> </i>
</a> </a>
<hr> <hr>
@ -149,7 +149,7 @@
{show_share_form id=$photo.photo_id type=Photo} {show_share_form id=$photo.photo_id type=Photo}
</div> </div>
<div id="pcode" class="tab-pane"> <div id="pcode" class="tab-pane">
{embedCodes assign='codes' type='all' with_url=TRUE details=$photo} {$codes=$cbphoto->photo_embed_codes(['type'=>'all','with_url'=>true, 'details'=>$photo])}
{foreach from=$codes item=item} {foreach from=$codes item=item}
<div style="width:48%; display:inline-block; margin-top:5px;"> <div style="width:48%; display:inline-block; margin-top:5px;">
<label style="text-transform:uppercase; font:bold 11px Tahoma;" for="{$item.type}">{$item.name}</label> <label style="text-transform:uppercase; font:bold 11px Tahoma;" for="{$item.type}">{$item.name}</label>
@ -169,7 +169,7 @@
</div> </div>
</div> </div>
<div class="cb-box col-md-4 pull-right" > <div class="cb-box col-md-4 pull-right" >
<a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/300x250.gif" style="margin-bottom: 10px; width: 100%;" > <a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/add320x250.png" style="margin-bottom: 10px; width: 100%;" >
</a> </a>
<h3>{lang code='Most Popular'}</h3> <h3>{lang code='Most Popular'}</h3>
{section name=p_list loop=$photos} {section name=p_list loop=$photos}
@ -207,30 +207,10 @@
{if $myquery->is_commentable($photo,'p')} {if $myquery->is_commentable($photo,'p')}
{include file="$style_dir/blocks/comments/add_comment.html" id=$photo.photo_id type=p} {include file="$style_dir/blocks/comments/add_comment.html" id=$photo.photo_id type=p}
{else} {else}
<div class="disable_msg" align="center">{lang code='Comments disabled for this photo'}</div> <div class="alert alert-warning">{lang code='Comments disabled for this photo'}</div>
{/if} {/if}
</div> </div>
<script>
jQuery(function() { // <== Doc ready
jQuery(".the-buttons").hide(); // Initially hide all buttons
jQuery('.show-image').hover(function() {
jQuery(this).find('#button1').fadeIn(1500);
jQuery(this).find('#button2').fadeIn(1500);
}, function() {
jQuery(this).find('#button1').fadeOut(1500);
jQuery(this).find('#button2').fadeOut(1500);
});
});
</script>
{section name=list loop=$uphotos} {section name=list loop=$uphotos}
{include file="$style_dir/blocks/photo.html" display_type="related_photos" photo=$uphotos[list]} {include file="$style_dir/blocks/photo.html" display_type="related_photos" photo=$uphotos[list]}
{/section} {/section}

4
upload/styles/cb_2014/layout/watch_video.html
View file

@ -11,7 +11,7 @@
<div class="cb-item-thumb"> <div class="cb-item-thumb">
<img height="65" width="65" src="{$userquery->avatar($video)}" class="img-circle" /> <img height="65" width="65" src="{$userquery->avatar($video)}" class="img-circle" />
</div> </div>
<div class="cb-item-title marginBottom" style="overflow: hidden;"> <div class="cb-item-title marginBottom margin-bottom-10 " style="overflow: hidden; padding-bottom: 10px;">
{$video.title} {$video.title}
</div> </div>
<div class="cb-item-user"> <div class="cb-item-user">
@ -121,7 +121,7 @@
<div class="col-lg-4 col-md-4 visible-lg visible-md side-video" style="float:right;" > <div class="col-lg-4 col-md-4 visible-lg visible-md side-video" style="float:right;" >
<div class="cb-box"> <div class="cb-box">
<a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/300x250.gif" style="margin-bottom: 10px; width: 100%;" > <a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/add320x250.png" style="margin-bottom: 10px; width: 100%;" >
</a> </a>
<h3>{lang code="Most Popular"}</h3> <h3>{lang code="Most Popular"}</h3>
{foreach $videos as $video} {foreach $videos as $video}

74
upload/styles/cb_2014/theme/css/channel.css
View file

@ -672,7 +672,7 @@ footer {
} }
.cb-item-title-container .cb-item-title { .cb-item-title-container .cb-item-title {
padding-top: 8px; padding-top: 8px;
font-size: 27px; font-size: 22px;
font-weight: bold; font-weight: bold;
color: #3d3d3d; color: #3d3d3d;
} }
@ -1307,8 +1307,8 @@ h2.myHeadingBLK {
.next_pre_hold{ .next_pre_hold{
height: 5px; height: 5px;
position: absolute; position: absolute;
top: 320px; left: 28px; width: 89.1%;
width: 95.6%; top:397px;
} }
.next_pre_hold .btn{ .next_pre_hold .btn{
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) ; box-shadow: 0 0px 0px rgba(0, 0, 0, 0) ;
@ -1393,17 +1393,17 @@ margin-right: 10px;
opacity: 1; opacity: 1;
display: block; display: block;
} }
/*.mouse_hover_on{*/ .mouse_hover_on{
/*display: none;*/ display: none;
/*-webkit-transition: opacity 1s ease-out;*/ -webkit-transition: opacity 1s ease-out;
/*opacity: 0;*/ opacity: 0;
/*}*/ }
.mouse_hover1:hover .mouse_hover_on1{ .mouse_hover1:hover .mouse_hover_on1{
display: block; display: block;
} }
/*.mouse_hover_on1{*/ .mouse_hover_on1{
/*display: none;*/ display: none;
/*}*/ }
.opacity_low { .opacity_low {
opacity: 0.8; opacity: 0.8;
} }
@ -1440,22 +1440,23 @@ display: block;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
color: #FFFFFF; color: #FFFFFF;
left: 1px; left: 1px;
padding-bottom: 11.2%; padding-bottom: 25px;
padding-top: 10.6%; padding-top: 25px;
position: absolute; position: absolute;
top: 2px; top: -1px;
width: 99.5%; width: 99.5%;
height: 97px; height: 103px;
} }
.collection_home .details{ .collection_home .details{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
color: #FFFFFF; color: #FFFFFF;
left: 17px; left: 7px;
padding-bottom: 8.2%; margin-top: 2px;
padding-top: 10%; padding-bottom: 27px;
padding-top: 27px;
position: absolute; position: absolute;
width: 91.4%; width: 96.4%;
} }
.collection_home .details .collection_name{ .collection_home .details .collection_name{
@ -1495,6 +1496,7 @@ height: 244px !important;
height:135px; padding:5px; height:135px; padding:5px;
} }
.side_user_home{ .side_user_home{
padding: 5px;
background-color:#F8F8F8; padding-top:10px; padding-bottom:10px; margin-bottom:10px; background-color:#F8F8F8; padding-top:10px; padding-bottom:10px; margin-bottom:10px;
} }
.side_user_home .user_icon{ .side_user_home .user_icon{
@ -1539,5 +1541,37 @@ width: 740px !important;
.thumbnail_new img { width:100%; height:auto; } /* to keep proportions */ .thumbnail_new img { width:100%; height:auto; } /* to keep proportions */
.thumbnails_new p { text-align: center; padding: 10px; } /* captions can be styled with an inline element */ .thumbnails_new p { text-align: center; padding: 10px; } /* captions can be styled with an inline element */
.banner{ .banner{
border: 2px solid #DDDDDD; /*border: 2px solid #DDDDDD;*/
}
#slide{
left: 13px;
}
.margin-bottom-10{
margin-bottom: 10px !important;
}
.home-side-heading{
border-bottom: 2px solid #d1d1d1;
margin-top: 5px;
padding-bottom: 5px;
}
small{
color: #838282;
}
.photoThumbBox{
height: 118px;
}
.video_thumb img{
}
.paddingleft0{
padding-left: 0px;
}
.paddingright0{
padding-right: 0px;
}
.video-popular a{
}
.min-height-45{
min-height: 45px;
} }

17
upload/styles/cb_2014/theme/css/groups.css
View file

@ -4,7 +4,7 @@
border-right: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: -10px; margin-top: -10px;
min-height: 124px; min-height: 140px;
padding-bottom: 10px; padding-bottom: 10px;
padding-top: 10px; padding-top: 10px;
} }
@ -18,10 +18,10 @@
color: #444; color: #444;
} }
.small{ .small{
color: #000000; color: #777777;
} }
.groups-view img { .groups-view img {
border: 2px solid #DDDDDD; border: 1px solid #DDDDDD;
padding: 0; padding: 0;
width: 100%; width: 100%;
} }
@ -72,7 +72,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
margin-top: 7px; margin-top: 7px;
} }
.cb_img_thum{ .cb_img_thum{
border: 2px solid #DDDDDD; border: 1px solid #DDDDDD;
padding: 0; padding: 0;
width: 100%; width: 100%;
} }
@ -102,9 +102,16 @@ color: #575757;
.navbar-stacked li b{ .navbar-stacked li b{
float: right; float: right;
} }
.navbar-stacked li:hover{ .navbar-stacked li:hover {
border-left: 10px solid #428bca; border-left: 10px solid #428bca;
} }
li.cbCategoryItem.selected {
border-left: 10px solid #428bca;
}
li.cbCategoryItem.selected {
background-color: #EEEEEE;
text-decoration: none;
}
.navbar-stacked li b.caret{ .navbar-stacked li b.caret{
border-top-width: 8px; border-top-width: 8px;
margin-top: 8px; margin-top: 8px;

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

@ -1969,8 +1969,8 @@ footer {
margin-bottom: 10px; margin-bottom: 10px;
} }
.item_video img{ .item_video img{
width: 75%; width: 100%;
border: 2px solid #ddd; border: 1px solid #ddd;
padding: 0px; padding: 0px;
} }
.video_duration{ .video_duration{
@ -1980,8 +1980,8 @@ footer {
font-size: 9px; font-size: 9px;
padding: 1px 5px; padding: 1px 5px;
position: absolute; position: absolute;
right: 17px; right: 4px;
top: 2px; top: 4px;
} }
/* Page heading*/ /* Page heading*/
.page-hidding{ .page-hidding{
@ -1996,7 +1996,6 @@ footer {
} }
.page-hidding .btn-group{ .page-hidding .btn-group{
margin-left: 10px; margin-left: 10px;
margin-right: 10px;
} }
/*Sidebar of categories*/ /*Sidebar of categories*/
@ -2561,21 +2560,33 @@ a:hover {
} }
.photoname { .photoname {
background-color: #000000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
color: #FFFFFF; color: #FFFFFF;
display: none; display: none;
font-size: 14px;
font-size: 17px;
height: 41px; height: 41px;
left: 19px; left: 0;
opacity: 0.8; opacity: 0.8;
padding-left: 8px; padding-left: 8px;
padding-top: 10px; padding-top: 3px;
position: absolute; position: relative;
top: 125px; top: -30px;
width: 93.9%; width: 100%;
}
.photos img{
height: 150px;
width: 100%;
}
ul#photos li{
float: left;
margin-bottom: 15px;
margin-left: 15px;
width: 28%;
height: 150px;
}
ul#photos li.photo-land-no{
width: 18.8%;
} }
.like { .like {
padding-left: 156px; padding-left: 156px;
} }
@ -2834,3 +2845,50 @@ a:hover {
border: solid 2px; border: solid 2px;
border-color: #e1e1e1; border-color: #e1e1e1;
} }
ul.collections{
}
ul.collections li{
float: left;
margin-left: 5px;
width: 32.7%;
position: relative;
}
ul.collections li .collection_home img{
height: 120px;
}
ul.collections li .collection_home{
margin-bottom: 15px;
}
ul.collections .details{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
color: #FFFFFF;
left: 1px;
margin-top: 1px;
padding-bottom: 36px;
padding-top: 34px;
position: absolute;
top: 0;
width: 99.4%;
}
.collection_name{
font-size: 20px;
}
.collection_total{
font-size: 14px;
}
.small{
color: #777777;
}
.pull-right{
float: right;
}
.error{
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
margin-bottom: 20px;
padding: 15px;
background-color: #F2DEDE;
border-color: #EBCCD1;
color: #A94442;
}

15
upload/styles/global/head.html
View file

@ -2,18 +2,7 @@
var baseurl = '{$baseurl}'; var baseurl = '{$baseurl}';
var imageurl = '{$imageurl}'; var imageurl = '{$imageurl}';
</script> </script>
<link rel="stylesheet" href="{$baseurl}/styles/global/jquery_ui.css" type="text/css" media="all" />
{if $Cbucket->configs.use_google_api}
<script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAAr5pj809LgbJgBTxDJGy0IxQH8siQo9V3STvJ8WIDHu37hIWsoxRX_d1ABxknSddUPvo4LFb7wq8gwA"></script>
<script type="text/javascript">
google.load("jquery", "1");
google.load("jqueryui", "1");
</script>
{else}
<script type="text/javascript" src="{$js}/jquery.migrate.js"></script>
<script type="text/javascript" src="{$js}/ui/jquery-ui.js"></script>
{/if}
<script type="text/javascript"> <script type="text/javascript">
var embedPlayerWidth = '{$Cbucket->configs.embed_player_width}'; var embedPlayerWidth = '{$Cbucket->configs.embed_player_width}';
var embedPlayerHeight = '{$Cbucket->configs.embed_player_height}'; var embedPlayerHeight = '{$Cbucket->configs.embed_player_height}';
@ -506,12 +495,12 @@ $(document).ready(function() {
<script> <script>
$(function() { $(function() {
$( ".date_field" ).datepicker({ /*$( ".date_field" ).datepicker({
dateFormat: 'yy-mm-dd', dateFormat: 'yy-mm-dd',
changeMonth: true, changeMonth: true,
changeYear: true, changeYear: true,
yearRange : "1901 : c" yearRange : "1901 : c"
}); });*/
}); });
</script> </script>