Customize theme

docs/_themes/flask_small/layout.html

@@ -1,4 +1,8 @@
 {% extends "basic/layout.html" %}
+{%- block extrahead %}
+<meta name="viewport" content="width=device-width">
+<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic">
+{% endblock %}
 {% block header %}
   {{ super() }}
   {% if pagename == 'index' %}
@@ -6,6 +10,10 @@
   {% endif %}
 {% endblock %}
 {% block footer %}
+  <div class="footer">
+    &copy; Copyright {{ copyright }}.
+    Created using <a href="http://sphinx.pocoo.org/">Sphinx</a>.
+  </div>
   {% if pagename == 'index' %}
   </div>
   {% endif %}

docs/_themes/flask_small/static/flasky.css_t

@@ -8,45 +8,39 @@
  * :license: BSD, see LICENSE for details.
  *
  */
- 
+
 @import url("basic.css");
- 
+
 /* -- page layout ----------------------------------------------------------- */
- 
+
 body {
-    font-family: 'Georgia', serif;
-    font-size: 17px;
-    color: #000;
-    background: white;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 100%;
+    background-color: #fff;
+    color: #3E4349;
     margin: 0;
     padding: 0;
 }
 
-div.documentwrapper {
-    float: left;
-    width: 100%;
-}
-
 div.bodywrapper {
-    margin: 40px auto 0 auto;
-    width: 700px;
+    margin: 0 auto;
+    width: 100%;
+    max-width: 43em;
 }
 
 hr {
     border: 1px solid #B1B4B6;
 }
- 
+
 div.body {
-    background-color: #ffffff;
-    color: #3E4349;
-    padding: 0 30px 30px 30px;
+    padding: 30px;
 }
 
 img.floatingflask {
     padding: 0 0 10px 10px;
     float: right;
 }
- 
+
 div.footer {
     text-align: right;
     color: #888;
@@ -55,12 +49,12 @@ div.footer {
     width: 650px;
     margin: 0 auto 40px auto;
 }
- 
+
 div.footer a {
     color: #888;
     text-decoration: underline;
 }
- 
+
 div.related {
     line-height: 32px;
     color: #888;
@@ -69,36 +63,32 @@ div.related {
 div.related ul {
     padding: 0 0 0 10px;
 }
- 
+
 div.related a {
     color: #444;
 }
- 
+
 /* -- body styles ----------------------------------------------------------- */
- 
+
 a {
     color: #004B6B;
     text-decoration: underline;
 }
- 
+
 a:hover {
     color: #6D4100;
     text-decoration: underline;
 }
 
-div.body {
-    padding-bottom: 40px; /* saved for footer */
-}
- 
 div.body h1,
 div.body h2,
 div.body h3,
 div.body h4,
 div.body h5,
 div.body h6 {
-    font-family: 'Garamond', 'Georgia', serif;
+    font-family: 'Open Sans', sans-serif;
     font-weight: normal;
-    margin: 30px 0px 10px 0px;
+    margin: 30px 0px 20px 0px;
     padding: 0;
 }
 
@@ -109,24 +99,24 @@ div.indexwrapper h1 {
     height: {{ theme_index_logo_height }};
 }
 {% endif %}
- 
+
 div.body h2 { font-size: 180%; }
 div.body h3 { font-size: 150%; }
 div.body h4 { font-size: 130%; }
 div.body h5 { font-size: 100%; }
 div.body h6 { font-size: 100%; }
- 
+
 a.headerlink {
     color: white;
     padding: 0 4px;
     text-decoration: none;
 }
- 
+
 a.headerlink:hover {
     color: #444;
     background: #eaeaea;
 }
- 
+
 div.body p, div.body dd, div.body li {
     line-height: 1.4em;
 }
@@ -140,7 +130,7 @@ div.admonition {
 }
 
 div.admonition p.admonition-title {
-    font-family: 'Garamond', 'Georgia', serif;
+    font-family: 'Open Sans', sans-serif;
     font-weight: normal;
     font-size: 24px;
     margin: 0 0 10px 0;
@@ -164,25 +154,25 @@ div.note {
     background-color: #eee;
     border: 1px solid #ccc;
 }
- 
+
 div.seealso {
     background-color: #ffc;
     border: 1px solid #ff6;
 }
- 
+
 div.topic {
     background-color: #eee;
 }
- 
+
 div.warning {
     background-color: #ffe4e4;
     border: 1px solid #f66;
 }
- 
+
 p.admonition-title {
     display: inline;
 }
- 
+
 p.admonition-title:after {
     content: ":";
 }
@@ -254,7 +244,7 @@ dl {
 dl dd {
     margin-left: 30px;
 }
- 
+
 pre {
     padding: 0;
     margin: 15px -30px;

docs/conf.py

@@ -173,7 +173,7 @@ html_static_path = ['_static']
 htmlhelp_basename = 'Sigaldoc'
 
 html_theme_options = {
-    'index_logo': 'logo.png',
+    'index_logo': '',
     'github_fork': 'saimn/sigal',
 }