diff options
Diffstat (limited to '')
| -rw-r--r-- | themes/default/template/picture.tpl | 8 | ||||
| -rw-r--r-- | themes/default/theme.css | 19 | ||||
| -rw-r--r-- | themes/elegant/theme.css | 6 |
3 files changed, 28 insertions, 5 deletions
diff --git a/themes/default/template/picture.tpl b/themes/default/template/picture.tpl index bdf21bd65..8d94438cd 100644 --- a/themes/default/template/picture.tpl +++ b/themes/default/template/picture.tpl @@ -132,12 +132,20 @@ y.callService( <span class="thumbHover prevThumbHover"></span> <img src="{$previous.derivatives.square->get_url()}" alt="{$previous.TITLE|@escape}"> </a> + {elseif isset($U_UP)} + <a class="navThumb" id="linkFirst" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="prev"> + <div class="thumbHover">{'First Page'|@translate}<br><br>{'Go back to the album'|@translate}</div> + </a> {/if} {if isset($next)} <a class="navThumb" id="linkNext" href="{$next.U_IMG}" title="{'Next'|@translate} : {$next.TITLE|@escape}" rel="next"> <span class="thumbHover nextThumbHover"></span> <img src="{$next.derivatives.square->get_url()}" alt="{$next.TITLE|@escape}"> </a> + {elseif isset($U_UP)} + <a class="navThumb" id="linkLast" href="{$U_UP}" title="{'Thumbnails'|@translate}" rel="next"> + <div class="thumbHover">{'Last Page'|@translate}<br><br>{'Go back to the album'|@translate}</div> + </a> {/if} </div> {/if} diff --git a/themes/default/theme.css b/themes/default/theme.css index 25444db30..c77e81c9d 100644 --- a/themes/default/theme.css +++ b/themes/default/theme.css @@ -391,14 +391,29 @@ TD.calDayCellFull, TD.calDayCellEmpty { min-height: 120px; } -#linkPrev { +#linkPrev, #linkFirst { float: left; margin: 5px 10px 0 5px; } -#linkNext { +#linkNext, #linkLast { float: right; margin: 5px 5px 0 10px; + text-align: right; +} + +#linkFirst, #linkLast { + border: 1px solid #ccc; + height: 118px; + line-height: 118px; +} + +#linkFirst div, #linkLast div { + display: inline-block; + vertical-align: middle; + width: 108px; + line-height: 1.2; + margin: 0 5px; } .imageInfoTable UL { /*this is the album list*/ diff --git a/themes/elegant/theme.css b/themes/elegant/theme.css index cd2be7e89..e5b046cbd 100644 --- a/themes/elegant/theme.css +++ b/themes/elegant/theme.css @@ -220,10 +220,10 @@ a:hover { border-bottom: none;} } #imageInfos .navThumbs { width: 250px; height: 130px; margin: auto; padding: 0 5px;} -#imageInfos .navThumb { position: relative; width: 120px; height: 120px; margin: 0; overflow: hidden;} +#imageInfos .navThumb { position: relative; margin: 0; overflow: hidden;} #imageInfos #linkPrev { float: left;} -#imageInfos #linkNext { float: right;} -#imageInfos .thumbHover { position: absolute; width: 100%; height: 100%;} +#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;} |