Styled navbar according to user

2 files changed, 33 insertions, 9 deletions

diff --git a/assets/css/creative.css b/assets/css/creative.css
index 714af8b..54e1cbb 100644
--- a/assets/css/creative.css
+++ b/assets/css/creative.css
@@ -39,6 +39,7 @@ main .search {
 }*/
 
 
+
 h2 {
 font-family: 'Lato', sans-serif;
 color: gray;
@@ -55,6 +56,12 @@ padding-top: 200px;
     -moz-transition: all .35s;
     transition: all .35s;
 }
+
+.user-navbar {
+    background-color: #f0f5f5;
+}
+
+
 .navbar-default-hi {
     border-color: rgba(34,34,34,.05);
     font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
@@ -121,28 +128,36 @@ padding-top: 200px;
 }*/
 
 
-footer .navbar-default {
+footer .navbar-default, .admin-navbar {
         border-color: rgba(255,255,255,.3);
         background-color: #333333;
 }
 
-footer .navbar-default .nav > li>a,
-footer .navbar-default .nav>li>a:focus {
+footer .navbar-default .navbar-header .navbar-brand, .admin-navbar .navbar-header .navbar-brand {
     color: rgba(255,255,255,.7);
 }
 
-footer .navbar-default .nav > li>a:hover,
-footer .navbar-default .nav>li>a:focus:hover {
+footer .navbar-default .nav > li>a, .admin-navbar .nav > li>a,
+footer .navbar-default .nav>li>a:focus, .admin-navbar .nav > li> a:focus {
+    color: rgba(255,255,255,.7);
+}
+
+footer .navbar-default .nav > li>a:hover, .admin-navbar .nav > li > a:hover,
+footer .navbar-default .nav>li>a:focus:hover, .admin-navbar .nav>li>a:focus:hover {
     color: #fff;
 }
 
-footer .navbar-default .affix {
+footer .navbar-default .affix, .admin-navbar .affix {
     border-color: rgba(34,34,34,.05);
     background-color: #fff;
 }
 
-footer .navbar-default .affix .nav > li>a,
-footer .navbar-default .affix .nav>li>a:focus {
+footer .navbar-default .affix .navbar-header .navbar-brand, .admin-navbar .affix .navbar-header {
+    font-size: 14px;
+}
+
+footer .navbar-default .affix .nav > li>a, .admin-navbar .affix .nav > li>a,
+footer .navbar-default .affix .nav>li>a:focus, .admin-navbar .affix .nav>li>a:focus {
     color: #222;
 }
 
diff --git a/views/partials/header.hbs b/views/partials/header.hbs
index e404787..901b249 100644
--- a/views/partials/header.hbs
+++ b/views/partials/header.hbs
@@ -1,4 +1,13 @@
-<nav id="mainNav" class="navbar navbar-default navbar-fixed-top" >
+{{# if login }}
+    {{# if user.email}}
+        <nav id="mainNav" class="navbar navbar-default navbar-fixed-top user-navbar" >
+    {{ else }}
+        <nav id="mainNav" class="navbar navbar-default navbar-fixed-top admin-navbar" >
+    {{/if}}
+{{ else }}
+    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top " >
+{{/if}}
+
     <div class="container-fluid">
         <!-- Brand and toggle get grouped for better mobile display -->
         <div class="navbar-header">