clipbucket/upload/styles/cb_2014/layout/photos.html

{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 6)}
<div class="container">
	{include file="$style_dir/blocks/manage/account_menu.html"}
	<div class="cb-box row">
        {assign var=sorting_links value=sorting_links()}
        <h4 class="smaller lighter pull-left">Browsing All Photos: </h4>
        <div class="photopadding col-md-6">
            <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=sort sort=$sort type=photos}" {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="col-md-3 photopaddin1 pull-right">
            <div class="btn-group" style="margin-left:25px;">
                <button class="btn btn-primary visible-md visible-lg">Collections</button>
                <button class="btn btn-primary dropdown-toggle visible-md visible-lg" data-toggle="dropdown">
                    <i class="caret"></i>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="collections.php">View Collections</a></li>
                    <li><a href="edit_photo.php">Edit</a></li>
                </ul>
            </div>
        </div>
        </div>
    <div class="cb-box row">
        <div class="col-md-10 photomargin">
            {$counter=0}
            {section name=p_list loop=$photos}
            {$photos[p_list].counter=$counter}
            {include file="$style_dir/blocks/photo.html" photo=$photos[p_list]}
            {$counter=$counter+1}
            {sectionelse}
            <div class="col-md-10 ">{lang code='no_results_found'}</div>
            {/section}
        </div>
        <div class="col-md-2 pull-right">
            {*AD place='ad_160x600'*}
            <img src="http://www.ryangiggs.cc/system/files/banner-160x600-pride-tee_0.jpg">
        </div>
    </div>
    </div>
    <div class="col-md-6">
        {include file="$style_dir/blocks/pagination.html"}
    </div>

        <script>
            jQuery(function() {                                              // <== Doc ready

                jQuery(".avatar1_file").hide();                  // Initially hide all buttons

                jQuery('.show-image').hover(function() {
                    jQuery(this).find('#avatar1_file').fadeIn(1500);
                }, function() {
                    jQuery(this).find('#avatar1_file').fadeOut(1500);
                });
            });
        </script>