search page style updated

This commit is contained in:
jamilrehman 2016-04-04 14:20:39 +05:00
parent cebea5e176
commit ac84fc4cd8
10 changed files with 116 additions and 51 deletions

View file

@ -80,7 +80,6 @@
</strong>
</div>
</div>
</div>
{/if}

View file

@ -1,4 +1,21 @@
{if $display_type == ""}
<div class="item-photo col-lg-4 col-md-4 col-sm-6 col-xs-6">
<a class="photo-holder" href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
{get_photo details=$photo size='l' class='img-responsive photo-land' output='html'}
<i class="icon-zoom"></i>
</a>
<div class="photo-info">
{if $photo.photo_title=='no-tag'}
<strong><a href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">no-title</a></strong>
{else}
<strong><a href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">{$photo.photo_title|truncate:50}</a></strong>
{/if}
<span>By&nbsp;<a href="{$userquery->profile_link($photo.userid)}">{$photo.username}</a></span>
</div>
</div>
{/if}
{if $display_type == "default_photo"}
<a class="photo-holder" href="{$cbphoto->photo_links($photo,'view_item')}" title="Tolpis barbata (mariluzpicado)">
{get_photo details=$photo size='l' class='img-responsive photo-land' output='html'}
<i class="icon-zoom"></i>

View file

@ -1,20 +1,37 @@
{if $block_type == '' || $block_type=='normal'}
<div class="item_channel col-lg-3 col-md-3 col-sm-4 col-xs-12" id="user-{$user.userid}">
<div class="item-channel col-lg-3 col-md-3 col-sm-4 col-xs-12" id="user-{$user.userid}">
<div class="channel-holder">
<a class="user-block" href="{$userquery->profile_link($user)}">
<img class="avatar" src="{$userquery->getuserthumb($user)}">
<a href="{$userquery->profile_link($user)}" id="user-{$user.userid}" class="user-block">
<img class="avatar" src="{avatar details=$user}">
<h2>{$user.username}</h2>
</a>
<div class="info">
{if isSectionEnabled('videos')}
<span>{$user.total_videos|number_format} {lang code="videos"}</span>
{/if}
<span>{$user.profile_hits|number_format} {lang code="views"}</span>
<span>{$user.subscribers|number_format} {lang code="subscribers"}</span>
<div class="info clearfix">
<div class="col">
<strong>
{lang code="views"}
<span>{$user.profile_hits|number_format}</span>
</strong>
<strong>
{lang code="videos"}
<span>{$user.total_videos|number_format}</span>
</strong>
</div>
<div class="col">
<strong>
{lang code="subscribers"}
<span>{$user.subscribers|number_format}</span>
</strong>
<strong>
{lang code="photos"}
<span>{$user.total_photos|number_format}</span>
</strong>
</div>
</div>
</div>
</div>
{/if}
{if $block_type=='groups_show'}
<div class="clearfix" id="user-{$user.userid}">
<div class="cb-user-thumb clearfix">

View file

@ -1,24 +1,23 @@
{if $display_type=='normal' || $display_type==''}
<div class="clearfix popular-video">
<div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 thumb-holder">
<a class="video_link" href="{videoLink($video)}" title="{$video.title|title}">
<img class="img-responsive" src="{getThumb vdetails=$video size=300x169 }">
<span class="duration">{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}{*$video.duration|date_format:$config.time*}</span>
<div class="item-video col-lg-3 col-md-3 col-sm-4 col-xs-6">
<div class="clearfix thumb-holder">
<a class="video-link" href="{videoLink($video)}" title="{$video.title|title}">
<img class="img-responsive" src="{getThumb vdetails=$video size=512x320 }">
</a>
{ANCHOR place='in_video_thumb' data=$video}
<img src="{$imageurl}/dot.gif" data-quick="quick-{$video.videoid}" class="add_icon cb_quickie cb-btn-quick-{$video.videoid}" onclick="add_quicklist(this,'{$video.videoid}')" title="Add {$video.title} to Quicklist" alt="Quicklist">
<div class="item-footer">
{ANCHOR place='in_video_thumb' data=$video}
<button data-quick="quick-{$video.videoid}"
class="icon-plus cb_quickie cb-btn-quick-{$video.videoid} {if in_array($video.videoid, $qlist_vids)}icon-tick{/if}" vtitle="{$video.title}" v-id="{$video.videoid}" vlink="{videoLink($video)}" vthumb="{getThumb vdetails=$video size=600x338 }" vduration="{$video.duration|SetTime}" title="Add {$video.title} to Quicklist">
</button>
<span class="duration">{if $video.duration>1}{$video.duration|SetTime}{else}00:00{/if}</span>
</div>
</div>
{$show_dropdown ='yes'}
{if $dis_type == 'no-dropdown' || $related == 'yes'}
{$show_dropdown ='no'}
{/if}
<div class="col-lg-9 col-md-9 col-sm-8 col-xs-6 vid-info">
<strong class="title"><a href="{videoLink($video)}">{$video.title|truncate:30}</a></strong>
{$user = $video.username}
<span class="author">by <a href="{$userquery->profile_link($user)}">{$video.username}</a> {$video.date_added|niceTime}</span>
<div class="clearfix">
<span class="icon-eye"><i class="icon-eye"></i>&nbsp;{$video.views} views</span>
<div class="clearfix video-info">
<h2 class="title"><a href="{videoLink($video)}">{$video.title|truncate:50}</a></h2>
<span class="author">by <a href="{$userquery->profile_link($video)}">{$video.username}</a></span>
<div class="clearfix views-date">
<span>{$video.views}&nbsp;views</span>
<time class="date" datetime="2016-15-03">{$video.date_added|niceTime}</time>
</div>
</div>
</div>

