Changeset 23642 for trunk/themes

Timestamp:

Jun 28, 2013, 9:39:31 PM (11 years ago)

Author:

flop25

Message:

bug:2918
Display a link for the fist and last page on picture.tpl, to go to the album
3 lang keys added

Location:

trunk/themes

Files:

• default/template/picture.tpl (modified) (2 diffs)
• default/theme.css (modified) (1 diff)
• elegant/theme.css (modified) (1 diff)

trunk/themes/default/template/picture.tpl

@@ -133 +133 @@
                                 <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)}
@@ -138 +142 @@
                                 <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}

trunk/themes/default/theme.css

@@ -392 +392 @@
 }
 
-#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;
 }
 

trunk/themes/elegant/theme.css

@@ -221 +221 @@
 
 #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;}