From 1566d7044ab728a7b87e191f0d8de257c6d60bf1 Mon Sep 17 00:00:00 2001
From: Federico Zivolo <zivolof@p2000.it>
Date: Thu, 18 Sep 2014 09:38:53 +0200
Subject: [PATCH] fix for #12

---
 css-compiled/material.css | 34 +++++++++++++++++++++++++++++++
 less/navbar.less          | 43 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 77 insertions(+)

diff --git a/css-compiled/material.css b/css-compiled/material.css
index eb4bd02d..703e59a6 100644
--- a/css-compiled/material.css
+++ b/css-compiled/material.css
@@ -2510,6 +2510,40 @@ fieldset[disabled] .navbar .btn-link:focus {
 .navbar-inverse {
   background-color: #3f51b5;
 }
+.navbar-material-white {
+  background-color: #FFF;
+}
+.navbar-material-white .navbar-brand,
+.navbar-material-white .navbar-brand:hover,
+.navbar-material-white .navbar-brand:focus {
+  color: rgba(0, 0, 0, 0.84);
+}
+.navbar-material-white .navbar-nav > li > a {
+  color: rgba(0, 0, 0, 0.84);
+}
+.navbar-material-white .navbar-nav > li > a:hover,
+.navbar-material-white .navbar-nav > li > a:focus {
+  color: rgba(0, 0, 0, 0.84);
+  background-color: transparent;
+}
+.navbar-material-white .navbar-nav > .active > a,
+.navbar-material-white .navbar-nav > .active > a:hover,
+.navbar-material-white .navbar-nav > .active > a:focus {
+  color: rgba(0, 0, 0, 0.84);
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.navbar-material-white .navbar-nav > .disabled > a,
+.navbar-material-white .navbar-nav > .disabled > a:hover,
+.navbar-material-white .navbar-nav > .disabled > a:focus {
+  color: rgba(0, 0, 0, 0.84);
+  background-color: transparent;
+}
+.navbar-material-white .navbar-nav > .open > a,
+.navbar-material-white .navbar-nav > .open > a:hover,
+.navbar-material-white .navbar-nav > .open > a:focus {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: rgba(0, 0, 0, 0.84);
+}
 .dropdown-menu {
   border: 0;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
diff --git a/less/navbar.less b/less/navbar.less
index 57b0f6c4..70c7ba46 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -159,4 +159,47 @@
     &-inverse {
         background-color: @indigo;
     }
+    &-material-white {
+        background-color: #FFF;
+        .navbar-brand, .navbar-brand:hover, .navbar-brand:focus {
+            color: @lightbg-text;
+        }
+        .navbar-nav {
+            & > li > a {
+                color: @lightbg-text;
+
+                &:hover,
+                &:focus {
+                    color: @lightbg-text;
+                    background-color: @navbar-link-hover-bg;
+                }
+            }
+            & > .active > a {
+                &,
+                &:hover,
+                &:focus {
+                    color: @lightbg-text;
+                    background-color: @navbar-link-active-bg;
+                }
+            }
+            & > .disabled > a {
+                &,
+                &:hover,
+                &:focus {
+                    color: @lightbg-text;
+                    background-color: @navbar-link-disabled-bg;
+                }
+            }
+
+            & > .open > a {
+                &,
+                &:hover,
+                &:focus {
+                    background-color: @navbar-link-active-bg;
+                    color: @lightbg-text;
+                }
+            }
+
+        }
+    }
 }