update doc css to include a sidebar

doc/autobuild.py

@@ -83,9 +83,8 @@ packages.sort()
 
 # Create index
 api_index = \
-'''===================================================================
-API documentation for Kivy
-===================================================================
+'''API documentation
+=================
 
 .. toctree::
     :maxdepth: 2

doc/sources/.static/default.css

@@ -5,6 +5,7 @@
 body {
     font-family: sans-serif;
     font-size: 100%;
+	background: #ffffff url('background.png') top left repeat-y;
     background-color: #ffffff;
     color: #000;
     margin: 0;
@@ -13,19 +14,21 @@ body {
 
 /* :::: LAYOUT :::: */
 
-div.related,
-div.header,
-div.documentwrapper {
-    width: 800px;
-    margin: 0px auto;
+div.sphinxsidebar {
+	position: fixed;
+	top: 0px;
+	left: 0px;
+	width: 250px;
+	font-size: 14px;
 }
 
-div.bodywrapper {
-	margin-top: 20px;
+div.documentwrapper {
+    width: 800px;
+    margin-left: 250px;
 }
 
 div.body {
-    padding: 0 20px 30px 20px;
+    padding: 10px 20px 30px 30px;
 }
 
 div.sphinxsidebarwrapper {
@@ -78,14 +81,9 @@ div.header {
 	line-height: 80px;
 }
 
-div.logo {
-	float: left;
-	height: 80px;
-	width: 75px;
-}
-
-#searchbox {
-	float: right;
+p.logo {
+	margin: 0px;
+	padding: 0px;
 }
 
 div.related {
@@ -95,7 +93,7 @@ div.related {
 /* ::: TOC :::: */
 div.sphinxsidebar h3 {
     font-family: 'Trebuchet MS', sans-serif;
-    color: white;
+    color: #727905;
     font-size: 1.4em;
     font-weight: normal;
     margin: 0;
@@ -103,12 +101,12 @@ div.sphinxsidebar h3 {
 }
 
 div.sphinxsidebar h3 a {
-    color: white;
+    color: #727905;
 }
 
 div.sphinxsidebar h4 {
     font-family: 'Trebuchet MS', sans-serif;
-    color: white;
+    color: #727905;
     font-size: 1.3em;
     font-weight: normal;
     margin: 5px 0 0 0;
@@ -116,7 +114,7 @@ div.sphinxsidebar h4 {
 }
 
 div.sphinxsidebar p {
-    color: white;
+    color: #727905;
 }
 
 div.sphinxsidebar p.topless {
@@ -127,7 +125,7 @@ div.sphinxsidebar ul {
     margin: 10px;
     padding: 0;
     list-style: none;
-    color: white;
+    color: #727905;
 }
 
 div.sphinxsidebar ul ul,
@@ -142,7 +140,7 @@ div.sphinxsidebar ul ul {
 }
 
 div.sphinxsidebar a {
-    color: #98dbcc;
+    color: #989e49;
 }
 
 div.sphinxsidebar form {

doc/sources/.templates/layout.html

@@ -79,48 +79,30 @@
           {%- endif %}
           {%- endblock %}
           {%- block sidebartoc %}
-          {%- if display_toc %}
-            <h3><a href="{{ pathto(master_doc) }}">{{ _('Table Of Contents') }}</a></h3>
-            {{ toc }}
-          {%- endif %}
+		  <h3><a href="{{ pathto(master_doc) }}">{{ _('Table Of Contents') }}</a></h3>
+		  {{ toc }}
           {%- endblock %}
           {%- block sidebarrel %}
-          {%- if prev %}
-            <h4>{{ _('Previous topic') }}</h4>
-            <p class="topless"><a href="{{ prev.link|e }}"
-                                  title="{{ _('previous chapter') }}">{{ prev.title }}</a></p>
-          {%- endif %}
-          {%- if next %}
-            <h4>{{ _('Next topic') }}</h4>
-            <p class="topless"><a href="{{ next.link|e }}"
-                                  title="{{ _('next chapter') }}">{{ next.title }}</a></p>
-          {%- endif %}
+		  <h3>Related Topics</h3>
+		  <ul>
+			  {%- if prev %}
+			  <li>Previous: <a href="{{ prev.link|e }}" title="{{ _('previous chapter') }}">{{ prev.title }}</a></li>
+			  {%- endif %}
+			  {%- if next %}
+			  <li>Next: <a href="{{ next.link|e }}" title="{{ _('next chapter') }}">{{ next.title }}</a></li>
+			  {%- endif %}
+		  </ul>
           {%- endblock %}
-          {%- block sidebarsourcelink %}
-          {%- if show_source and has_source and sourcename %}
-            <h3>{{ _('This Page') }}</h3>
-            <ul class="this-page-menu">
-              <li><a href="{{ pathto('_sources/' + sourcename, true)|e }}"
-                     rel="nofollow">{{ _('Show Source') }}</a></li>
-            </ul>
-          {%- endif %}
-          {%- endblock %}
-          {%- if customsidebar %}
-          {% include customsidebar %}
-          {%- endif %}
           {%- block sidebarsearch %}
           {%- if pagename != "search" %}
+		  <h3>{{ _('Quick search') }}</h3>
           <div id="searchbox" style="display: none">
-            <h3>{{ _('Quick search') }}</h3>
               <form class="search" action="{{ pathto('search') }}" method="get">
-                <input type="text" name="q" size="18" />
+                <input type="text" name="q" size="15" />
                 <input type="submit" value="{{ _('Go') }}" />
                 <input type="hidden" name="check_keywords" value="yes" />
                 <input type="hidden" name="area" value="default" />
               </form>
-              <p class="searchtip" style="font-size: 90%">
-              {{ _('Enter search terms or a module, class or function name.') }}
-              </p>
           </div>
           <script type="text/javascript">$('#searchbox').show(0);</script>
           {%- endif %}
@@ -191,11 +173,11 @@
 {%- block extrahead %} {% endblock %}
   </head>
   <body>
-{%- block header %}{{ header() }}{% endblock %}
+{%- block header %}{% endblock %}
 
-{%- block relbar1 %}{{ relbar() }}{% endblock %}
+{%- block relbar1 %}{% endblock %}
 
-{%- block sidebar1 %}{% endblock %}
+{%- block sidebar1 %}{{ sidebar() }}{% endblock %}
 
     <div class="document">
 {%- block document %}

doc/sources/conf.py

@@ -104,7 +104,7 @@ html_style = 'default.css'
 
 # The name of an image file (within the static path) to place at the top of
 # the sidebar.
-html_logo = 'kivy-logo-mini.png'
+html_logo = 'kivy-logo.png'
 
 # The name of an image file (within the static path) to use as favicon of the
 # docs.  This file should be a Windows icon file (.ico) being 16x16 or 32x32