From 942caf29a78271affe0e1c75de510da835ed61bb Mon Sep 17 00:00:00 2001
From: Brian Federle <brian.federle@citrix.com>
Date: Tue, 24 Sep 2013 14:58:19 -0700
Subject: [PATCH] Style main side nav bar

---
 ui/stylesheets/cloudstack.scss | 38 +++++++++++++++++++++++++++++++++-
 ui/stylesheets/csui/_csui.scss |  5 +++++
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index b5656f1efa3..1a2ac5716d4 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -123,14 +123,50 @@ body {
     width: 20%;
     height: 100%;
     float: left;
+    overflow: auto;
 
     ul {
-        margin: 60px 0 0 0;
+        margin: 50px 0 0 0;
         padding: 0;
 
         li {
+            font-size: 12px;
             list-style: none;
             text-indent: 10px;
+            font-weight: bold;
+            color: lighten(black, 20%);
+            cursor: pointer;
+            text-shadow: 0px 1px 1px darken(white, 10%);
+            padding-left: 20px;
+            padding-right: 20px;
+
+            span {
+                display: block;
+                border-bottom: 1px solid #a7a7a7;
+                padding-top: 10px;
+                padding-bottom: 10px;
+                box-shadow: 0px 1px 0px white;
+            }
+
+            span.icon {
+                display: none;
+            }
+
+            &:hover {
+                background: #3f3f3f;
+                color: white;
+                text-shadow: 0px 1px 1px black;
+                box-shadow: inset 0px 0px 10px black;
+                position: relative;
+                z-index: 3;
+                top: -1px;
+                padding-top: 1px;
+
+                span {
+                    border-bottom: none;
+                    box-shadow: none;
+                }
+            }
         }
     }
 }
diff --git a/ui/stylesheets/csui/_csui.scss b/ui/stylesheets/csui/_csui.scss
index a0a0d541e1b..b013fe21da0 100644
--- a/ui/stylesheets/csui/_csui.scss
+++ b/ui/stylesheets/csui/_csui.scss
@@ -9,6 +9,11 @@
   font-family: 'Noto Sans';
   src: url('../fonts/Noto_Sans/NotoSans-Regular.ttf');
 }
+@font-face {
+  font-family: 'Noto Sans';
+  src: url('../fonts/Noto_Sans/NotoSans-Bold.ttf');
+  font-weight: bold;
+}
 
 // Core style
 html, body {