[gimp-web/gimp-web-static] Styling nav bar more

[Pat David <patdavid src gnome org>]

commit 267b10d462dbcfdb282134f6c1f8aa96b8fcff20
Author: Pat David <pat patdavid net>
Date:   Tue Sep 22 21:49:27 2015 -0500

    Styling nav bar more

 content/js/push-menu.js            |    4 +-
 themes/newgimp/static/css/gimp.css |   18 ++++++-------
 themes/newgimp/templates/base.html |   50 ++++++++++++++---------------------
 3 files changed, 30 insertions(+), 42 deletions(-)
---
diff --git a/content/js/push-menu.js b/content/js/push-menu.js
index 39068c3..dba94f2 100644
--- a/content/js/push-menu.js
+++ b/content/js/push-menu.js
@@ -17,12 +17,12 @@ var toggle = function(e){
 
     if( menu.className.indexOf('show') !== -1 ){
         menu.className = "hide";
-        navel.className = "initial";
+        // navel.className = "initial";
         page.removeEventListener('click', toggle, false);
         page.removeEventListener('touchstart', toggle, false);
     }else{
         menu.className = "show";
-        navel.className = "bottom";
+        // navel.className = "bottom";
         page.addEventListener('click', toggle, false);
         page.addEventListener('touchstart', toggle, false);
     }
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index 70b3c46..d325f2d 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -411,7 +411,6 @@ footer .nav-bottom a {
         width: 100%;
         text-align: center;
         background-color: #333;
-        padding: 5px 0;
         font-size: 0.8rem;
         transition: top 0.2s ease-in-out;
         position: fixed;
@@ -420,10 +419,15 @@ footer .nav-bottom a {
     #navstrip .navfive {
         display: inline-block;
         width: 19%;
+        color: white;
+        font-size: 0.75rem;
+        padding: 0.1rem 0;
     }
 
-    .navfive a {
-        color: white;
+    .navfive i.fa, .navfive #wilber-tiny {
+        font-size: 1.25rem;
+        position: relative;
+        bottom: -2px;
     }
 
     #pushPage .container.title {
@@ -449,13 +453,7 @@ footer .nav-bottom a {
     .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 680d51a..f4fbd0b 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -79,36 +79,26 @@
         </nav><!-- /#menu -->
 
         <div id='navstrip' class='nav-down'>
-            <span class='navfive'>
-                <a href="/">
-                    <img src="/images/wilber-tiny.png"><br/>
-                    GIMP
-                </a>
-            </span>
-            <span class='navfive'>
-                <a href="/news/" style="">
-                    <i class="fa fa-newspaper-o" style="font-size: 1.5rem;"></i><br/>
-                    News
-                </a>
-            </span>
-            <span class='navfive'>
-                <a href="/docs/" style="">
-                    <i class="fa fa-book" style="font-size: 1.5rem;"></i><br/>
-                    Docs
-                </a>
-            </span>
-            <span class='navfive'>
-                <a href="/tutorials/" style="">
-                    <i class="fa fa-graduation-cap" style="font-size: 1.5rem;"></i><br/>
-                    Tutorials
-                </a>
-            </span>
-            <span class='navfive'>
-                <a href="#bottom-nav" id='navel' style="">
-                    <i class="fa fa-bars" style="font-size: 1.5rem;"></i><br/>
-                    More
-                </a>
-            </span>
+            <a href="/" class='navfive'>
+                <img id='wilber-tiny' src="/images/wilber-tiny.png" alt='Wilber'><br/>
+                GIMP
+            </a>
+            <a href="/news/" class='navfive'>
+                <i class="fa fa-newspaper-o" ></i><br/>
+                News
+            </a>
+            <a href="/docs/" class='navfive'>
+                <i class="fa fa-book" ></i><br/>
+                Docs
+            </a>
+            <a href="/tutorials/" class='navfive'>
+                <i class="fa fa-graduation-cap" ></i><br/>
+                Tutorials
+            </a>
+            <a href="#bottom-nav" id='navel' class='navfive' >
+                <i class="fa fa-bars" ></i><br/>
+                More
+            </a>
         </div>
 
         <a id="navel-old" href="#bottom-nav" ><i class="fa fa-bars"></i></a>