aboutsummaryrefslogtreecommitdiffstats
path: root/themes/default
diff options
context:
space:
mode:
Diffstat (limited to 'themes/default')
-rw-r--r--themes/default/template/picture.tpl8
-rw-r--r--themes/default/theme.css19
2 files changed, 25 insertions, 2 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*/