highlight active side nav
authorTom Clegg <tom@clinicalfuture.com>
Wed, 10 Apr 2013 01:10:56 +0000 (18:10 -0700)
committerTom Clegg <tom@clinicalfuture.com>
Wed, 10 Apr 2013 01:10:56 +0000 (18:10 -0700)
doc/_layouts/default.html

index 9a74bb7c67d48126f65b6402ff230cad1593e2c6..4ba8dda915d92a0046e724a95bde93ef1a1999ef 100644 (file)
       body {
       padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
       }
+      .nav-tabs.nav-stacked.affix > li.active > a {
+      background: #0088cc;
+      color: #ffffff;
+      }
     </style>
     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@@ -52,7 +56,7 @@
             {% for navorder in (0..100) %}
             {% for p in site.pages %}
             {% if p.navsection == page.navsection and p.navorder == navorder %}
-            <li><a href="{{ site.baseurl }}{{ p.url }}" {% if p.url == page.url %} class="active"{% endif %} >{{ p.title }}</a></li>
+            <li {% if p.url == page.url %} class="active"{% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
             {% endif %}
             {% endfor %}
             {% endfor %}