clipbucket/upload/styles/cb_2014/layout/blocks/collection.html

{if $display_type == "" || $display_type == "normal"}
<!--<div class="show-image col-md-4 col-sm-4 col-xs-6" style="padding: 0px">-->
    <!--<div class="loading" id="photos">-->
        <!--<span class="photoname col-md-4" id="avatar1_file" >{$collection.collection_name}</span>-->
        <!--({$collection.total_objects} {$collection.type})-->
        <!--<a href="{$cbphoto->photo_links($photo,'view_item')}" >-->
            <!--<img src="{$cbcollection->get_thumb($collection,'small',TRUE)}"/>-->
        <!--</a>-->
    <!--</div>-->
<!--</div>-->
<div class="row">
    <div class="col-md-10">
        <div class="row">
            <div class="col-md-3">
               <a href="">
                   <a href="{$cbcollection->collection_links($collection,'view')}"><img src="{$cbcollection->get_thumb($collection,'small')}" /></a>
                   </a>
            </div>
            <div class="col-md-9 show-image">
                <a href="{$cbcollection->collection_links($collection,'view')}">{$collection.collection_name}</a> ({$collection.total_objects} {$collection.type})

                <div class="labels" id="collection" style="display: none">
                    {if $collection.featured=='yes'}<span class="label label-primary">Featured{else}{/if}</span>
                    <span class="label {if $collection.active=='yes'}label-success{else}label-warning{/if}">{if $collection.active=='yes'}Active{else}NotActive{/if}</span>
                    <span class="label label-info"><strong>Type</strong>      {$collection.type}</span>
                    <span class="label label-info"><strong>{$collection.date_added|niceTime}</strong> </span>
                </div>
            </div>
        </div>
        <hr>
    </div>
</div>
{/if}

{if $display_type == "view_collection"}

    <div class="collectItemBox">
    	{if $type == "videos"}

        <div class="the_item col-md-2 col-lg-2 col-sm-4 col-xs-6">
            <div class="onePhotoContainer">
                <div class="onePhotoTitle">
                    <a href="{$cbphoto->photo_links($object,'view_item')}">{$object.video_title|truncate:15}</a>
                </div>

                <a href="{$cbphoto->photo_links($object,'view_item')}">
                    <img src="{getThumb vdetails=$object}" alt="{$object.title}" />
                </a>
            </div>

        </div>
        {/if}
        
        {if $type == "photos"}
        <div class="the_item col-md-2 col-lg-2 col-sm-4 col-xs-6">
            <div class="onePhotoContainer">
                <div class="onePhotoTitle">
                    <a href="{$cbphoto->photo_links($object,'view_item')}">{$object.video_title|truncate:15}</a>
                </div>

                <a href="{$cbphoto->photo_links($object,'view_item')}">
                    {get_photo details=$object size='t' output='html' alt=$object.photo_title}
                </a>
            </div>

        </div>
        {/if}
    </div>  
{/if}

{if $display_type == "user_collections"}
	<div class="moveL">
   		<a href="{$cbcollection->collection_links($collection,'view')}" style="width:47px; height:47px;" title="{$collection.collection_name}">
            <img src="{$imageurl}/dot.gif" style="background:url({$cbcollection->get_thumb($collection,'small')}) center top no-repeat;" />
        </a>
    </div>
{/if}


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

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

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