clipbucket/upload/styles/cbv3/layout/blocks/photo.html

{if $display_method == 'index_photos'}
    <div class="pull-left photos-index" id="photo-{$photo.photo_id}-{$iteration}">
        <a href="{$cbphoto->photo_links($photo,'view_photo')}" class="cbv3-index-photo">
            <div class="index-photo">
                <span>
                    {get_photo details=$photo size='t' output='html' style='max-width:none' height='140'}
                </span>
            </div>
            <div class="index-photo large display-none">
                <span>
                    {get_photo details=$photo size='l' output='html' style='max-width:none'}
                </span>
            </div>
        </a>
    </div>
{/if}

{if $display_method == 'index_sidebar'}
<div class="video-index-sidebar">
    <a href="{$cbphoto->photo_links($photo,'view_photo')}" class="block height100" style="overflow: hidden;">
        {get_photo details=$photo size='m' output='html' width='300' class='valignMid'}
    </a>
    <div class="height5"></div>
    <a href="{$cbcollection->collection_links($photo,'vc')}" class="inlineblock"><h5>{$photo.collection_name|truncate:35}</h5></a>
    <span class="pull-right font_12 muted">{$photo.views|number_format} {lang code='views'}</span>
</div>
<div class="height20"></div>
{/if}

{if !$display_method}
<div class="inlineblock valignTop {$photo.photo_id}-photo video-box" id="photo-{$photo.photo_id}-box" style="float:none;">
    <a href="{$cbphoto->photo_links($photo,'view_photo')}" class="thumbnail inlineblock relative">
        {get_photo details=$photo size='m' output='html'}
    </a>
    <div class="video-info-cont relative">
    	<div class="title"><a href="{$cbphoto->photo_links($photo,'view_photo')}">{$photo.photo_title}</a></div>
    </div>
</div>
{/if}

{if $display_method == 'view_collection'}
<div  class="view-collection-photos item-block image-not-loaded-background">
    <a href="{view_photo_link($photo)}" class="block image-not-loaded-background relative collection-photo">
        <div class="view-collection-photos-views display-none">{$photo.views|number_format} {lang code='views'}</div>
        {get_photo details=$photo size='m' output='html'}
    </a>
    {if $add_collection_name == true}<h4><a href="{collection_links($photo,'vc')}">{$photo.collection_name}</a></h4>{/if}
    <a href="{$userquery->profile_link($photo)}" class="user-thumb-container pull-left relative" style="background: url('{avatar uid=$photo.userid size=small}') center center no-repeat;"><span class="username">{$photo.username}</span><span class="date_added">{lang code='Added'}: {$photo.date_added|niceTime}</span></a>
</div>
{/if}

{if $display_method == 'view_item_sidebar'}
<li>
    <a href="{view_photo_link($photo)}" class="clearfix photo-sidebar">
        <div class="pull-left photo-sidebar-photo-thumb image-not-loaded-background">
            {get_photo details=$photo size='t' output='html'}
        </div>
        <h5 class="collection-name">{$photo.collection_name}</h5>
        <span class="muted">{$photo.views|number_format} {lang code='views'}</span>
    </a>
</li>
{/if}

{if $display_method == 'view_channel'}
<div class="user-photo-block">
    <div class="user-photo-thumb">
        {get_photo details=$photo class='cbv3-center-image' output='html' size='m'}
    </div>
    <div class="user-photo-details">
        <h5 class="title"><a href="{collection_links($photo,'vc')}">{$photo.collection_name}</a></h5>
        <div class="info">
            <a href="{$userquery->profile_link($photo)}">{name($video)}</a>
            <div class="pull-right">{$video.views|number_format} {lang code='views'}</div>
        </div>
    </div>
</div>
{/if}