andre@934: @import url("better_basic.css");
andre@934: 
andre@934: {% set theme_headtextcolor = theme_headtextcolor or theme_textcolor %}
andre@934: {% set theme_footertextcolor = theme_footertextcolor or theme_textcolor %}
andre@934: 
andre@934: /* main styles */
andre@934: 
andre@934: body {
andre@934:     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
andre@934:     font-size: 100%;
andre@934:     color: {{ theme_textcolor }};
andre@934:     margin: 0;
andre@934:     padding: 0;
andre@934:     line-height: 135%;
andre@934: }
andre@934: 
andre@934: a {
andre@934:     color: #008;
andre@934:     text-decoration: none;
andre@934: }
andre@934: 
andre@934: a:visited {
andre@934:     color: #208;
andre@934:     text-decoration: none;
andre@934: }
andre@934: 
andre@934: a:hover {
andre@934:     text-decoration: underline;
andre@934: }
andre@934: 
andre@934: a.toc-backref {
andre@934:     color: {{ theme_headtextcolor }};
andre@934: }
andre@934: 
andre@934: p {
andre@934:     margin: 1rem 0;
andre@934: }
andre@934: 
andre@934: h1, h2, h3, h4, h5, h6 {
andre@934:     margin-top: 1em;
andre@934:     margin-bottom: 0.5em;
andre@934:     color: {{ theme_headtextcolor }};
andre@934:     line-height: 135%;
andre@934: }
andre@934: 
andre@934: .body .section:first-child > :first-child,
andre@934: .sphinxsidebarwrapper > :first-child,
andre@934: .sphinxsidebar .search:first-child
andre@934: {
andre@934:     margin-top: 1rem;
andre@934: }
andre@934: 
andre@934: h1 { font-size: 1.5rem; font-weight: bold; }
andre@934: h2 { font-size: 1.5rem; font-weight: normal; }
andre@934: h3 { font-size: 1.25rem; font-weight: bold; }
andre@934: h4 { font-size: 1.25rem; font-weight: normal; }
andre@934: h5 { font-size: 1rem; font-weight: bold; }
andre@934: h6 { font-size: 1rem; font-weight: normal; }
andre@934: 
andre@934: /* page-level layout of containers */
andre@934: 
andre@934: header#pageheader, footer#pagefooter, .related, .document {
andre@934:     width: 100%;
andre@934:     max-width: 60rem;
andre@934:     margin: auto;
andre@934: }
andre@934: 
andre@934: .documentwrapper {
andre@934:     float: left;
andre@934:     width: 100%;
andre@934: }
andre@934: 
andre@934: .bodywrapper {
andre@934:     {% if theme_rightsidebar|tobool -%}
andre@934:     margin: 0 {{ theme_sidebarwidth }} 0 0;
andre@934:     {%- else -%}
andre@934:     margin: 0 0 0 {{ theme_sidebarwidth }};
andre@934:     {%- endif %}
andre@934: }
andre@934: 
andre@934: footer#pagefooter, footer#pagefooter a {
andre@934:     color: {{ theme_footertextcolor }};
andre@934: }
andre@934: 
andre@934: 
andre@934: footer#pagefooter {
andre@934:     padding-top: 2rem;
andre@934:     padding-bottom: 2rem;
andre@934:     text-align: center;
andre@934: }
andre@934: 
andre@934: footer#pagefooter a {
andre@934:     text-decoration: underline;
andre@934: }
andre@934: 
andre@934: /* header styles */
andre@934: 
andre@934: body > header h1 a, body > header h1 a:visited {
andre@934:     color: {{ theme_headtextcolor }};
andre@934: }
andre@934: 
andre@934: a.headerlink {
andre@934:     font-size: 0.8em;
andre@934:     padding: 0 4px 0 4px;
andre@934:     text-decoration: none;
andre@934: }
andre@934: 
andre@934: /* code styles */
andre@934: 
andre@934: pre, tt {
andre@934:     background-color: #eee;
andre@934:     color: #333;
andre@934: }
andre@934: 
andre@934: pre {
andre@934:     font-family: Monaco, Consolas, "Lucida Console", monospace;
andre@934:     margin: 1rem -5px;
andre@934:     padding: 5px;
andre@934:     border-left: none;
andre@934:     border-right: none;
andre@934:     font-size: 0.8rem;
andre@934:     line-height: 1rem;
andre@934: }
andre@934: 
andre@934: tt {
andre@934:     padding: 0 1px 0 1px;
andre@934:     font-family: Consolas, Monaco, monospace;
andre@934: }
andre@934: 
andre@934: /* API doc styles */
andre@934: 
andre@934: dl.function,
andre@934: dl.class,
andre@934: dl.method,
andre@934: dl.attribute,
andre@934: dl.data,
andre@934: dl.classmethod {
andre@934:     margin-bottom: 2rem;
andre@934: }
andre@934: 
andre@934: /* relbar */
andre@934: 
andre@934: .related {
andre@934:     line-height: 30px;
andre@934:     width: 100%;
andre@934:     font-size: 0.9rem;
andre@934: }
andre@934: 
andre@934: .related.top {
andre@934:     border-bottom: 1px solid #aaa;
andre@934: }
andre@934: 
andre@934: .related.bottom {
andre@934:     border-top: 1px solid #aaa;
andre@934: }
andre@934: 
andre@934: .related ul {
andre@934:     padding: 0;
andre@934:     margin: 0;
andre@934:     list-style: none;
andre@934: }
andre@934: 
andre@934: .related li {
andre@934:     display: inline;
andre@934: }
andre@934: 
andre@934: nav#rellinks {
andre@934:     float: right;
andre@934: }
andre@934: 
andre@934: nav#rellinks li+li:before {
andre@934:     content: "|";
andre@934: }
andre@934: 
andre@934: nav#breadcrumbs li+li:before {
andre@934:     content: "\00BB";
andre@934: }
andre@934: 
andre@934: /* sidebar */
andre@934: 
andre@934: .sphinxsidebarwrapper {
andre@934:     padding: 0 1rem 0 0;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar {
andre@934:     width: {{ theme_sidebarwidth }};
andre@934:     margin-left: -100%;
andre@934:     font-size: 0.9rem;
andre@934:     {%- if theme_rightsidebar|tobool %}
andre@934:     float: right;
andre@934:     {%- else %}
andre@934:     float: left;
andre@934:     {%- endif %}
andre@934: }
andre@934: 
andre@934: .sphinxsidebar h3 a {
andre@934:     color: {{ theme_headtextcolor }};
andre@934: }
andre@934: 
andre@934: .sphinxsidebar p.topless {
andre@934:     margin: 5px 10px 10px 10px;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar ul {
andre@934:     margin: 0;
andre@934:     padding: 0;
andre@934:     margin-bottom: 1rem;
andre@934:     list-style: none;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar ul ul,
andre@934: .sphinxsidebar ul.want-points {
andre@934:     margin-left: 20px;
andre@934:     list-style: square;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar ul ul {
andre@934:     margin-top: 0;
andre@934:     margin-bottom: 0;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar input {
andre@934:     box-sizing: border-box;
andre@934:     -moz-box-sizing: border-box;
andre@934:     -webkit-box-sizing: border-box;
andre@934:     height: 1.5rem;
andre@934:     font-size: 0.9rem;
andre@934:     margin: 0;
andre@934: 
andre@934:     background-color: white;
andre@934:     border: 1px solid #ccc;
andre@934:     color: #555;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar .search {
andre@934:     margin-top: 2rem;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar .search input[type=text] {
andre@934:     {#- width: calc({{ theme_sidebarwidth }} - 5rem); #}
andre@934:     {#- width: -webkit-calc({{ theme_sidebarwidth }} - 5rem); #}
andre@934:     width: 90%;
andre@934:     display: inline-block;
andre@934: }
andre@934: 
andre@934: .sphinxsidebar .search input[type=submit] {
andre@934:     width: 4rem;
andre@934:     display: inline-block;
andre@934: }
andre@934: 
andre@934: /* paragraph-level markup */
andre@934: 
andre@934: .admonition p.admonition-title + p {
andre@934:     display: inline;
andre@934: }
andre@934: 
andre@934: .admonition p {
andre@934:     margin-bottom: 5px;
andre@934: }
andre@934: 
andre@934: .admonition pre {
andre@934:     margin-bottom: 5px;
andre@934: }
andre@934: 
andre@934: .admonition ul, .admonition ol {
andre@934:     margin-bottom: 5px;
andre@934: }
andre@934: 
andre@934: p.admonition-title {
andre@934:     display: inline;
andre@934:     margin-right: 0;
andre@934: }
andre@934: 
andre@934: p.admonition-title:after {
andre@934:     content: ":";
andre@934: }
andre@934: 
andre@934: .note {
andre@934:     background-color: #eee;
andre@934:     border: 1px solid #ccc;
andre@934: }
andre@934: 
andre@934: .seealso {
andre@934:     background-color: #ffc;
andre@934:     border: 1px solid #ff6;
andre@934: }
andre@934: 
andre@934: .topic {
andre@934:     background-color: #eee;
andre@934: }
andre@934: 
andre@934: .warning {
andre@934:     background-color: #ffe4e4;
andre@934:     border: 1px solid #f66;
andre@934: }
andre@934: 
andre@934: .warning tt {
andre@934:     background: #efc2c2;
andre@934: }
andre@934: 
andre@934: .note tt {
andre@934:     background: #d6d6d6;
andre@934: }
andre@934: 
andre@934: .viewcode-block:target {
andre@934:     background-color: #f4debf;
andre@934:     border-top: 1px solid #ac9;
andre@934:     border-bottom: 1px solid #ac9;
andre@934: }
andre@934: 
andre@934: /* responsive styles */
andre@934: 
andre@934: @media (max-width: 820px) {
andre@934:     /* kill the sidebar */
andre@934:     .bodywrapper { margin: 0; }
andre@934:     .sphinxsidebar {
andre@934:         display: none;
andre@934:     }
andre@934:     header#pageheader, footer#pagefooter, .related, .document {
andre@934:         margin: 0 1rem;
andre@934:         width: calc(100% - 2rem);
andre@934:         width: -webkit-calc(100% - 2rem);
andre@934:     }
andre@934: }