clipbucket/upload/styles/cb_2014/layout/index.html
2014-04-03 12:21:45 +00:00

195 lines
No EOL
8.4 KiB
HTML
Executable file

<div class="container">
<div class="row cb-box marginBottom">
<!-- ******************************************* //-->
<!-- ******** GLOBAL ANNOUNCEMENT START ******** //-->
<!-- ******************************************* //-->
<div class="alert alert-info">
<strong>Welome </strong> to new interface
</div>
<!-- ******************************************* //-->
<!-- ********* GLOBAL ANNOUNCEMENT END ********* //-->
<!-- ******************************************* //-->
<!-- ******************************************* //-->
<!-- ************ EDITORS BLOCK START ********** //-->
<!-- ******************************************* //-->
<div class="row">
<div class="col-md-9 nopadding-right">
<!-- Editor Pick Video Main Container START //-->
<div id="ep_video_container" class="min-height-355 clearfix">
{if is_installed('editorspick')}
{section name=e_list loop=$editor_picks max=1}
{include file="$style_dir/blocks/editor_pick/video_block.html" video=$editor_picks[e_list]}
{sectionelse}
There is no video in editor's pick, Please Add Videos In Editor's Pick<br />Videos Manager > Add to editor's pick
{/section}
{/if}
</div>
<!-- Editor Pick Video Main Container END //-->
<div class="clearfix"></div>
<div class="col-md-12 hidden-sm hidden-xs nopadding-left">
<a href="#" class="pull-left" id="slide_prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<div id="slide" class="pull-left" >
{section name=e_list loop=$editor_picks}
{include file="$style_dir/blocks/editor_pick/index_featured_video.html" video=$editor_picks[e_list]}
{/section}
</div>
<a href="#" class="pull-left " id="slide_next" >
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
<!-- Editor Pick Videos Slider Container START //-->
<div class="col-md-3 nopadding-left">
<div class="bs-callout-info highlight thumbnail min-height-120 no-border-radius fill">
<h3>Video Name.............</h3>
<div class="small min-height-40">Video Description.....................</div>
<input type="submit" class="no-border-radius btn btn-primary btn-block" value="{lang code='View Video'}" name="view_video">
</div>
<div>
<img src="{$theme}/assets/images/add320x250.png" style="height: 235px;">
</div>
</div>
<!-- Editor Pick Videos Slider Container END //-->
<script type="text/javascript">
$(function() {
$('#slide').ulslide({
width: 141,
height: 75,
effect: {
type: 'carousel', // slide or fade or carousel
axis: 'x', // x, y
showCount: 6
},
nextButton: '#slide_next',
prevButton: '#slide_prev',
duration: 800,
/*autoslide: 2000,*/
easing: 'easeOutBounce'
});
});
</script>
</div>
<!-- ******************************************* //-->
<!-- ************ EDITORS BLOCK END ************ //-->
<!-- ******************************************* //-->
<div class="clearfix min-height-25"></div>
<!-- ******************************************* //-->
<!-- *********** LATEST VIDEOS START *********** //-->
<!-- ******************************************* //-->
<div class="row">
<div class="col-md-12">
<div class="">
<h3 class="theme_color">{lang code="Latest Videos"}</h3>
<hr>
<div class="col-md-12 nopadding">
{foreach from=$videos_10_da item=video}
<div class="item_video col-md-2 well no-border-radius no-margin">
<div class="cb_item_container clearfix">
<div class="cb_item_thumb video_thumb" >
<a href="{videoLink($video)}" title="{$video.title|title}">
<img class="" src="{getThumb vdetails=$video}" border="1" height="100" width="100"/>
</a>
</div>
<div class="item_text" style="height: 45px;">
<a href="{videoLink($video)}">{$video.description|truncate:30}</a>
</div>
<span class="pull-left"><h5><small>{lang code="Views"} {$video.views}</small></h5></span>
<span class="pull-right"><h5><small><small>4k <span class="glyphicon glyphicon-thumbs-up"></span></small></small></h5></span>
</div>
</div>
{/foreach}
<div class="clearfix"></div>
</div>
<!-- ******************************************* //-->
<!-- ************ LATEST VIDEOS END ************ //-->
<!-- ******************************************* //-->
<div class="clearfix"></div><BR />
<!-- *********** PHOTOS START ************ //-->
<div class="row nopadding">
<div class="col-md-8 nopadding">
<h3 class="theme_color">{lang code="Latest Photos"}</h3>
<hr>
<!-- *********** FIRST PHOTOS START ************ //-->
<div class="col-md-12" style="display:block; height:320px; padding:5px;">
<div class="col-md-8" style="display:block; height:320px; border:1px solid #CCC; padding:10px;">
{foreach from=$result_photos1_01 item=result_photo1_01}
<a href="{$cbphoto->photo_links($result_photo1_01,'view_item')}">
{get_photo details=$result_photo1_01 output='html' width="460" height="300"}
</a>
{/foreach}
</div>
<div class="col-md-4 nopadding" style="display:block; height:80px;">
{foreach from=$result_photos1_08 item=result_photo1_08}
<div class="col-md-6" style="display:block; height:80px; border:1px solid #CCC; padding:7px;">
<a href="{$cbphoto->photo_links($result_photo1_08,'view_item')}">
{get_photo details=$result_photo1_08 output='html' width="105" class='photoThumbBox moveL'}
</a>
{if $photos@iteration > 1}{break}{/if}
</div>
{/foreach}
</div>
</div>
<!-- *********** FIRST PHOTOS END ************ //-->
<!-- *********** SECOND PHOTOS START ************ //-->
<div class="col-md-12" style="display:block; height:320px; padding:5px;">
<div class="col-md-4 nopadding" style="display:block; height:80px;">
{foreach from=$result_photos2_08 item=result_photo2_08}
<div class="col-md-6" style="display:block; height:80px; border:1px solid #CCC; padding:7px;">
<a href="{$cbphoto->photo_links($result_photo2_08,'view_item')}">
{get_photo details=$result_photo2_08 output='html' width="105" class='photoThumbBox moveL'}
</a>
{if $photos@iteration > 1}{break}{/if}
</div>
{/foreach}
</div>
<div class="col-md-8" style="display:block; height:320px; border:1px solid #CCC; padding:10px;">
{foreach from=$result_photos2_01 item=result_photo2_01}
<a href="{$cbphoto->photo_links($result_photo2_01,'view_item')}">
{get_photo details=$result_photo2_01 output='html' width="460" height="300"}
</a>
{/foreach}
</div>
</div>
<!-- *********** SECOND PHOTOS END ************ //-->
<!-- ******************************************* //-->
<!-- ************* USER BLOCK START ************ //-->
<!-- ******************************************* //-->
</div>
<div class="col-md-4">
<h3 class="theme_color">{lang code="Being Viewed Photos"}</h3>
<hr>
{foreach from=$photos_viewd item=photo_viewd}
<a href="{$cbphoto->photo_links($photo_viewd,'view_item')}">
{include file="$style_dir/blocks/photo.html" photo=$photo_viewd display_type='side_photos'}
</a>
{/foreach}
</div>
<!-- ******************************************* //-->
<!-- ************* USER BLOCK END ************ //-->
<!-- ******************************************* //-->
</div>
<!-- *********** PHOTOS END ************ //-->
</div>
</div>
</div>
</div>
</div>