View file

@ -10,7 +10,7 @@
<div class="filter-dropdowns clearfix">
<div class="cat-col col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
{include file="$style_dir/blocks/category_list.html"}
<a class="btn btn-black" href="{$baseurl}/manage_collections.php?mode=add_new">{lang code='add_new_collection'}</a>
<a class="btn btn-default" href="{$baseurl}/manage_collections.php?mode=add_new">{lang code='add_new_collection'}</a>
</div>
<div class="sorting-col col-lg-6 col-md-6 col-sm-6 col-xs-12 clearfix">
<!--Sorting By View-->

View file

@ -58,7 +58,7 @@
{if $photos}
{foreach from=$photos item=p_list}
<div class="item-photo col-lg-4 col-md-4 col-sm-6 col-xs-6">
{include file="$style_dir/blocks/photo.html" photo=$p_list}
{include file="$style_dir/blocks/photo.html" photo=$p_list display_type = "default_photo"}
</div>
{/foreach}
{else}

View file

@ -1,24 +1,23 @@
{$myAccountLinks = $userquery->my_account_links()}
<div id="main" class="clearfix">
<div class="custom-container">
<div class="inner-block search-page">
<header class="heading clearfix">
<h1>{$search_type_title}</h1>
</header>
<div class="clearfix">
{if $results}
{foreach item=result from=$results}
{assign var=$template_var value =$result}
{include file="$display_template" }
{/foreach}
{else}
{lang code='no_results_found'}
{/if}
</div>
{include file="$style_dir/blocks/pagination.html"}
</div>
<div id="main" class="clearfix container">
<div class="clearfix">
<section class="clearfix videos">
<div class="clearfix leaderboard-ad ad">
{AD place='ad_728x90'}
</div>
<h1>{$search_type_title}</h1>
<div class="clearfix row">
{if $results}
{foreach item=result from=$results}
{assign var=$template_var value =$result}
{include file="$display_template" }
{/foreach}
{else}
{lang code='no_results_found'}
{/if}
</div>
{include file="$style_dir/blocks/pagination.html"}
</section>
</div>
</div>
<script>

View file

@ -1755,6 +1755,19 @@ h1 {
padding: 0 10px 0 0; }
.filter-dropdowns .cat-col .dropdown {
margin: 0; }
.filter-dropdowns .cat-col .btn-default {
background: #eee;
border: 2px solid #000;
padding: 5px 10px;
font-weight: 400;
font-size: 15px;
line-height: 21px;
color: #000;
margin: 0 0 0 10px; }
.filter-dropdowns .cat-col .btn-default:hover, .filter-dropdowns .cat-col .btn-default:active {
background: #0080b4;
border-color: #0080b4;
color: #fff; }
.filter-dropdowns .sorting-col {
text-align: right;
padding: 0 0 0 10px; }
@ -2155,6 +2168,8 @@ h1 {
text-decoration: none;
color: #fff;
z-index: 1; }
.item-photo .photo-holder img {
width: 100%; }
.item-photo .photo-holder:after {
background: rgba(0, 0, 0, 0.8);
content: "";

File diff suppressed because one or more lines are too long

View file

@ -880,6 +880,22 @@ h1{
.dropdown{
margin: 0;
}
.btn-default{
background: $body-bg;
border: 2px solid $black;
padding: 5px 10px;
font-weight: 400;
font-size: 15px;
line-height: 21px;
color:$black;
margin: 0 0 0 10px;
&:hover,
&:active{
background:$blue;
border-color:$blue;
color:$white;
}
}
}
.sorting-col{
text-align: right;
@ -1368,6 +1384,9 @@ h1{
text-decoration: none;
color: $white;
z-index: 1;
img{
width: 100%;
}
&:after{
@include overlaybg($color:$black, $opacity:0.8);
content: "";