aboutsummaryrefslogtreecommitdiffstats
path: root/themes
diff options
context:
space:
mode:
Diffstat (limited to 'themes')
-rw-r--r--themes/default/template/picture.tpl8
-rw-r--r--themes/default/theme.css19
-rw-r--r--themes/elegant/theme.css6
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;}