doc: wider sidebar, larger font, cleaned tip CSS

The sidebar is now about a hundred pixels wider and the fonts
are larger throughout.  This works a lot better when you get
deep into the doc structure - it used to wrap horribly.

I also fixed how literals look inside .tip and .important.

Signed-off-by: Ross Turk <ross@inktank.com>

diff --git a/doc/_themes/ceph/static/nature.css_t b/doc/_themes/ceph/static/nature.css_t
index 50588ca8cbce711a2dcd1ccd088358f9a1f8e2c5..ea32050418942df231da2c919d4b21c9b2130b5c 100644 (file)
--- a/doc/_themes/ceph/static/nature.css_t
+++ b/doc/_themes/ceph/static/nature.css_t
@@ -36,7 +36,7 @@
 }
  
 body {
-    font: 12px/1.2 Helvetica, Arial, sans-serif;
+    font: 14px/1.4 Helvetica, Arial, sans-serif;
     background-color: #E6E8E8;
     color: #37424A;
     margin: 0;
@@ -50,7 +50,7 @@ div.documentwrapper {
 }
 
 div.bodywrapper {
-    margin: 0 0 0 {{ theme_sidebarwidth|toint }}px;
+    margin: 0 0 0 330px;
 }
 
 hr {
@@ -65,7 +65,6 @@ div.body {
     background-color: #ffffff;
     color: #3E4349;
     padding: 0 30px 30px 30px;
-    // font-size: 0.9em;
 }
  
 div.footer {
@@ -101,8 +100,9 @@ div.related a:hover {
 }
  
 div.sphinxsidebar {
-    font-size: 100%;
+    // font-size: 100%;
     line-height: 1.5em;
+    width: 330px;
 }
 
 div.sphinxsidebarwrapper{
@@ -141,7 +141,7 @@ div.sphinxsidebar p.topless {
 }
  
 div.sphinxsidebar ul {
-    margin: 10px 20px;
+    margin: 10px 5px 10px 20px;
     padding: 0;
     color: #000;
 }
@@ -188,9 +188,9 @@ div.body h6 {
     text-transform: uppercase;
 }
  
-div.body h1 { font: 18px/1.8 ApexSansBook; color: #37424A; border-top: 20px solid white; margin-top: 0; }
-div.body h2 { font: 16px/1.6 ApexSansMedium; background-color: #5E6A71; color: #E6E8E8; padding: 5px 10px; }
-div.body h3 { font: 14px/1.4 ApexSansMedium; color: #37424A; }
+div.body h1 { font: 20px/2.0 ApexSansBook; color: #37424A; border-top: 20px solid white; margin-top: 0; }
+div.body h2 { font: 18px/1.8 ApexSansMedium; background-color: #5E6A71; color: #E6E8E8; padding: 5px 10px; }
+div.body h3 { font: 16px/1.6 ApexSansMedium; color: #37424A; }
 div.body h4 { font: 14px/1.4 Helvetica, Arial, sans-serif;  color: #37424A; }
 div.body h5 { font: 12px/1.2 Helvetica, Arial, sans-serif;  color: #37424A; }
 div.body h6 { font-size: 100%; color: #37424A; }
@@ -273,7 +273,6 @@ tt {
     font-family: monospace;
 }
 
-
 .viewcode-back {
     font-family: Arial, sans-serif;
 }
@@ -288,20 +287,33 @@ table.docutils {
     margin: 1.5em;
 }
 
-
 div.sidebar {
-border: 1px solid #5E6A71;
-background-color: #E6E8E8;
+    border: 1px solid #5E6A71;
+    background-color: #E6E8E8;
 }
 
 div.admonition.tip {
-       background-color: #80D2DC;
-   border: 1px solid #55AEBA;
+    background-color: #80D2DC;
+    border: 1px solid #55AEBA;
 }
 
 div.admonition.important {
-       background-color: #F05C56;
-   border: 1px solid #9C4850;
-   color: #fff;
+    background-color: #F05C56;
+    border: 1px solid #9C4850;
+    color: #fff;
 }
 
+div.tip tt.literal {
+    background-color: #55aeba;
+    color: #fff;
+}
+
+div.important tt.literal {
+    background-color: #9C4850;
+    color: #fff;
+}
+
+h2 .literal {
+    color: #fff;
+    background-color: #37424a;
+}