docs: New color theme (inspired by http://readthedocs.org/)

1 files changed, 26 insertions, 10 deletions

diff --git a/apidoc/sphinx/static/bottle.css_t b/apidoc/sphinx/static/bottle.css_t
index 1d39526..da8f58c 100755
--- a/apidoc/sphinx/static/bottle.css_t
+++ b/apidoc/sphinx/static/bottle.css_t
@@ -1,5 +1,15 @@
 {% set page_width = '940px' %}
 {% set sidebar_width = '230px' %}
+{% set color_body = '#E8EFEF' %}
+{% set color_border = '#697983' %}
+{% set color_document   = '#ffffff' %}
+{% set textcolor_body = '#000' %}
+{% set textcolor_border = '#fff' %}
+{% set textcolor_document = '#111' %}
+{% set linkcolor_body = '#002a32' %}
+{% set linkcolor_border = 'white' %}
+{% set linkcolor_document = '#005566' %}
+
 
 @import url("basic.css");
 
@@ -40,21 +50,21 @@ div.related {
 /* Design and Colors */
 
 body {
-  background: #eee url("_static/logo_bg.png") no-repeat scroll 0 0;
+  background-color: {{ color_body }};
   font-family: 'Veranda', sans-serif;
   font-size: 16px;
 }
 
 div.body {
-  border: 1px solid #bbb;
-  background-color: #fff;
+  border: 1px solid {{ color_border }};
+  background-color: {{ color_document }};
   padding: 0 15px 15px 15px;
-  color: #222;
+  color: {{ textcolor_document }};
   line-height: 1.4em;
 }
 
 a {
-  color:#005566;
+  color: {{ linkcolor_document }};
   text-decoration: none;
 }
 
@@ -135,9 +145,10 @@ div.sphinxsidebar ul {
 }
 
 div.sphinxsidebar h3 {
-  background-color: #ddd;
+  background-color: {{ color_border }};
+  color: {{ textcolor_border }};
   margin: 0 -15px 0 -5px;
-  padding: 2px 5px;
+  padding: 3px 10px 1px 10px;
   border-top-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
@@ -147,11 +158,11 @@ div.sphinxsidebar h3 {
 }
 
 div.sphinxsidebar a {
-  color: #002a32;
+  color: {{ linkcolor_body }};
 }
 
 div.sphinxsidebar h3 a {
-  color: #000;
+  color: {{ linkcolor_border }};
 }
 
 div.sphinxsidebar ul ul {
@@ -195,6 +206,11 @@ div.footer {
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   padding: 2px 10px 2px 10px;
-  background: #ddd;
+  background: {{ color_border }};
+  color: {{ linkcolor_border }};
   display: block;
 }
+
+.sidelegend a:hover {
+  text-decoration: none;
+}
\ No newline at end of file