Changeset 24881

Timestamp:

Oct 13, 2013, 7:01:14 AM (11 years ago)

Author:

rvelices

Message:

simplified first and last holders in picture navigation...

Location:

trunk/themes

Files:

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

trunk/themes/default/template/picture.tpl

@@ -134 +134 @@
                         </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>
@@ -144 +144 @@
                         </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>

trunk/themes/default/theme.css

@@ -388 +388 @@
 }
 
-#linkPrev, #linkFirst {
+#linkPrev {
         float: left;
         margin: 5px 10px 0 5px;
 }
 
-#linkNext, #linkLast {
+#linkNext {
         float: right;
         margin: 5px 5px 0 10px;
@@ -399 +399 @@
 }
 
-#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;
 }
 

trunk/themes/elegant/theme.css

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