[IMP] Fixed the double scrollbar issue in mobile preview and added sass for css where not added and added nav-pills in menu for proper display.

bzr revid: psa@tinyerp.com-20130829110538-pamnb7d6xcnu7jug

addons/website/static/src/css/website.css

@@ -200,7 +200,7 @@ header .collapse ul {
   padding:10px 15px 10px;
 }
 /* -- Hack for nav header -- */
-.nav-header {
+.nav > li.nav-header {
   display: block;
   font-size: 11px;
   font-weight: bold;
@@ -229,4 +229,9 @@ header .collapse ul {
 }
 .navbar-default {
   border: 1px solid #d4d4d4;
-}
+}
+/* -- Hack for removing double scroll-bar from mobile preview -- */
+.modal {
+  overflow: hidden;
+  overflow-y: hidden;
+}

addons/website/static/src/css/website.sass

@@ -154,3 +154,29 @@ header
     color: #999999
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
     text-transform: uppercase
+
+.navbar-inverse .divider-vertical
+  height: 40px
+  margin: 0 9px
+  border-right: 1px solid #ffffff
+  border-left: 1px solid #f2f2f2
+
+.navbar-nav .divider-vertical
+  border-right-color: #222
+  border-left-color: #080808
+
+.navbar-inverse
+  background-image: -moz-linear-gradient(top, #222, #080808)
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#080808))
+  background-image: -webkit-linear-gradient(top, #222, #080808)
+  background-image: -o-linear-gradient(top, #222, #080808)
+  background-image: linear-gradient(to bottom, #222, #080808)
+  background-repeat: repeat-x
+
+.navbar-default
+  border: 1px solid #d4d4d4
+
+/* -- Hack for removing double scrollbar from mobile preview -- */
+.modal
+  overflow: hidden
+  overflow-y: hidden

addons/website/views/views.xml

@@ -55,7 +55,7 @@
                                         <a class="navbar-brand" href="/page/website.homepage"><em>Open</em><b>ERP</b></a>
                                     </div>
                                     <div class="navbar-collapse">
-                                        <ul class="nav navbar-nav navbar-right" id="top_menu">
+                                        <ul class="nav nav-pills navbar-nav navbar-right" id="top_menu">
                                             <li><a href="/page/website.contactus">Contact us</a></li>
                                             <li><a href="/admin">Sign in</a></li>
                                         </ul>