theme: lots of small tweaks for increased usability

Author: Sam Kleinman

themes/mongodb/layout.html

@@ -32,12 +32,7 @@
 {%- macro relbar(show_logo=True) %}
 
     <div class="related">
-      <h3>{{ _('Navigation') }}</h3>
-
       <ul>
-          {%- if show_logo  %}
-          <li><p><a href="{{ pathto('index') }}"><img class="logo" src="{{ pathto('_static/' + logo, 1) }}" alt="Logo"/></p></li>
-          {%- endif %}
 
         {#- for rellink in rellinks %}
         <li class="right" {% if loop.first %}style="margin-right: 10px"{% endif %}> |
@@ -48,13 +43,13 @@ <h3>{{ _('Navigation') }}</h3>
         <li class="right">| {{ githublink() }} </li>
         <li class="right">| <a href="http://github.com/mongodb/docs" title="Fork the documentation on GitHub to contribute.">GitHub</a></li>
         <li class="right"><a href="http://jira.mongodb.org/browse/DOCS" title="Open a case in Jira to report a problem with the documentation.">Jira</a></li>
+        {%- if show_logo  %}
+        <li><p><a href="{{ pathto('index') }}"><img class="logo" src="{{ pathto('_static/' + logo, 1) }}" alt="Logo"/></p></li>
+        {%- endif %}
 
         {%- block rootrellink %}
-        <li><a href="{{ pathto(master_doc) }}">{{ shorttitle|e }}</a> (<a href="{{ pathto('genindex') }}">index</a>) {{ reldelim1 }}</li>
+        <li style="display:none;"><a href="{{ pathto(master_doc) }}">{{ shorttitle|e }}</a></li>
         {%- endblock %}
-        {%- for parent in parents %}
-          <li><a href="{{ parent.link|e }}" {% if loop.last %}{{ accesskey("U") }}{% endif %}>{{ parent.title }}</a>{{ reldelim1 }}</li>
-        {%- endfor %}
         {%- block relbaritems %} {% endblock %}
       </ul>
     </div>

themes/mongodb/pagenav.html

@@ -9,10 +9,12 @@
     :copyright: Copyright 2007-2011 by the Sphinx team, see AUTHORS.
     :license: BSD, see LICENSE for details.
 #}
-<h3><a href="{{ pathto(master_doc) }}">{{ _('Contents') }}</a></h3>
+<h3><a href="{{ pathto(master_doc) }}">{{ _('MongoDB Manual') }}</a></h3>
 
 {{ toctree(maxdepth=-1) }}
 
+<h3 style="padding-bottom: 1em;"><a href="{{ pathto('genindex') }}">{{ _('Index') }}</a></h3>
+
 <div id="searchbox" style="display: none">
   <h3>{{ _('Search') }}</h3>
     <p class="searchtip">{{ _('Search <strong>this</strong> manual.') }}

themes/mongodb/static/mongodb-docs.css_t

@@ -29,7 +29,7 @@ div.documentwrapper {
 }
 
 div.bodywrapper {
-    margin: 0 0 0 230px;
+    margin: 0 0 0 280px;
 }
 
 hr {
@@ -85,7 +85,7 @@ div.footer-nav div.related ul {
 div.sphinxsidebar {
     font-size: 0.72em;
     line-height: 1.4em;
-    width: 230px;
+    width: 280px;
 }
 
 div.sphinxsidebarwrapper{
@@ -297,11 +297,45 @@ div.viewcode-block:target {
 p.first, p.last {
     margin-bottom: 0 !important;
 }
-
-
 div.sphinxsidebar ul.current a.current {
     font-weight: bold;
 }
 table.docutils td {
     padding: 1px 8px 1em 5px;
 }
+
+div.sphinxsidebar li.toctree-l1 a.reference {
+    font-size: 1.2em;
+    color: #444;
+    line-height: 1.5em;
+}
+div.sphinxsidebar ul.current li.toctree-l1 a {
+    font-size: 1.2em;
+    color: #444;
+    line-height: 1.5em;
+}
+div.sphinxsidebar ul.current li.toctree-l2 a {
+    font-size: 1.1em;
+    color: #646464;
+    line-height: 1.5em;
+}
+div.sphinxsidebar ul.current li.toctree-l3 a {
+    font-size: 1.0em;
+    color: #848484;
+    line-height: 1.5em;
+}
+div.sphinxsidebar ul.current li.toctree-l4 a {
+    font-size: .9em;
+    color: #a3a3a3;
+    line-height: 1.5em;
+}
+div.sphinxsidebar ul.current li.toctree-l5 a {
+    font-size: .8em;
+    color: #9c9c9c;
+    line-height: 1.5em;
+}
+div.related li.right {
+    float: right;
+    margin-right: 5px;
+    margin-top: 40px;
+}