Added a top link to the fixed breadcrumbs bar. Also tweaked several s…

…tyles to improve standardization.
baoang · Feb 4, 2012 · 0e786ca · 0e786ca
1 parent bf655b6
commit 0e786ca
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 6 deletions.
diff --git a/index.php b/index.php
@@ -31,6 +31,9 @@
                 <a href="<?php echo $breadcrumb['link']; ?>"><?php echo $breadcrumb['text']; ?></a>
             </li>
             <?php $divider = TRUE; endforeach; ?>
+            <li id="pageTopLink" style="display: hidden;">
+                <a href="#">Top</a>
+            </li>
         </ul>
     </div>
 
@@ -63,9 +66,9 @@
 
     <hr/>
 
-    <footer>
+    <div class="footer">
         <p>Powered by, <a href="http://www.directorylister.com">Directory Lister</a></p>
-    </footer>
+    </div>
 
 </div>
 

diff --git a/resources/css/directorylister.css b/resources/css/directorylister.css
@@ -3,7 +3,7 @@
 /* -------------------------------------------------------------------------- */
 
 body {
-    padding-top: 15px;
+    padding: 15px 0;
 }
 
 
@@ -15,7 +15,7 @@ body {
     background-color: #FBFBFB;
     background-image: -moz-linear-gradient(center top , #FFFFFF, #F5F5F5);
     background-repeat: repeat-x;
-    border: 1px solid #DDDDDD;
+    border-bottom: 1px solid #DDDDDD;
     box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
     left: 0;
     position: fixed;
@@ -33,6 +33,11 @@ body {
     width: 912px;
 }
 
+#pageTopLink {
+    float: right;
+
+}
+
 
 /* -------------------------------------------------------------------------- */
 /* -----| DIRECTORY LISTER |------------------------------------------------- */
@@ -148,15 +153,19 @@ body {
 /* -----| FOOTER |----------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 
-footer p {
-    text-align: right;
+.footer p {
+    text-align: center;
 }
 
 
 /* -------------------------------------------------------------------------- */
 /* -----| MISCELLANEOUS |---------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
 
+.hidden {
+    display: none !important;
+}
+
 /* --- CLEAR FIX --- */
 
 .clearfix:after {

diff --git a/resources/js/directorylister.js b/resources/js/directorylister.js
@@ -13,7 +13,9 @@ $(document).ready(function() {
 function checkSubnav(elTop) {
     if($(window).scrollTop() >= elTop) {
         $('.breadcrumb-wrapper').addClass('breadcrumb-fixed');
+        $('#pageTopLink').show();
     } else {
         $('.breadcrumb-wrapper').removeClass('breadcrumb-fixed');
+        $('#pageTopLink').hide();
     }
 }