ENH improved the css style of the docs

matplotlib · dmcdougall · Jun 30, 2013 · Jun 30, 2013 · Jun 30, 2013 · 954eeac72e98888dcb27d18849250be5799e38a7
commit 954eeac72e98888dcb27d18849250be5799e38a7
diff --git a/doc/_static/mpl.css b/doc/_static/mpl.css
@@ -1,15 +1,14 @@
-/**
+/*
 * Alternate Sphinx design
 * Originally created by Armin Ronacher for Werkzeug, adapted by Georg Brandl.
 */

 body {
-    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
+    font-family: "Raleway", "Helvetica Neue", Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
    font-size: 14px;
    letter-spacing: -0.01em;
    line-height: 150%;
    text-align: center;
-    /*background-color: #AFC1C4; */
    background-color: #BFD1D4;
    color: black;
    padding: 0;
@@ -24,6 +23,10 @@ a {
    text-decoration: none;
 }

+strong {
+  font-weight: strong;
+}
+
 a:hover {
    color: #2491CF;
 }
@@ -103,7 +106,7 @@ dl {
 }

 dd p {
-    margin-top: 0px;
+    margin-top: 1px;
 }

 dd ul, dd table {
@@ -251,7 +254,7 @@ div.sphinxsidebar ul ul {
 }

 p {
-    margin: 0.8em 0 0.5em 0;
+    margin: 0.8em 0 0.8em 0;
 }

 p.rubric {
@@ -518,24 +521,104 @@ table.docutils {
 table.docutils tr:nth-child(even) {
    background-color: #F3F3FF;
 }
+
 table.docutils tr:nth-child(odd) {
    background-color: #FFFFEE;
 }

-table.docutils tr {
-    border-style: solid none solid none;
-    border-width: 1px 0 1px 0;
-    border-color: #AAAAAA;
+/* module summary table */
+.longtable.docutils {
+    font-size: 12px;
+    margin-bottom: 30px;
+    background-color: #ccc;
+}
+.longtable.docutils, .longtable.docutils td {
+    border-color: #ccc;
+}
+
+/* function and class description */
+dl.class, dl.function, dl.method, dl.attribute {
+    border-top: 1px solid #ccc;
+    padding-top: 10px;
+}
+.descclassname {
+    color: #aaa;
+    font-weight: normal;
+    font-family: monospace;
 }
+.descname {
+    font-family: monospace;
+}
+
+/* module summary table */
+.longtable.docutils {
+    font-size: 12px;
+    margin-bottom: 30px;
+}
+.longtable.docutils, .longtable.docutils td {
+    border-color: #ccc;
+}
+
+/* function and class description */
+dl.class, dl.function, dl.method, dl.attribute {
+    border-top: 1px solid #ccc;
+    padding-top: 10px;
+}
+.descclassname {
+    color: #aaa;
+    font-weight: normal;
+    font-family: monospace;
+}
+.descname {
+    font-family: monospace;
+}
+

 table.docutils th {
    padding: 1px 8px 1px 5px;
+    background-color: #eee;
+    width: 100px;
 }

 table.docutils td {
    border-width: 1px 0 1px 0;
 }

+
+dl.class em, dl.function em, dl.class big, dl.function big {
+    font-weight: normal;
+    font-family: monospace;
+}
+dl.class dd, dl.function dd {
+    padding: 10px;
+}
+.docutils.field-list th {
+    background-color: #eee;
+    padding: 10px;
+    text-align: left;
+    vertical-align: top;
+    width: 120px;
+}
+.docutils.field-list td {
+    padding: 10px 10px 10px 20px;
+    text-align: left;
+    vertical-align: top;
+}
+.docutils.field-list td blockquote p {
+    font-size: 13px;
+    line-height: 18px;
+}
+p.rubric {
+    font-weight: bold;
+    font-size: 19px;
+    margin: 15px 0 10px 0;
+}
+p.admonition-title {
+    font-weight: bold;
+    text-decoration: underline;
+}
+
+
 #matplotlib-examples ul li{
  font-size: large;
 }

diff --git a/doc/_templates/layout.html b/doc/_templates/layout.html
@@ -1,5 +1,7 @@
 {% extends "!layout.html" %}

+<link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
+
 {% block rootrellink %}
        <li><a href="{{ pathto('index') }}">home</a>|&nbsp;</li>
        <li><a href="{{ pathto('examples/index') }}">examples</a>|&nbsp;</li>