vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

1:message dive align

Browse source 
2:user image resize behind the video
3:icon sprite 2x fixed
This commit is contained in:
IMRAN HASSAN 2015-02-24 11:11:37 +00:00
parent e4224f7903
commit 019c227f80
3 changed files with 59 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
upload/styles/cb_27/layout/message.html
View file

@ -2,39 +2,48 @@
{assign var=err value=$eh->error_list}
{assign var=war value=$eh->warning_list}
{if $err.0 neq '' || $err.1 != ''}
<div class="alert alert-danger alert-dismissable container">
<button class="close" type="button" data-dismiss="alert" aria-hidden="true">x</button>
<ul class="list-unstyled">
{foreach from=$err item=show_msg}
<li> {$show_msg} </li>
{/foreach}
</ul>
<div class="container">
<div class="row">
<div class="col-lg-12">
{if $err.0 neq '' || $err.1 != ''}
<div class="alert alert-danger alert-dismissable ">
<button class="close" type="button" data-dismiss="alert" aria-hidden="true">x</button>
<ul class="list-unstyled">
{foreach from=$err item=show_msg}
<li> {$show_msg} </li>
{/foreach}
</ul>
</div>
{/if}
{if $msg.0 neq ''}
<div class="alert alert-success alert-dismissable">
<button class="close" type="button" data-dismiss="alert" aria-hidden="true">x</button>
<ul class="list-unstyled">
{foreach from=$msg item=show_msg}
<li>{$show_msg}</li>
{/foreach}
</ul>
</div>
{/if}
{if $war.0 neq ''}
<div class="alert alert-warning alert-dismissable">
<button class="close" type="button" data-dismiss="alert" aria-hidden="true">x</button>
<ul class="list-unstyled">
<img src="{$imageurl}/messagebox_warning.png" style="float:left" />
{foreach from=$war item=show_msg}
<li>{$show_msg}</li>
{/foreach}
</ul>
<div class="clearfix"></div>
</div>
{/if}
</div>
</div>
</div>
{/if}
{if $msg.0 neq ''}
<div class="alert alert-success alert-dismissable container">
<button class="close" type="button" data-dismiss="alert" aria-hidden="true">x</button>
<ul class="list-unstyled">
{foreach from=$msg item=show_msg}
<li>{$show_msg}</li>
{/foreach}
</ul>
</div>
{/if}
{if $war.0 neq ''}
<div class="alert alert-warning alert-dismissable container">
<button class="close" type="button" data-dismiss="alert" aria-hidden="true">x</button>
<ul class="list-unstyled">
<img src="{$imageurl}/messagebox_warning.png" style="float:left" />
{foreach from=$war item=show_msg}
<li>{$show_msg}</li>
{/foreach}
</ul>
<div class="clearfix"></div>
</div>
{/if}

2
upload/styles/cb_27/layout/watch_video.html
View file

@ -2,7 +2,7 @@
{$type='video'}
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 player">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<div class="cb-box pad-bottom-sm">
<div id="cb_player" class="no-pad">
{FlashPlayer vdetails=$video width='100%' height='100%'}

25
upload/styles/cb_27/theme/css/main.css
View file

@ -2225,10 +2225,15 @@ opacity: 1;
float: none !important;
margin: 0 0 0 -3px;
}
.bg-time, .bg-eye, .bg-videocam, .bg-photos, .bg-next, .bg-prev, .hover .plus, .arrow-drop, .upload-logo{
background: url(../../images/icons-sprite.png) no-repeat;
}
.bg-time{
display: inline-block;
vertical-align: middle;
background: url(../../images/icons-sprite.png) no-repeat -42px -64px;
background-position:-42px -64px;
width: 16px;
height: 15px;
margin: 0px;
@ -2236,7 +2241,7 @@ opacity: 1;
overflow: hidden;
}
.bg-eye{
background: url(../../images/icons-sprite.png) no-repeat -42px -88px;
background-position: -42px -88px;
width: 16px;
height: 10px;
display: inline-block;
@ -2248,7 +2253,7 @@ opacity: 1;
overflow: hidden;
}
.bg-videocam{
background: url(../../images/icons-sprite.png) no-repeat -42px -104px;
background-position:-42px -104px;
width: 16px;
height: 10px;
display: inline-block;
@ -2260,7 +2265,7 @@ opacity: 1;
overflow: hidden;
}
.bg-photos{
background: url(../../images/icons-sprite.png) no-repeat -42px -147px;
background-position: -42px -147px;
width: 16px;
height: 13px;
display: inline-block;
@ -2273,7 +2278,6 @@ opacity: 1;
}
.bg-next,
.bg-prev{
background: url(../../images/icons-sprite.png) no-repeat -45px -168px;
width: 10px;
height: 17px;
display: inline-block;
@ -2284,6 +2288,9 @@ opacity: 1;
text-indent: -9999px;
overflow: hidden;
}
.bg-prev{
background-position:-45px -168px;
}
.bg-next{
background-position: -45px -192px;
}
@ -2414,7 +2421,7 @@ ul#myTab_home li:first-child + li {
}
.hover .plus{
background: url(../../images/icons-sprite.png) no-repeat -22px 0;
background-position:-22px 0;
width: 57px;
height: 57px;
position: absolute;
@ -2452,7 +2459,7 @@ ul#myTab_home li:first-child + li {
border-width: 1px 1px 1px 0 !important;
}
.arrow-drop{
background: url(../../images/icons-sprite.png) no-repeat -45px -128px;
background-position:-45px -128px;
width: 11px;
height: 6px;
display: inline-block;
@ -2979,7 +2986,7 @@ padding-right: 0px;
margin: 0 0 5px;
}
.upload-logo{
background: url(../../images/icons-sprite.png) no-repeat -4px -236px;
background-position:-4px -236px;
width: 92px;
height: 64px;
display: block;
@ -3357,7 +3364,7 @@ padding-right: 0px;
.bg-videocam,
.bg-eye,
.bg-time,
.ft-img .hover .plus{
.hover .plus{
background-image:url('../../images/icons-sprite@2x.png') !important;
background-size: 100px 150px !important;
}