Move the inline CSS in ReadTheDocs to the theme_extra file

This keeps all our downstream theme tweaks in once place. Fixes mkdocs#393
d0ugal · Apr 2, 2015 · af2b776 · af2b776
1 parent 88bb485
commit af2b776
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/mkdocs/themes/readthedocs/base.html b/mkdocs/themes/readthedocs/base.html
@@ -26,11 +26,6 @@
   <script src="{{ path }}"></script>
   {%- endfor %}
 
-  <style>
-    body {font-size: 90%;}
-    pre, code {font-size: 100%;}
-    h3, h4, h5, h6 {color: #2980b9; font-weight: 300}
-  </style>
   {%- block extrahead %} {% endblock %}
 
   {% if google_analytics %}

diff --git a/mkdocs/themes/readthedocs/css/theme_extra.css b/mkdocs/themes/readthedocs/css/theme_extra.css
@@ -1,3 +1,15 @@
+/*
+ * Tweak the overal size to better match RTD.
+ */
+body {
+    font-size: 90%;
+}
+
+h3, h4, h5, h6 {
+    color: #2980b9;
+    font-weight: 300
+}
+
 /*
  * Sphinx doesn't have support for section dividers like we do in
  * MkDocs, this styles the section titles in the nav
@@ -29,7 +41,7 @@
 }
 
 /*
-* readthedocs theme hides nav items when the window height is 
+* readthedocs theme hides nav items when the window height is
 * too small to contain them.
 *
 * https://github.com/tomchristie/mkdocs/issues/#348
@@ -46,3 +58,4 @@
 code {
     white-space: pre;
 }
+