| /* |
| * flasky.css_t |
| * ~~~~~~~~~~~~ |
| * |
| * :copyright: Copyright 2010 by Armin Ronacher. |
| * :license: Flask Design License, see LICENSE for details. |
| */ |
| |
| {% set page_width = '1020px' %} |
| {% set sidebar_width = '220px' %} |
| /* orange of logo is #d67c29 but we use black for links for now */ |
| {% set link_color = '#000' %} |
| {% set link_hover_color = '#000' %} |
| {% set base_font = 'sans-serif' %} |
| {% set header_font = 'serif' %} |
| |
| @import url("basic.css"); |
| |
| /* -- page layout ----------------------------------------------------------- */ |
| |
| body { |
| font-family: {{ base_font }}; |
| font-size: 17px; |
| background-color: white; |
| color: #000; |
| margin: 0; |
| padding: 0; |
| } |
| |
| div.document { |
| width: {{ page_width }}; |
| margin: 30px auto 0 auto; |
| } |
| |
| div.documentwrapper { |
| float: left; |
| width: 100%; |
| } |
| |
| div.bodywrapper { |
| margin: 0 0 0 {{ sidebar_width }}; |
| } |
| |
| div.sphinxsidebar { |
| width: {{ sidebar_width }}; |
| } |
| |
| hr { |
| border: 0; |
| border-top: 1px solid #B1B4B6; |
| } |
| |
| div.body { |
| background-color: #ffffff; |
| color: #3E4349; |
| padding: 0 30px 0 30px; |
| } |
| |
| img.floatingflask { |
| padding: 0 0 10px 10px; |
| float: right; |
| } |
| |
| div.footer { |
| width: {{ page_width }}; |
| margin: 20px auto 30px auto; |
| font-size: 14px; |
| color: #888; |
| text-align: right; |
| } |
| |
| div.footer a { |
| color: #888; |
| } |
| |
| div.related { |
| display: none; |
| } |
| |
| div.sphinxsidebar a { |
| color: #444; |
| text-decoration: none; |
| border-bottom: 1px dotted #999; |
| } |
| |
| div.sphinxsidebar a:hover { |
| border-bottom: 1px solid #999; |
| } |
| |
| div.sphinxsidebar { |
| font-size: 14px; |
| line-height: 1.5; |
| } |
| |
| div.sphinxsidebarwrapper { |
| padding: 18px 10px; |
| } |
| |
| div.sphinxsidebarwrapper p.logo { |
| padding: 0 0 20px 0; |
| margin: 0; |
| text-align: center; |
| } |
| |
| div.sphinxsidebar h3, |
| div.sphinxsidebar h4 { |
| font-family: {{ header_font }}; |
| color: #444; |
| font-size: 24px; |
| font-weight: normal; |
| margin: 0 0 5px 0; |
| padding: 0; |
| } |
| |
| div.sphinxsidebar h4 { |
| font-size: 20px; |
| } |
| |
| div.sphinxsidebar h3 a { |
| color: #444; |
| } |
| |
| div.sphinxsidebar p.logo a, |
| div.sphinxsidebar h3 a, |
| div.sphinxsidebar p.logo a:hover, |
| div.sphinxsidebar h3 a:hover { |
| border: none; |
| } |
| |
| div.sphinxsidebar p { |
| color: #555; |
| margin: 10px 0; |
| } |
| |
| div.sphinxsidebar ul { |
| margin: 10px 0; |
| padding: 0; |
| color: #000; |
| } |
| |
| div.sphinxsidebar input { |
| border: 1px solid #ccc; |
| font-family: {{ base_font }}; |
| font-size: 1em; |
| } |
| |
| /* -- body styles ----------------------------------------------------------- */ |
| |
| a { |
| color: {{ link_color }}; |
| text-decoration: underline; |
| } |
| |
| a:hover { |
| color: {{ link_hover_color }}; |
| text-decoration: underline; |
| } |
| |
| a.reference.internal em { |
| font-style: normal; |
| } |
| |
| div.body h1, |
| div.body h2, |
| div.body h3, |
| div.body h4, |
| div.body h5, |
| div.body h6 { |
| font-family: {{ header_font }}; |
| font-weight: normal; |
| margin: 30px 0px 10px 0px; |
| padding: 0; |
| } |
| |
| {% if theme_index_logo %} |
| div.indexwrapper h1 { |
| text-indent: -999999px; |
| background: url({{ theme_index_logo }}) no-repeat center center; |
| height: {{ theme_index_logo_height }}; |
| } |
| {% else %} |
| div.indexwrapper div.body h1 { |
| font-size: 200%; |
| } |
| {% endif %} |
| div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; } |
| 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: #ddd; |
| 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; |
| } |
| |
| div.admonition { |
| background: #fafafa; |
| margin: 20px -30px; |
| padding: 10px 30px; |
| border-top: 1px solid #ccc; |
| border-bottom: 1px solid #ccc; |
| } |
| |
| div.admonition tt.xref, div.admonition a tt { |
| border-bottom: 1px solid #fafafa; |
| } |
| |
| dd div.admonition { |
| margin-left: -60px; |
| padding-left: 60px; |
| } |
| |
| div.admonition p.admonition-title { |
| font-family: {{ header_font }}; |
| font-weight: normal; |
| font-size: 24px; |
| margin: 0 0 10px 0; |
| padding: 0; |
| line-height: 1; |
| } |
| |
| div.admonition p.last { |
| margin-bottom: 0; |
| } |
| |
| div.highlight { |
| background-color: white; |
| } |
| |
| dt:target, .highlight { |
| background: #FAF3E8; |
| } |
| |
| div.note { |
| background-color: #eee; |
| border: 1px solid #ccc; |
| } |
| |
| div.seealso { |
| background-color: #ffc; |
| border: 1px solid #ff6; |
| } |
| |
| div.topic { |
| background-color: #eee; |
| } |
| |
| p.admonition-title { |
| display: inline; |
| } |
| |
| p.admonition-title:after { |
| content: ":"; |
| } |
| |
| pre, tt, code { |
| font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace; |
| font-size: 0.9em; |
| background: #eee; |
| } |
| |
| img.screenshot { |
| } |
| |
| tt.descname, tt.descclassname { |
| font-size: 0.95em; |
| } |
| |
| tt.descname { |
| padding-right: 0.08em; |
| } |
| |
| img.screenshot { |
| -moz-box-shadow: 2px 2px 4px #eee; |
| -webkit-box-shadow: 2px 2px 4px #eee; |
| box-shadow: 2px 2px 4px #eee; |
| } |
| |
| table.docutils { |
| border: 1px solid #888; |
| -moz-box-shadow: 2px 2px 4px #eee; |
| -webkit-box-shadow: 2px 2px 4px #eee; |
| box-shadow: 2px 2px 4px #eee; |
| } |
| |
| table.docutils td, table.docutils th { |
| border: 1px solid #888; |
| padding: 0.25em 0.7em; |
| } |
| |
| table.field-list, table.footnote { |
| border: none; |
| -moz-box-shadow: none; |
| -webkit-box-shadow: none; |
| box-shadow: none; |
| } |
| |
| table.footnote { |
| margin: 15px 0; |
| width: 100%; |
| border: 1px solid #eee; |
| background: #fdfdfd; |
| font-size: 0.9em; |
| } |
| |
| table.footnote + table.footnote { |
| margin-top: -15px; |
| border-top: none; |
| } |
| |
| table.field-list th { |
| padding: 0 0.8em 0 0; |
| } |
| |
| table.field-list td { |
| padding: 0; |
| } |
| |
| table.footnote td.label { |
| width: 0px; |
| padding: 0.3em 0 0.3em 0.5em; |
| } |
| |
| table.footnote td { |
| padding: 0.3em 0.5em; |
| } |
| |
| dl { |
| margin: 0; |
| padding: 0; |
| } |
| |
| dl dd { |
| margin-left: 30px; |
| } |
| |
| blockquote { |
| margin: 0 0 0 30px; |
| padding: 0; |
| } |
| |
| ul, ol { |
| margin: 10px 0 10px 30px; |
| padding: 0; |
| } |
| |
| pre { |
| background: #eee; |
| padding: 7px 30px; |
| margin: 15px -30px; |
| line-height: 1.3em; |
| } |
| |
| dl pre, blockquote pre, li pre { |
| margin-left: -60px; |
| padding-left: 60px; |
| } |
| |
| dl dl pre { |
| margin-left: -90px; |
| padding-left: 90px; |
| } |
| |
| tt { |
| background-color: #ecf0f3; |
| color: #222; |
| /* padding: 1px 2px; */ |
| } |
| |
| tt.xref, a tt { |
| background-color: #FBFBFB; |
| border-bottom: 1px solid white; |
| } |
| |
| a.reference { |
| text-decoration: none; |
| border-bottom: 1px dotted {{ link_color }}; |
| } |
| |
| a.reference:hover { |
| border-bottom: 1px solid {{ link_hover_color }}; |
| } |
| |
| a.footnote-reference { |
| text-decoration: none; |
| font-size: 0.7em; |
| vertical-align: top; |
| border-bottom: 1px dotted {{ link_color }}; |
| } |
| |
| a.footnote-reference:hover { |
| border-bottom: 1px solid {{ link_hover_color }}; |
| } |
| |
| a:hover tt { |
| background: #EEE; |
| } |
| |
| |
| @media screen and (max-width: 870px) { |
| |
| div.sphinxsidebar { |
| display: none; |
| } |
| |
| div.document { |
| width: 100%; |
| |
| } |
| |
| div.documentwrapper { |
| margin-left: 0; |
| margin-top: 0; |
| margin-right: 0; |
| margin-bottom: 0; |
| } |
| |
| div.bodywrapper { |
| margin-top: 0; |
| margin-right: 0; |
| margin-bottom: 0; |
| margin-left: 0; |
| } |
| |
| ul { |
| margin-left: 0; |
| } |
| |
| .document { |
| width: auto; |
| } |
| |
| .footer { |
| width: auto; |
| } |
| |
| .bodywrapper { |
| margin: 0; |
| } |
| |
| .footer { |
| width: auto; |
| } |
| |
| .github { |
| display: none; |
| } |
| |
| |
| |
| } |
| |
| |
| |
| @media screen and (max-width: 875px) { |
| |
| body { |
| margin: 0; |
| padding: 20px 30px; |
| } |
| |
| div.documentwrapper { |
| float: none; |
| background: white; |
| } |
| |
| div.sphinxsidebar { |
| display: block; |
| float: none; |
| width: 102.5%; |
| margin: 50px -30px -20px -30px; |
| padding: 10px 20px; |
| background: #333; |
| color: white; |
| } |
| |
| div.sphinxsidebar h3, div.sphinxsidebar h4, div.sphinxsidebar p, |
| div.sphinxsidebar h3 a, div.sphinxsidebar ul { |
| color: white; |
| } |
| |
| div.sphinxsidebar a { |
| color: #aaa; |
| } |
| |
| div.sphinxsidebar p.logo { |
| display: none; |
| } |
| |
| div.document { |
| width: 100%; |
| margin: 0; |
| } |
| |
| div.related { |
| display: block; |
| margin: 0; |
| padding: 10px 0 20px 0; |
| } |
| |
| div.related ul, |
| div.related ul li { |
| margin: 0; |
| padding: 0; |
| } |
| |
| div.footer { |
| display: none; |
| } |
| |
| div.bodywrapper { |
| margin: 0; |
| } |
| |
| div.body { |
| min-height: 0; |
| padding: 0; |
| } |
| |
| .rtd_doc_footer { |
| display: none; |
| } |
| |
| .document { |
| width: auto; |
| } |
| |
| .footer { |
| width: auto; |
| } |
| |
| .footer { |
| width: auto; |
| } |
| |
| .github { |
| display: none; |
| } |
| } |
| |
| /* misc. */ |
| |
| .revsys-inline { |
| display: none!important; |
| } |