Better CSS fix for menu bar obscuring the target when following intra-document links.
[arvados.git] / doc / _layouts / default.html
index b2353f68af56c8f721e9e1a5dae9d991a55a705b..a7b561031cd215956cc432820f552e01112034b2 100644 (file)
@@ -8,7 +8,7 @@
     <meta name="author" content="">
     <link rel="icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon">
     <link rel="shortcut icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon">
-    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <link href="{{ site.baseurl }}/css/bootstrap.css" rel="stylesheet">
     <style>
       body {
       padding-top: 41px;
       .rarr {
       font-size: 1.5em;
       }
+      .darr {
+      font-size: 4em;
+      text-align: center;
+      margin-bottom: 1em;
+      }
+      .userinput {
+      color: #d14;
+      }
+      :target {
+      padding-top: 41px;
+      margin-top: -41px;
+      }
     </style>
-    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
+    <link href="{{ site.baseurl }}/css/bootstrap-responsive.min.css" rel="stylesheet">
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>
         <script src="../assets/js/html5shiv.js"></script>
         <![endif]-->
   </head>
   <body class="nopad">
-    <div class="navbar navbar-inverse navbar-fixed-top" style="margin-bottom:0;">
-      <div class="navbar-inner">
-        <div class="container">
-          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
-          <div class="nav-collapse collapse">
-            <ul class="nav">
-              <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User&nbsp;Guide</a></li>
-              <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/">API&nbsp;Reference</a></li>
-              <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin Guide</a></li>
-              <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install Guide</a></li>
-              <li><a></a></li>
-              <li><a href="https://arvados.org/">arvados.org&nbsp;&raquo;</a></li>
-            </ul>
-          </div><!--/.nav-collapse -->
-        </div>
-      </div>
-    </div>
+    {% include navbar_top.html %}
 
     {% if page.navsection == 'top' %}
     {{ content }}
 
     <div class="container-fluid">
       <div class="row-fluid">
-        <div class="span3">
-          <div class="affix-top">
-            <div class="well sidebar-nav">
-              <ul class="nav nav-list">
-                {% for navorder in (0..100) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
-                <li {% if p.url == page.url %} class="active activesubnav" {% elsif p.title == page.subnavsection %} class="activesubnav" {% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
-                {% endif %}{% endfor %}{% endfor %}
-              </ul>
-            </div>
-          </div>
-        </div>
+        {% include navbar_left.html %}
         <div class="span9"><div style="padding-left: 2em;">
           {{ content }}
         </div></div>
 
     </div>
     {% endif %}
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
+    <script src="{{ site.baseurl }}/js/jquery.min.js"></script>
+    <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
     <script>
   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),