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

css settled about view photo hovers

Browse source
This commit is contained in:
IMRAN HASSAN 2015-05-27 13:53:22 +00:00
parent a0b7f3e782
commit b0f94976e5
6 changed files with 57 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
upload/styles/cb_27/layout/view_channel.html
View file

@ -105,31 +105,27 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
{include file="$style_dir/blocks/view_channel/channel_right.html" }
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
{include file="$style_dir/blocks/view_channel/channel_right.html" }
<div class="cb-item-desc-container report-video-area clearfix viewChanelTabs">
<ul class="nav nav-tabs" id="reportTab">
<li>
<a id="reportVideo" href="#cb-item-report" data-toggle="tab">{lang('Report')}</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="cb-item-report">
{show_flag_form id=$user.userid type=user}
<div class="cb-item-desc-container report-video-area clearfix viewChanelTabs">
<ul class="nav nav-tabs" id="reportTab">
<li>
<a id="reportVideo" href="#cb-item-report" data-toggle="tab">{lang('Report')}</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="cb-item-report">
{show_flag_form id=$user.userid type=user}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix bottom-hieght" ></div>
<script>

6
upload/styles/cb_27/layout/view_photo.html
View file

@ -4,7 +4,7 @@
{assign var=json value=$photo.photo_details|json_decode}
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 mouse_hover">
<div class="cb-box pad-bottom-sm">
<div class="photo-holder">
<div class="photo-holder relative">
<a {if $nextLink} {assign var='nextItem' value=$nextLink} {else} {assign var='nextItem' value=$preLink} {/if}
href="{$cbphoto->photo_links($nextItem.0,'view_item')}">{get_photo details=$photo size='l' class='img-responsive center-block' output='html' height="100"}</a>
{assign var=objctid value=$object.ci_id}
@ -14,9 +14,9 @@
{assign var=nextLink value=$cbphoto->collection->get_next_prev_item($objctid,$collid,'next')}
<a class="btn btn-primary btn-lg view-photo-nxt mouse_hover_on" href="{$cbphoto->photo_links($nextLink.0,'view_item')}">Next<i class="bg-next"> </i></a>
<a class="btn btn-primary btn-lg view-photo-nxt mouse_hover_on" href="{$cbphoto->photo_links($nextLink.0,'view_item')}">Next<i class="glyphicon glyphicon-chevron-right"> </i></a>
<a class="btn btn-danger btn-lg view-photo-pre mouse_hover_on" href="{$cbphoto->photo_links($preLink.0,'view_item')}"><i class="bg-prev"></i>Previous</a>
<a class="btn btn-danger btn-lg view-photo-pre mouse_hover_on" href="{$cbphoto->photo_links($preLink.0,'view_item')}"><i class="glyphicon glyphicon-chevron-left"></i>Previous</a>
<hr>
</div>
<div class="watch-vid-title mbl">

7
upload/styles/cb_27/theme/css/ClipBucket.css
View file

@ -64,3 +64,10 @@ h6 {
right: 0;
left: auto;
}
.view-photo-nxt,
.view-photo-pre {
top: 50%;
margin-top: -35px;
position: absolute;
display: block;
}

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

@ -118,6 +118,9 @@ ul {
.onePhotoContainer .onePhotoTitle a:hover {
text-decoration: none;
}
.oneVideoContainer {
height: 200px !important;
}
.userInfoOnOnePhoto a {
display: block;
}
@ -238,7 +241,7 @@ ul {
height: auto !important;
/*min-height: 100%;*/
/* Negative indent footer by it's height */
margin: 0 -60px;
margin: 0 auto -60px;
position: relative;
}
#container:after {
@ -393,10 +396,9 @@ a:focus {
height: auto !important;
height: 100%;
/* Negative indent footer by it's height */
margin: 0 0 -60px;
margin: 0 auto -60px;
position: relative;
}
#container:after {
content: "";
display: block;
@ -1801,7 +1803,7 @@ a:hover {
color: #FFFFFF;
display: none;
font-size: 14px;
height: 41px !important;
height: 41px;
left: 0;
opacity: 0.8;
position: absolute;
@ -1873,17 +1875,9 @@ ul#photos li.photo-land-no {
width: 780px;
}
.view-photo-nxt {
position: absolute;
/*top: 82%;
right: -10px;*/
bottom: 10px;
right: 0;
}
.view-photo-pre {
position: absolute;
/*top:82%;
left:-10px;*/
bottom: 10px;
left: 0;
}
.font14 {
@ -3862,7 +3856,16 @@ small {
padding-top: 6px;
}
}
@media (min-width: 1177px) {
.navbar-container .nav-login-btns,
.navbar-container .navbar-search {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 1176px) {
.navbar-container .nav-login-dd {
display: inline-block;
}
.navbar-container .nav-login-dd li .dropdown-menu {
max-width: 900px;
min-width: 300px;
@ -4394,18 +4397,24 @@ small {
.navbar-container .navbar-search {
display: none;
}
@media (min-width: 1177px) {
@media (min-width: 1145px) {
.navbar-container .nav-login-btns,
.navbar-container .navbar-search {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 1176px) {
@media (min-width: 768px) and (max-width: 1144px) {
.navbar-container .nav-login-dd {
display: inline-block;
}
.navbar-container .nav-login-dd li .dropdown-menu {
max-width: 900px;
min-width: 300px;
margin-left: 20px;
padding: 10px;
line-height: 1.5;
}
}
@media (max-width: 767px) {
.navbar-container .nav-collapse-btn {
display: inline-block;

7
upload/styles/cb_27/theme/less/ClipBucket.less
View file

@ -90,4 +90,11 @@ h1,h2,h3,h4,h5,h6{
right: 0;
left: auto;
}
}
.view-photo-nxt, .view-photo-pre{
top: 50%;
margin-top: -35px;
position: absolute;
display: block;
}

9
upload/styles/cb_27/theme/less/main.less
View file

@ -1808,18 +1808,9 @@ width: 18.8%;
}
.view-photo-nxt {
position: absolute;
/*top: 82%;
right: -10px;*/
bottom: 10px;
right: 0;
}
.view-photo-pre {
position: absolute;
/*top:82%;
left:-10px;*/
bottom: 10px;
left: 0;
}
.font14{