5 * Sphinx stylesheet -- sphinxdoc theme. Originally created by
6 * Armin Ronacher for Werkzeug.
8 * Customized for ReadTheDocs by Eric Pierce & Eric Holscher
10 * :copyright: Copyright 2007-2010 by the Sphinx team, see AUTHORS.
11 * :license: BSD, see LICENSE for details.
17 * medium blue: #8ca1af
21 * white hover: #d1d9df;
22 * medium blue hover: #697983;
23 * green highlight: #8ecc4c
24 * light blue (project bar): #e8ecef
27 @import url("basic.css");
29 /* PAGE LAYOUT -------------------------------------------------------------- */
32 font: 100%/1.5 "ff-meta-web-pro-1","ff-meta-web-pro-2",Arial,"Helvetica Neue",sans-serif;
35 background-color: #465158;
42 background-color: #e8ecef;
46 background-color: #ffffff;
47 border-left: 1px solid #ccc;
48 border-bottom: 1px solid #ccc;
60 background-color: #465158;
66 background-color: #e8ecef;
70 /* HEADINGS --------------------------------------------------------------- */
74 padding: 0.7em 0 0.3em 0;
82 margin: 2em 0 0.2em 0;
89 margin: 1em 0 -0.3em 0;
94 div.body h1 a, div.body h2 a, div.body h3 a, div.body h4 a, div.body h5 a, div.body h6 a {
98 h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
101 padding: 0 0.2em 0 0.2em;
102 color: #aaa !important;
105 h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor,
106 h5:hover a.anchor, h6:hover a.anchor {
110 h1 a.anchor:hover, h2 a.anchor:hover, h3 a.anchor:hover, h4 a.anchor:hover,
111 h5 a.anchor:hover, h6 a.anchor:hover {
113 background-color: #eee;
117 /* LINKS ------------------------------------------------------------------ */
119 /* Normal links get a pseudo-underline */
122 text-decoration: none;
123 border-bottom: 1px solid #ccc;
126 /* Links in sidebar, TOC, index trees and tables have no underline */
130 #indices-and-tables a {
132 text-decoration: none;
136 /* Most links get an underline-effect when hovered */
138 div.toctree-wrapper a:hover,
140 #indices-and-tables a:hover {
142 text-decoration: none;
143 border-bottom: 1px solid #111;
149 text-decoration: none;
154 text-decoration: underline;
158 /* Permalink anchor (subtle grey with a red hover) */
159 div.body a.headerlink {
163 padding: 0 4px 0 4px;
164 text-decoration: none;
167 div.body a.headerlink:hover {
173 /* NAVIGATION BAR --------------------------------------------------------- */
184 color: white; /* For the >> separators */
188 div.related ul li.right {
191 color: transparent; /* Hide the | separators */
194 /* "Breadcrumb" links in nav bar */
195 div.related ul li a {
197 background-color: inherit;
199 margin: 6px 0 6px 4px;
202 padding: 0.4em 0.8em;
206 /* previous / next / modules / index links look more like buttons */
207 div.related ul li.right a {
209 background-color: #697983;
210 text-shadow: 0 1px rgba(0, 0, 0, 0.5);
212 -webkit-border-radius: 3px;
213 -moz-border-radius: 3px;
215 /* All navbar links light up as buttons when hovered */
216 div.related ul li a:hover {
217 background-color: #8ca1af;
219 text-decoration: none;
221 -webkit-border-radius: 3px;
222 -moz-border-radius: 3px;
224 /* Take extra precautions for tt within links */
226 div.related ul li a tt {
227 background: inherit !important;
228 color: inherit !important;
232 /* SIDEBAR ---------------------------------------------------------------- */
234 div.sphinxsidebarwrapper {
248 background-color: #e8ecef;
251 div.sphinxsidebar img {
255 div.sphinxsidebar h3,
256 div.sphinxsidebar h4,
257 div.sphinxsidebar p.logo {
258 margin: 1.2em 0 0.3em 0;
262 font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Arial", "Helvetica Neue", sans-serif;
265 div.sphinxsidebar h3 a {
269 div.sphinxsidebar ul,
270 div.sphinxsidebar p {
274 background-color: #e8ecef;
277 /* No bullets for nested lists, but a little extra indentation */
278 div.sphinxsidebar ul ul {
279 list-style-type: none;
284 /* A little top/bottom padding to prevent adjacent links' borders
285 * from overlapping each other */
286 div.sphinxsidebar ul li {
290 /* A little left-padding to make these align with the ULs */
291 div.sphinxsidebar p.topless {
292 padding-left: 0 0 0 1em;
295 /* Make these into hidden one-liners */
296 div.sphinxsidebar ul li,
297 div.sphinxsidebar p.topless {
301 /* ...which become visible when hovered */
302 div.sphinxsidebar ul li:hover,
303 div.sphinxsidebar p.topless:hover {
307 /* Search text box and "Go" button */
314 -moz-border-radius: 6px;
315 -webkit-border-radius: 6px;
321 /* Make search box and button abut and have a border */
323 div.sphinxsidebar input {
324 border: 1px solid #999;
334 border-top-left-radius: 3px;
335 border-bottom-left-radius: 3px;
336 -moz-border-radius-topleft: 3px;
337 -moz-border-radius-bottomleft: 3px;
338 -webkit-border-top-left-radius: 3px;
339 -webkit-border-bottom-left-radius: 3px;
342 input[type="submit"] {
343 margin: 0 0 0 -1px; /* -1px prevents a double-border with textbox */
346 background-color: #e8ecef;
349 border-top-right-radius: 3px;
350 border-bottom-right-radius: 3px;
351 -moz-border-radius-topright: 3px;
352 -moz-border-radius-bottomright: 3px;
353 -webkit-border-top-right-radius: 3px;
354 -webkit-border-bottom-right-radius: 3px;
356 input[type="submit"]:hover {
358 background-color: #8ecc4c;
361 div.sphinxsidebar p.searchtip {
363 padding: 0.5em 0 0 0;
369 /* Sidebar links are unusual */
370 div.sphinxsidebar li a,
371 div.sphinxsidebar p a {
372 background: #e8ecef; /* In case links overlap main content */
374 -moz-border-radius: 3px;
375 -webkit-border-radius: 3px;
376 border: 1px solid transparent; /* To prevent things jumping around on hover */
377 padding: 0 5px 0 5px;
379 div.sphinxsidebar li a:hover,
380 div.sphinxsidebar p a:hover {
382 text-decoration: none;
383 border: 1px solid #888;
385 div.sphinxsidebar p.logo a {
389 /* Tweak any link appearing in a heading */
390 div.sphinxsidebar h3 a {
396 /* OTHER STUFF ------------------------------------------------------------ */
399 font-family: 'Consolas', 'Deja Vu Sans Mono',
400 'Bitstream Vera Sans Mono', monospace;
402 letter-spacing: 0.01em;
406 background-color: #f2f2f2;
410 tt.descname, tt.descclassname, tt.xref {
415 border: 1px solid #abc;
420 pre, #_fontwidthtest {
421 font-family: 'Consolas', 'Deja Vu Sans Mono',
422 'Bitstream Vera Sans Mono', monospace;
425 letter-spacing: 0.015em;
428 border: 1px solid #ccc;
429 background-color: #eee;
431 -moz-border-radius: 6px;
432 -webkit-border-radius: 6px;
437 text-decoration: underline;
449 background-color: #f8f8f8;
453 border: 1px solid #ccc;
457 background-color: #f8f8f8;
461 border-collapse: collapse;
462 margin: 0 -0.5em 0 -0.5em;
466 padding: 0.2em 0.5em 0.2em 0.5em;
470 /* ADMONITIONS AND WARNINGS ------------------------------------------------- */
472 /* Shared by admonitions, warnings and sidebars */
481 -moz-border-radius: 6px;
482 -webkit-border-radius: 6px;
488 margin: 0.5em 1em 0.5em 1em;
494 margin: 0.4em 1em 0.4em 1em;
496 div.admonition p.admonition-title,
497 div.warning p.admonition-title,
498 div.sidebar p.sidebar-title {
500 padding: 0.1em 0 0.1em 0.5em;
504 text-shadow: 0 1px rgba(0, 0, 0, 0.5);
506 div.admonition ul, div.admonition ol,
507 div.warning ul, div.warning ol,
508 div.sidebar ul, div.sidebar ol {
509 margin: 0.1em 0.5em 0.5em 3em;
514 /* Admonitions and sidebars only */
515 div.admonition, div.sidebar {
516 border: 1px solid #609060;
517 background-color: #e9ffe9;
519 div.admonition p.admonition-title,
520 div.sidebar p.sidebar-title {
521 background-color: #70A070;
522 border-bottom: 1px solid #609060;
528 border: 1px solid #900000;
529 background-color: #ffe9e9;
531 div.warning p.admonition-title {
532 background-color: #b04040;
533 border-bottom: 1px solid #900000;
546 border: 1px solid #ccc;
547 background-color: #DDEAF0;
554 font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva',
555 'Verdana', sans-serif;
558 div.viewcode-block:target {
559 background-color: #f4debf;
560 border-top: 1px solid #ac9;
561 border-bottom: 1px solid #ac9;
565 margin: 1em 0 2.5em 0;
568 /* Highlight target when you click an internal link */
572 /* Don't highlight whole divs */
574 background: transparent;
576 /* But do highlight spans (so search results can be highlighted) */
582 background-color: #465158;
584 padding: 0 2em 2em 2em;
591 margin: 0.8em 0 0.5em 0;
594 .section p img.math {
604 /* MOBILE LAYOUT -------------------------------------------------------------- */
606 @media screen and (max-width: 600px) {
613 padding-left: 1.25em;
616 div.bodywrapper a.headerlink, #indices-and-tables h1 a {
626 div.bodywrapper h1 a.headerlink, #indices-and-tables h1 a {
633 word-wrap: break-word;
634 white-space: pre-wrap;
649 div.related ul li:last-child {
650 border-bottom: 1px dotted #8ca1af;
651 padding-bottom: 0.4em;
656 div.related ul li a {
661 div.related ul li a:hover {
666 div.related ul li.right {
669 margin-bottom: 0.5em;
672 div.related ul li.right a {
674 padding-right: 0.8em;
677 div.related ul li.right a:hover {
678 background-color: #8ca1af;
684 word-wrap: break-word;
697 div.sphinxsidebar input[type="text"] {
703 div.sphinxsidebar input[type="submit"] {
709 div.sphinxsidebar p.searchtip {
714 div.sphinxsidebar ul li, div.sphinxsidebar p.topless {
725 div.documentwrapper {
729 div.admonition, div.warning, pre, blockquote {
739 background: transparent;
742 .related:not(:first-child) li {
746 .related:not(:first-child) li.right {
754 .rtd_doc_footer .badge {
760 .rtd_doc_footer .badge.revsys-inline {
777 width: auto !important;
788 ul.search li div.context {