1/*
2 * rtd.css
3 * ~~~~~~~~~~~~~~~
4 *
5 * Sphinx stylesheet -- sphinxdoc theme.  Originally created by
6 * Armin Ronacher for Werkzeug.
7 *
8 * Customized for ReadTheDocs by Eric Pierce & Eric Holscher
9 *
10 * :copyright: Copyright 2007-2010 by the Sphinx team, see AUTHORS.
11 * :license: BSD, see LICENSE for details.
12 *
13 */
14
15/* RTD colors
16 * light blue: {{ theme_light_color }}
17 * medium blue: {{ theme_medium_color }}
18 * dark blue: {{ theme_dark_color }}
19 * dark grey: {{ theme_grey_color }}
20 *
21 * medium blue hover: {{ theme_medium_color_hover }};
22 * green highlight: {{ theme_green_highlight }}
23 * light blue (project bar): {{ theme_light_color }}
24 */
25
26@import url("basic.css");
27
28/* PAGE LAYOUT -------------------------------------------------------------- */
29
30body {
31    font: 100%/1.5 "ff-meta-web-pro-1","ff-meta-web-pro-2",Arial,"Helvetica Neue",sans-serif;
32    text-align: center;
33    color: black;
34    background-color: {{ theme_background }};
35    padding: 0;
36    margin: 0;
37}
38
39div.document {
40    text-align: left;
41    background-color: {{ theme_light_color }};
42}
43
44div.bodywrapper {
45    background-color: {{ theme_white }};
46    border-left: 1px solid {{ theme_lighter_gray }};
47    border-bottom: 1px solid {{ theme_lighter_gray }};
48    margin: 0 0 0 16em;
49}
50
51div.body {
52    margin: 0;
53    padding: 0.5em 1.3em;
54    max-width: 55em;
55    min-width: 20em;
56}
57
58div.related {
59    font-size: 1em;
60    background-color: {{ theme_background }};
61}
62
63div.documentwrapper {
64    float: left;
65    width: 100%;
66    background-color: {{ theme_light_color }};
67}
68
69
70/* HEADINGS --------------------------------------------------------------- */
71
72h1 {
73    margin: 0;
74    padding: 0.7em 0 0.3em 0;
75    font-size: 1.5em;
76    line-height: 1.15;
77    color: {{ theme_h1 }};
78    clear: both;
79}
80
81h2 {
82    margin: 2em 0 0.2em 0;
83    font-size: 1.35em;
84    padding: 0;
85    color: {{ theme_h2 }};
86}
87
88h3 {
89    margin: 1em 0 -0.3em 0;
90    font-size: 1.2em;
91    color: {{ theme_h3 }};
92}
93
94div.body h1 a, div.body h2 a, div.body h3 a, div.body h4 a, div.body h5 a, div.body h6 a {
95    color: black;
96}
97
98h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
99    display: none;
100    margin: 0 0 0 0.3em;
101    padding: 0 0.2em 0 0.2em;
102    color: {{ theme_gray_a }} !important;
103}
104
105h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor,
106h5:hover a.anchor, h6:hover a.anchor {
107    display: inline;
108}
109
110h1 a.anchor:hover, h2 a.anchor:hover, h3 a.anchor:hover, h4 a.anchor:hover,
111h5 a.anchor:hover, h6 a.anchor:hover {
112    color: {{ theme_gray_7 }};
113    background-color: {{ theme_dirty_white }};
114}
115
116
117/* LINKS ------------------------------------------------------------------ */
118
119/* Normal links get a pseudo-underline */
120a {
121    color: {{ theme_link_color }};
122    text-decoration: none;
123    border-bottom: 1px solid {{ theme_link_color_decoration }};
124}
125
126/* Links in sidebar, TOC, index trees and tables have no underline */
127.sphinxsidebar a,
128.toctree-wrapper a,
129.indextable a,
130#indices-and-tables a {
131    color: {{ theme_dark_gray }};
132    text-decoration: none;
133    border-bottom: none;
134}
135
136/* Most links get an underline-effect when hovered */
137a:hover,
138div.toctree-wrapper a:hover,
139.indextable a:hover,
140#indices-and-tables a:hover {
141    color: {{ theme_black }};
142    text-decoration: none;
143    border-bottom: 1px solid {{ theme_black }};
144}
145
146/* Footer links */
147div.footer a {
148    color: {{ theme_background_text_link }};
149    text-decoration: none;
150    border: none;
151}
152div.footer a:hover {
153    color: {{ theme_medium_color_link_hover }};
154    text-decoration: underline;
155    border: none;
156}
157
158/* Permalink anchor (subtle grey with a red hover) */
159div.body a.headerlink {
160    color: {{ theme_lighter_gray }};
161    font-size: 1em;
162    margin-left: 6px;
163    padding: 0 4px 0 4px;
164    text-decoration: none;
165    border: none;
166}
167div.body a.headerlink:hover {
168    color: {{ theme_negative_text }};
169    border: none;
170}
171
172
173/* NAVIGATION BAR --------------------------------------------------------- */
174
175div.related ul {
176    height: 2.5em;
177}
178
179div.related ul li {
180    margin: 0;
181    padding: 0.65em 0;
182    float: left;
183    display: block;
184    color: {{ theme_background_link_half }}; /* For the >> separators */
185    font-size: 0.8em;
186}
187
188div.related ul li.right {
189    float: right;
190    margin-right: 5px;
191    color: transparent; /* Hide the | separators */
192}
193
194/* "Breadcrumb" links in nav bar */
195div.related ul li a {
196    order: none;
197    background-color: inherit;
198    font-weight: bold;
199    margin: 6px 0 6px 4px;
200    line-height: 1.75em;
201    color: {{ theme_background_link }};
202    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
203    padding: 0.4em 0.8em;
204    border: none;
205    border-radius: 3px;
206}
207/* previous / next / modules / index links look more like buttons */
208div.related ul li.right a {
209    margin: 0.375em 0;
210    background-color: {{ theme_medium_color_hover }};
211    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
212    border-radius: 3px;
213    -webkit-border-radius: 3px;
214    -moz-border-radius: 3px;
215}
216/* All navbar links light up as buttons when hovered */
217div.related ul li a:hover {
218    background-color: {{ theme_medium_color }};
219    color: {{ theme_white }};
220    text-decoration: none;
221    border-radius: 3px;
222    -webkit-border-radius: 3px;
223    -moz-border-radius: 3px;
224}
225/* Take extra precautions for tt within links */
226a tt,
227div.related ul li a tt {
228    background: inherit !important;
229    color: inherit !important;
230}
231
232
233/* SIDEBAR ---------------------------------------------------------------- */
234
235div.sphinxsidebarwrapper {
236    padding: 0;
237}
238
239div.sphinxsidebar {
240    margin: 0;
241    margin-left: -100%;
242    float: left;
243    top: 3em;
244    left: 0;
245    padding: 0 1em;
246    width: 14em;
247    font-size: 1em;
248    text-align: left;
249    background-color: {{ theme_light_color }};
250}
251
252div.sphinxsidebar img {
253    max-width: 12em;
254}
255
256div.sphinxsidebar h3, div.sphinxsidebar h4 {
257    margin: 1.2em 0 0.3em 0;
258    font-size: 1em;
259    padding: 0;
260    color: {{ theme_gray_2 }};
261    font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Arial", "Helvetica Neue", sans-serif;
262}
263
264div.sphinxsidebar h3 a {
265    color: {{ theme_grey_color }};
266}
267
268div.sphinxsidebar ul,
269div.sphinxsidebar p {
270    margin-top: 0;
271    padding-left: 0;
272    line-height: 130%;
273    background-color: {{ theme_light_color }};
274}
275
276/* No bullets for nested lists, but a little extra indentation */
277div.sphinxsidebar ul ul {
278    list-style-type: none;
279    margin-left: 1.5em;
280    padding: 0;
281}
282
283/* A little top/bottom padding to prevent adjacent links' borders
284 * from overlapping each other */
285div.sphinxsidebar ul li {
286    padding: 1px 0;
287}
288
289/* A little left-padding to make these align with the ULs */
290div.sphinxsidebar p.topless {
291    padding-left: 0 0 0 1em;
292}
293
294/* Make these into hidden one-liners */
295div.sphinxsidebar ul li,
296div.sphinxsidebar p.topless {
297    white-space: nowrap;
298    overflow: hidden;
299}
300/* ...which become visible when hovered */
301div.sphinxsidebar ul li:hover,
302div.sphinxsidebar p.topless:hover {
303    overflow: visible;
304}
305
306/* Search text box and "Go" button */
307#searchbox {
308    margin-top: 2em;
309    margin-bottom: 1em;
310    background: {{ theme_dirtier_white }};
311    padding: 0.5em;
312    border-radius: 6px;
313    -moz-border-radius: 6px;
314    -webkit-border-radius: 6px;
315}
316#searchbox h3 {
317    margin-top: 0;
318}
319
320/* Make search box and button abut and have a border */
321input,
322div.sphinxsidebar input {
323    border: 1px solid {{ theme_gray_9 }};
324    float: left;
325}
326
327/* Search textbox */
328input[type="text"] {
329    margin: 0;
330    padding: 0 3px;
331    height: 20px;
332    width: 144px;
333    border-top-left-radius: 3px;
334    border-bottom-left-radius: 3px;
335    -moz-border-radius-topleft: 3px;
336    -moz-border-radius-bottomleft: 3px;
337    -webkit-border-top-left-radius: 3px;
338    -webkit-border-bottom-left-radius: 3px;
339}
340/* Search button */
341input[type="submit"] {
342    margin: 0 0 0 -1px; /* -1px prevents a double-border with textbox */
343    height: 22px;
344    color: {{ theme_dark_gray }};
345    background-color: {{ theme_light_color }};
346    padding: 1px 4px;
347    font-weight: bold;
348    border-top-right-radius: 3px;
349    border-bottom-right-radius: 3px;
350    -moz-border-radius-topright: 3px;
351    -moz-border-radius-bottomright: 3px;
352    -webkit-border-top-right-radius: 3px;
353    -webkit-border-bottom-right-radius: 3px;
354}
355input[type="submit"]:hover {
356    color: {{ theme_white }};
357    background-color: {{ theme_green_highlight }};
358}
359
360div.sphinxsidebar p.searchtip {
361    clear: both;
362    padding: 0.5em 0 0 0;
363    background: {{ theme_dirtier_white }};
364    color: {{ theme_gray }};
365    font-size: 0.9em;
366}
367
368/* Sidebar links are unusual */
369div.sphinxsidebar li a,
370div.sphinxsidebar p a {
371    background: {{ theme_light_color }}; /* In case links overlap main content */
372    border-radius: 3px;
373    -moz-border-radius: 3px;
374    -webkit-border-radius: 3px;
375    border: 1px solid transparent; /* To prevent things jumping around on hover */
376    padding: 0 5px 0 5px;
377}
378div.sphinxsidebar li a:hover,
379div.sphinxsidebar p a:hover {
380    color: {{ theme_black }};
381    text-decoration: none;
382    border: 1px solid {{ theme_light_gray }};
383}
384
385/* Tweak any link appearing in a heading */
386div.sphinxsidebar h3 a {
387}
388
389
390
391
392/* OTHER STUFF ------------------------------------------------------------ */
393
394cite, code, tt {
395    font-family: 'Consolas', 'Deja Vu Sans Mono',
396                 'Bitstream Vera Sans Mono', monospace;
397    font-size: 0.95em;
398    letter-spacing: 0.01em;
399}
400
401tt {
402    background-color: {{ theme_code_background }};
403    color: {{ theme_dark_gray }};
404}
405
406tt.descname, tt.descclassname, tt.xref {
407    border: 0;
408}
409
410hr {
411    border: 1px solid {{ theme_ruler }};
412    margin: 2em;
413}
414
415pre, #_fontwidthtest {
416    font-family: 'Consolas', 'Deja Vu Sans Mono',
417                 'Bitstream Vera Sans Mono', monospace;
418    margin: 1em 2em;
419    font-size: 0.95em;
420    letter-spacing: 0.015em;
421    line-height: 120%;
422    padding: 0.5em;
423    border: 1px solid {{ theme_lighter_gray }};
424    background-color: {{ theme_code_background }};
425    border-radius: 6px;
426    -moz-border-radius: 6px;
427    -webkit-border-radius: 6px;
428}
429
430pre a {
431    color: inherit;
432    text-decoration: underline;
433}
434
435td.linenos pre {
436    padding: 0.5em 0;
437}
438
439div.quotebar {
440    background-color: {{ theme_almost_white }};
441    max-width: 250px;
442    float: right;
443    padding: 2px 7px;
444    border: 1px solid {{ theme_lighter_gray }};
445}
446
447div.topic {
448    background-color: {{ theme_almost_white }};
449}
450
451table {
452    border-collapse: collapse;
453    margin: 0 -0.5em 0 -0.5em;
454}
455
456table td, table th {
457    padding: 0.2em 0.5em 0.2em 0.5em;
458}
459
460
461/* ADMONITIONS AND WARNINGS ------------------------------------------------- */
462
463/* Shared by admonitions, warnings and sidebars */
464div.admonition,
465div.warning,
466div.sidebar {
467    font-size: 0.9em;
468    margin: 2em;
469    padding: 0;
470    /*
471    border-radius: 6px;
472    -moz-border-radius: 6px;
473    -webkit-border-radius: 6px;
474    */
475}
476div.admonition p,
477div.warning p,
478div.sidebar p {
479    margin: 0.5em 1em 0.5em 1em;
480    padding: 0;
481}
482div.admonition pre,
483div.warning pre,
484div.sidebar pre {
485    margin: 0.4em 1em 0.4em 1em;
486}
487div.admonition p.admonition-title,
488div.warning p.admonition-title,
489div.sidebar p.sidebar-title {
490    margin: 0;
491    padding: 0.1em 0 0.1em 0.5em;
492    color: white;
493    font-weight: bold;
494    font-size: 1.1em;
495    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
496}
497div.admonition ul, div.admonition ol,
498div.warning ul, div.warning ol,
499div.sidebar ul, div.sidebar ol {
500    margin: 0.1em 0.5em 0.5em 3em;
501    padding: 0;
502}
503
504
505/* Admonitions and sidebars only */
506div.admonition, div.sidebar {
507    border: 1px solid {{ theme_positive_dark }};
508    background-color: {{ theme_positive_light }};
509}
510div.admonition p.admonition-title,
511div.sidebar p.sidebar-title {
512    background-color: {{ theme_positive_medium }};
513    border-bottom: 1px solid {{ theme_positive_dark }};
514}
515
516
517/* Warnings only */
518div.warning {
519    border: 1px solid {{ theme_negative_dark }};
520    background-color: {{ theme_negative_light }};
521}
522div.warning p.admonition-title {
523    background-color: {{ theme_negative_medium }};
524    border-bottom: 1px solid {{ theme_negative_dark }};
525}
526
527
528/* Sidebars only */
529div.sidebar {
530  max-width: 200px;
531}
532
533
534
535div.versioninfo {
536    margin: 1em 0 0 0;
537    border: 1px solid {{ theme_lighter_gray }};
538    background-color: {{ theme_light_medium_color }};
539    padding: 8px;
540    line-height: 1.3em;
541    font-size: 0.9em;
542}
543
544.viewcode-back {
545    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva',
546                 'Verdana', sans-serif;
547}
548
549div.viewcode-block:target {
550    background-color: {{ theme_viewcode_bg }};
551    border-top: 1px solid {{ theme_viewcode_border }};
552    border-bottom: 1px solid {{ theme_viewcode_border }};
553}
554
555dl {
556    margin: 1em 0 2.5em 0;
557}
558
559/* Highlight target when you click an internal link */
560dt:target {
561    background: {{ theme_highlight }};
562}
563/* Don't highlight whole divs */
564div.highlight {
565    background: transparent;
566}
567/* But do highlight spans (so search results can be highlighted) */
568span.highlight {
569    background: {{ theme_highlight }};
570}
571
572div.footer {
573    background-color: {{ theme_background }};
574    color: {{ theme_background_text }};
575    padding: 0 2em 2em 2em;
576    clear: both;
577    font-size: 0.8em;
578    text-align: center;
579}
580
581p {
582    margin: 0.8em 0 0.5em 0;
583}
584
585.section p img {
586    margin: 1em 2em;
587}
588
589
590/* MOBILE LAYOUT -------------------------------------------------------------- */
591
592@media screen and (max-width: 600px) {
593
594    h1, h2, h3, h4, h5 {
595        position: relative;
596    }
597
598    ul {
599        padding-left: 1.75em;
600    }
601
602    div.bodywrapper a.headerlink, #indices-and-tables h1 a {
603        color: {{ theme_almost_dirty_white }};
604        font-size: 80%;
605        float: right;
606        line-height: 1.8;
607        position: absolute;
608        right: -0.7em;
609        visibility: inherit;
610    }
611
612    div.bodywrapper h1 a.headerlink, #indices-and-tables h1 a {
613        line-height: 1.5;
614    }
615
616    pre {
617        font-size: 0.7em;
618        overflow: auto;
619        word-wrap: break-word;
620        white-space: pre-wrap;
621    }
622
623    div.related ul {
624        height: 2.5em;
625        padding: 0;
626        text-align: left;
627    }
628
629    div.related ul li {
630        clear: both;
631        color: {{ theme_dark_color }};
632        padding: 0.2em 0;
633    }
634
635    div.related ul li:last-child {
636        border-bottom: 1px dotted {{ theme_medium_color }};
637        padding-bottom: 0.4em;
638        margin-bottom: 1em;
639        width: 100%;
640    }
641
642    div.related ul li a {
643        color: {{ theme_dark_color }};
644        padding-right: 0;
645    }
646
647    div.related ul li a:hover {
648        background: inherit;
649        color: inherit;
650    }
651
652    div.related ul li.right {
653        clear: none;
654        padding: 0.65em 0;
655        margin-bottom: 0.5em;
656    }
657
658    div.related ul li.right a {
659        color: {{ theme_white }};
660        padding-right: 0.8em;
661    }
662
663    div.related ul li.right a:hover {
664        background-color: {{ theme_medium_color }};
665    }
666
667    div.body {
668        clear: both;
669        min-width: 0;
670        word-wrap: break-word;
671    }
672
673    div.bodywrapper {
674        margin: 0 0 0 0;
675    }
676
677    div.sphinxsidebar {
678        float: none;
679        margin: 0;
680        width: auto;
681    }
682
683    div.sphinxsidebar input[type="text"] {
684        height: 2em;
685        line-height: 2em;
686        width: 70%;
687    }
688
689    div.sphinxsidebar input[type="submit"] {
690        height: 2em;
691        margin-left: 0.5em;
692        width: 20%;
693    }
694
695    div.sphinxsidebar p.searchtip {
696        background: inherit;
697        margin-bottom: 1em;
698    }
699
700    div.sphinxsidebar ul li, div.sphinxsidebar p.topless {
701        white-space: normal;
702    }
703
704    .bodywrapper img {
705        display: block;
706        margin-left: auto;
707        margin-right: auto;
708        max-width: 100%;
709    }
710
711    div.documentwrapper {
712        float: none;
713    }
714
715    div.admonition, div.warning, pre, blockquote {
716        margin-left: 0em;
717        margin-right: 0em;
718    }
719
720    .body p img {
721        margin: 0;
722    }
723
724    #searchbox {
725        background: transparent;
726    }
727
728    .related:not(:first-child) li {
729        display: none;
730    }
731
732    .related:not(:first-child) li.right {
733        display: block;
734    }
735
736    div.footer {
737        padding: 1em;
738    }
739
740    .rtd_doc_footer .badge {
741        float: none;
742        margin: 1em auto;
743        position: static;
744    }
745
746    .rtd_doc_footer .badge.revsys-inline {
747        margin-right: auto;
748        margin-bottom: 2em;
749    }
750
751    table.indextable {
752        display: block;
753        width: auto;
754    }
755
756    .indextable tr {
757        display: block;
758    }
759
760    .indextable td {
761        display: block;
762        padding: 0;
763        width: auto !important;
764    }
765
766    .indextable td dt {
767        margin: 1em 0;
768    }
769
770    ul.search {
771        margin-left: 0.25em;
772    }
773
774    ul.search li div.context {
775        font-size: 90%;
776        line-height: 1.1;
777        margin-bottom: 1;
778        margin-left: 0;
779    }
780
781}
782