simplified first and last holders in picture navigation...

git-svn-id: http://piwigo.org/svn/trunk@24881 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
rvelices
2013-10-13 05:01:14 +00:00
parent efbc08e537
commit a187974f05
3 changed files with 7 additions and 11 deletions

View File

@@ -133,7 +133,7 @@ y.callService(
<img src="{$previous.derivatives.square->get_url()}" alt="{$previous.TITLE_ESC}">
</a>
{elseif isset($U_UP)}
<a class="navThumb" id="linkFirst" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="prev">
<a class="navThumb" id="linkPrev" href="{$U_UP}" title="{'Thumbnails'|@translate}">
<div class="thumbHover">{'First Page'|@translate}<br><br>{'Go back to the album'|@translate}</div>
</a>
{/if}
@@ -143,7 +143,7 @@ y.callService(
<img src="{$next.derivatives.square->get_url()}" alt="{$next.TITLE_ESC}">
</a>
{elseif isset($U_UP)}
<a class="navThumb" id="linkLast" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="next">
<a class="navThumb" id="linkNext" href="{$U_UP}" title="{'Thumbnails'|@translate}">
<div class="thumbHover">{'Last Page'|@translate}<br><br>{'Go back to the album'|@translate}</div>
</a>
{/if}

View File

@@ -387,27 +387,24 @@ TD.calDayCellFull, TD.calDayCellEmpty {
min-height: 120px;
}
#linkPrev, #linkFirst {
#linkPrev {
float: left;
margin: 5px 10px 0 5px;
}
#linkNext, #linkLast {
#linkNext {
float: right;
margin: 5px 5px 0 10px;
text-align: right;
}
#linkFirst, #linkLast {
border: 1px solid #ccc;
}
#linkFirst div, #linkLast div {
display: inline-block;
DIV.thumbHover{ /*only first & last holders are divs*/
width: 108px;
height: 118px;
border: 1px solid gray;
padding: 0 5px;
line-height: 1.2;
margin: 0 5px;
}
.imageInfoTable UL { /*this is the album list*/

View File

@@ -223,7 +223,6 @@ a:hover { border-bottom: none;}
#imageInfos .navThumb { position: relative; margin: 0; overflow: hidden;}
#imageInfos #linkPrev { float: left;}
#imageInfos #linkNext { float: right;}
#imageInfos #linkFirst, #imageInfos #linkLast { border-color: #444444;}
#imageInfos .prevThumbHover { background: transparent url(icon/none.png) no-repeat center center;}
#imageInfos .prevThumbHover:hover { background: transparent url(icon/img_prev.png) no-repeat center center;}
#imageInfos .nextThumbHover { background: transparent url(icon/none.png) no-repeat center center;}