Merge pull request matplotlib#2184 from NelleV/doc_styling

ENH improved the css style of the docs

Author: dmcdougall

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;
 }

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>