Navbar styling
authorJuliette Belin <juliette.belin@logilab.fr>
Wed, 01 Mar 2017 15:59:56 +0100
changeset 193 f2ba8fa63a9b
parent 192 0d265a69dbc0
child 194 dede3f8e62ab
Navbar styling
cubicweb_sherpa/data/cubes.sherpa.css
cubicweb_sherpa/views/templates/maintemplate.jinja2.html
--- a/cubicweb_sherpa/data/cubes.sherpa.css	Wed Mar 01 15:57:46 2017 +0100
+++ b/cubicweb_sherpa/data/cubes.sherpa.css	Wed Mar 01 15:59:56 2017 +0100
@@ -75,9 +75,48 @@
 
 .header-sherpa a {
   display: block;
+  color: #777777;
+}
+
+.sherpa-navbar {
+  background-color: #0b6ba8;
+}
+
+.sherpa-navbar li+li {
+  margin: 0;
+}
+
+.sherpa-navbar li>a {
+  padding: 0 1em 0 1em;
+}
+
+.sherpa-navbar li>a {
+  color: white;
 }
 
-.navbar-sherpa h1 {
+.sherpa-navbar li:hover,
+.sherpa-navbar li>a:hover {
+  cursor: pointer;
+}
+
+.sherpa-navbar li.active,
+.sherpa-navbar li:hover {
+  background-color: #0d4e96;
+}
+
+.sherpa-navbar li.active a {
+  background-color: transparent;
+  font-weight: bold;
+}
+
+.sherpa-navbar li:hover>a,
+.sherpa-navbar li>a:focus,
+.sherpa-navbar li>a:active,
+.sherpa-navbar li>a:visited {
+  background-color: transparent;
+}
+
+.header-sherpa h1 {
   margin-bottom: 0px;
   width: 100%;
   color: #626262;
--- a/cubicweb_sherpa/views/templates/maintemplate.jinja2.html	Wed Mar 01 15:57:46 2017 +0100
+++ b/cubicweb_sherpa/views/templates/maintemplate.jinja2.html	Wed Mar 01 15:59:56 2017 +0100
@@ -26,7 +26,7 @@
       {% endif %}
     </div>
   </nav>
-  <nav role="navigation">
+  <nav role="navigation" class="sherpa-navbar">
     <div class="col-md-offset-2">
       <ul class="nav nav-pills">
         {% for link in navigation_links %}