fix "active section" style
[arvados.git] / doc / _layouts / default.html
1 <!DOCTYPE html>
2 <html>
3   <head>
4     <meta charset="utf-8">
5     <title>{{ page.title }}</title>
6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7     <meta name="description" content="">
8     <meta name="author" content="">
9     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
10     <style>
11       body {
12       padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
13       }
14     </style>
15     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
16     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
17     <!--[if lt IE 9]>
18         <script src="../assets/js/html5shiv.js"></script>
19         <![endif]-->
20   </head>
21   <body>
22     <div class="navbar navbar-inverse navbar-fixed-top">
23       <div class="navbar-inner">
24         <div class="container">
25           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
26             <span class="icon-bar"></span>
27             <span class="icon-bar"></span>
28             <span class="icon-bar"></span>
29           </button>
30           <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
31           <div class="nav-collapse collapse">
32             <ul class="nav">
33               <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User</a></li>
34               <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin</a></li>
35               <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install</a></li>
36             </ul>
37           </div><!--/.nav-collapse -->
38         </div>
39       </div>
40     </div>
41
42     <div class="container">
43
44       {% if page.navsection == 'top' %}
45       {{ content }}
46       {% else %}
47       <div class="row">
48         <div class="span3">
49           <ul class="nav nav-tabs nav-stacked affix span3">
50             {% for navorder in (0..100) %}
51             {% for p in site.pages %}
52             {% if p.navsection == page.navsection and p.navorder == navorder %}
53             <li><a href="{{ site.baseurl }}{{ p.url }}" {% if p.url == page.url %} class="active"{% endif %} >{{ p.title }}</a></li>
54             {% endif %}
55             {% endfor %}
56             {% endfor %}
57           </ul>
58         </div>
59         <div class="span9"><div style="padding-left: 2em;">
60           {{ content }}
61         </div></div>
62       </div>
63       {% endif %}
64
65       <div style="height: 2em"></div>
66
67     </div>
68     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
69     <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
70   </body>
71 </html>
72