[gimp-web/gimp-web-static] Mobile nav menu slide up/down as page scrolls

[Pat David <patdavid src gnome org>]

commit 504156034d3870ff44fa3d4bd2577b0aca1609ec
Author: Pat David <patdavid gmail com>
Date:   Tue Sep 22 16:57:43 2015 -0500

    Mobile nav menu slide up/down as page scrolls

 themes/newgimp/static/css/gimp.css |   12 ++++++++++++
 themes/newgimp/templates/base.html |    2 +-
 2 files changed, 13 insertions(+), 1 deletions(-)
---
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index d1d96b9..70b3c46 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -413,6 +413,8 @@ footer .nav-bottom a {
         background-color: #333;
         padding: 5px 0;
         font-size: 0.8rem;
+        transition: top 0.2s ease-in-out;
+        position: fixed;
     }
     
     #navstrip .navfive {
@@ -440,10 +442,20 @@ footer .nav-bottom a {
         margin-bottom: 0;
     }
 
+    .nav-down {
+        top: 0;
+    }
+
+    .nav-up {
+        top: -60px !important;
+    }
+
+    /*
     #nav-up {
         font-size: 1rem;
         color: #888;
     }
+    */
 }
 
 
diff --git a/themes/newgimp/templates/base.html b/themes/newgimp/templates/base.html
index 3ed4c3d..680d51a 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -78,7 +78,7 @@
             <i class="fa fa-chevron-up" id='nav-up'></i>
         </nav><!-- /#menu -->
 
-        <div id='navstrip'>
+        <div id='navstrip' class='nav-down'>
             <span class='navfive'>
                 <a href="/">
                     <img src="/images/wilber-tiny.png"><br/>