layout.html

{%- extends "basic/layout.html" %}
{% block relbar1 %}{% endblock %}
{% block relbar2 %}{% endblock %}
{% block footer %}{% endblock %}
{% block content %}
    <div id="content">
      <div class="header">
        <h1 class="heading"><span>{{ docstitle|striptags|e }}</span></h1>
      </div>
      <div class="relnav" role="navigation">
        {%- if prev %}
        <a href="{{ prev.link|e }}">&laquo; {{ prev.title }}</a> |
        {%- endif %}
        <a href="{{ pathto('index') }}">Contents</a>
        {%- if next %}
        | <a href="{{ next.link|e }}">{{ next.title }} &raquo;</a>
        {%- endif %}
      </div>
      <div id="contentwrapper">
        {%- if prev %}
        {%- if "<h2>" in body %}
        <div id="toc" role="navigation">
          <h3>Chapters</h3>
          {{ toc }}
        </div>
        {%- endif %}
        {%- endif %}
        {% block body %}{% endblock %}
      </div>
    </div>
{% endblock%}

static--minimal.css

@page { margin: 2cm; }

body {
    font-family: 'Georgia', serif;
    font-size: 13pt;
}

div.header {
    text-align: center;
}

div.relnav {
    border-bottom: 1px solid #111;
    padding-bottom: 0.5em;
    color: #aaa;
    text-align: center;
}

div.relnav a {
    color: #222;
    font-weight: bold;
    text-decoration: none;
}

a.headerlink {
    color: #b4b4b4 !important;
    font-size: 0.8em;
    padding: 0 4px;
    text-decoration: none !important;
    visibility: hidden;
}

h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink,
caption:hover > a.headerlink,
p:hover > a.headerlink {
    visibility: visible;
}

a.headerlink:hover {
    background-color: #b4b4b4;
    color: #f0f0f0 !important;
}

#contentwrapper {
    max-width: 7.3in;
    margin: 0 auto 2em auto;
}

#contentwrapper p {
    color: #222;
    text-indent: 1.5em;
    text-align: justify;
    line-height: 1.5em;
    margin: 0;
}

#contentwrapper h2 {
    margin: 0.25in 0;
}

#contentwrapper hr {
    font-size: 150%;
    text-align: center;
    border: none;
    margin: 0.25in 0;
}

#contentwrapper hr:after { content: "* * *"; }

#contentwrapper pre {
    margin: 1em 2em;
    padding: 1em;
    background: #dde;
    width: 40em;
}

#contentwrapper tt { font-size: 120%; }
#contentwrapper tt:before { content: "‘"; }
#contentwrapper tt:after  { content: "’"; }

#toc {
    float: right;
    background: #dde;
    margin: 0 0 1em 1em;
    padding: 1em;
}

#toc h3 { margin-top: 0; }

#toc ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
}

#toc a {
    color: #111;
    text-decoration: none;
}

theme.conf

[theme]
inherit = basic
stylesheet = minimal.css
pygments_style = tango

[options]