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;
61
background-color: #465158;
67
background-color: #e8ecef;
71
/* HEADINGS --------------------------------------------------------------- */
75
padding: 0.7em 0 0.3em 0;
83
margin: 2em 0 0.2em 0;
90
margin: 1em 0 -0.3em 0;
95
div.body h1 a, div.body h2 a, div.body h3 a, div.body h4 a, div.body h5 a, div.body h6 a {
99
h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
102
padding: 0 0.2em 0 0.2em;
103
color: #aaa !important;
106
h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor,
107
h5:hover a.anchor, h6:hover a.anchor {
111
h1 a.anchor:hover, h2 a.anchor:hover, h3 a.anchor:hover, h4 a.anchor:hover,
112
h5 a.anchor:hover, h6 a.anchor:hover {
114
background-color: #eee;
118
/* LINKS ------------------------------------------------------------------ */
120
/* Normal links get a pseudo-underline */
123
text-decoration: none;
124
border-bottom: 1px solid #ccc;
127
/* Links in sidebar, TOC, index trees and tables have no underline */
131
#indices-and-tables a {
133
text-decoration: none;
137
/* Most links get an underline-effect when hovered */
139
div.toctree-wrapper a:hover,
141
#indices-and-tables a:hover {
143
text-decoration: none;
144
border-bottom: 1px solid #111;
150
text-decoration: none;
155
text-decoration: underline;
159
/* Permalink anchor (subtle grey with a red hover) */
160
div.body a.headerlink {
164
padding: 0 4px 0 4px;
165
text-decoration: none;
168
div.body a.headerlink:hover {
174
/* NAVIGATION BAR --------------------------------------------------------- */
185
color: white; /* For the >> separators */
189
div.related ul li.right {
192
color: transparent; /* Hide the | separators */
195
/* "Breadcrumb" links in nav bar */
196
div.related ul li a {
198
background-color: inherit;
200
margin: 6px 0 6px 4px;
203
padding: 0.4em 0.8em;
207
/* previous / next / modules / index links look more like buttons */
208
div.related ul li.right a {
210
background-color: #697983;
211
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
213
-webkit-border-radius: 3px;
214
-moz-border-radius: 3px;
216
/* All navbar links light up as buttons when hovered */
217
div.related ul li a:hover {
218
background-color: #8ca1af;
220
text-decoration: none;
222
-webkit-border-radius: 3px;
223
-moz-border-radius: 3px;
225
/* Take extra precautions for tt within links */
227
div.related ul li a tt {
228
background: inherit !important;
229
color: inherit !important;
233
/* SIDEBAR ---------------------------------------------------------------- */
235
div.sphinxsidebarwrapper {
249
background-color: #e8ecef;
252
div.sphinxsidebar img {
256
div.sphinxsidebar h3, div.sphinxsidebar h4 {
257
margin: 1.2em 0 0.3em 0;
261
font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Arial", "Helvetica Neue", sans-serif;
264
div.sphinxsidebar h3 a {
268
div.sphinxsidebar ul,
269
div.sphinxsidebar p {
273
background-color: #e8ecef;
276
/* No bullets for nested lists, but a little extra indentation */
277
div.sphinxsidebar ul ul {
278
list-style-type: none;
283
/* A little top/bottom padding to prevent adjacent links' borders
284
* from overlapping each other */
285
div.sphinxsidebar ul li {
289
/* A little left-padding to make these align with the ULs */
290
div.sphinxsidebar p.topless {
291
padding-left: 0 0 0 1em;
294
/* Make these into hidden one-liners */
295
div.sphinxsidebar ul li,
296
div.sphinxsidebar p.topless {
300
/* ...which become visible when hovered */
301
div.sphinxsidebar ul li:hover,
302
div.sphinxsidebar p.topless:hover {
306
/* Search text box and "Go" button */
313
-moz-border-radius: 6px;
314
-webkit-border-radius: 6px;
320
/* Make search box and button abut and have a border */
322
div.sphinxsidebar input {
323
border: 1px solid #999;
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;
341
input[type="submit"] {
342
margin: 0 0 0 -1px; /* -1px prevents a double-border with textbox */
345
background-color: #e8ecef;
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;
355
input[type="submit"]:hover {
357
background-color: #8ecc4c;
360
div.sphinxsidebar p.searchtip {
362
padding: 0.5em 0 0 0;
368
/* Sidebar links are unusual */
369
div.sphinxsidebar li a,
370
div.sphinxsidebar p a {
371
background: #e8ecef; /* In case links overlap main content */
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;
378
div.sphinxsidebar li a:hover,
379
div.sphinxsidebar p a:hover {
381
text-decoration: none;
382
border: 1px solid #888;
385
/* Tweak any link appearing in a heading */
386
div.sphinxsidebar h3 a {
392
/* OTHER STUFF ------------------------------------------------------------ */
395
font-family: 'Consolas', 'Deja Vu Sans Mono',
396
'Bitstream Vera Sans Mono', monospace;
398
letter-spacing: 0.01em;
402
background-color: #f2f2f2;
406
tt.descname, tt.descclassname, tt.xref {
411
border: 1px solid #abc;
415
pre, #_fontwidthtest {
416
font-family: 'Consolas', 'Deja Vu Sans Mono',
417
'Bitstream Vera Sans Mono', monospace;
420
letter-spacing: 0.015em;
423
border: 1px solid #ccc;
424
background-color: #eee;
426
-moz-border-radius: 6px;
427
-webkit-border-radius: 6px;
432
text-decoration: underline;
440
background-color: #f8f8f8;
444
border: 1px solid #ccc;
448
background-color: #f8f8f8;
452
border-collapse: collapse;
453
margin: 0 -0.5em 0 -0.5em;
457
padding: 0.2em 0.5em 0.2em 0.5em;
461
/* ADMONITIONS AND WARNINGS ------------------------------------------------- */
463
/* Shared by admonitions, warnings and sidebars */
472
-moz-border-radius: 6px;
473
-webkit-border-radius: 6px;
479
margin: 0.5em 1em 0.5em 1em;
485
margin: 0.4em 1em 0.4em 1em;
487
div.admonition p.admonition-title,
488
div.warning p.admonition-title,
489
div.sidebar p.sidebar-title {
491
padding: 0.1em 0 0.1em 0.5em;
495
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
497
div.admonition ul, div.admonition ol,
498
div.warning ul, div.warning ol,
499
div.sidebar ul, div.sidebar ol {
500
margin: 0.1em 0.5em 0.5em 3em;
505
/* Admonitions and sidebars only */
506
div.admonition, div.sidebar {
507
border: 1px solid #609060;
508
background-color: #e9ffe9;
510
div.admonition p.admonition-title,
511
div.sidebar p.sidebar-title {
512
background-color: #70A070;
513
border-bottom: 1px solid #609060;
519
border: 1px solid #900000;
520
background-color: #ffe9e9;
522
div.warning p.admonition-title {
523
background-color: #b04040;
524
border-bottom: 1px solid #900000;
537
border: 1px solid #ccc;
538
background-color: #DDEAF0;
545
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva',
546
'Verdana', sans-serif;
549
div.viewcode-block:target {
550
background-color: #f4debf;
551
border-top: 1px solid #ac9;
552
border-bottom: 1px solid #ac9;
556
margin: 1em 0 2.5em 0;
559
/* Highlight target when you click an internal link */
563
/* Don't highlight whole divs */
565
background: transparent;
567
/* But do highlight spans (so search results can be highlighted) */
573
background-color: #465158;
575
padding: 0 2em 2em 2em;
582
margin: 0.8em 0 0.5em 0;
590
/* MOBILE LAYOUT -------------------------------------------------------------- */
592
@media screen and (max-width: 600px) {
599
padding-left: 1.25em;
602
div.bodywrapper a.headerlink, #indices-and-tables h1 a {
612
div.bodywrapper h1 a.headerlink, #indices-and-tables h1 a {
619
word-wrap: break-word;
620
white-space: pre-wrap;
635
div.related ul li:last-child {
636
border-bottom: 1px dotted #8ca1af;
637
padding-bottom: 0.4em;
642
div.related ul li a {
647
div.related ul li a:hover {
652
div.related ul li.right {
655
margin-bottom: 0.5em;
658
div.related ul li.right a {
660
padding-right: 0.8em;
663
div.related ul li.right a:hover {
664
background-color: #8ca1af;
670
word-wrap: break-word;
683
div.sphinxsidebar input[type="text"] {
689
div.sphinxsidebar input[type="submit"] {
695
div.sphinxsidebar p.searchtip {
700
div.sphinxsidebar ul li, div.sphinxsidebar p.topless {
711
div.documentwrapper {
715
div.admonition, div.warning, pre, blockquote {
725
background: transparent;
728
.related:not(:first-child) li {
732
.related:not(:first-child) li.right {
740
.rtd_doc_footer .badge {
746
.rtd_doc_footer .badge.revsys-inline {
763
width: auto !important;
774
ul.search li div.context {
783
/* Links in sidebar, TOC, index trees and tables have no underline */
787
#indices-and-tables a {
788
color: {{ theme_dark_gray }};
789
text-decoration: none;
793
/* Most links get an underline-effect when hovered */
795
div.toctree-wrapper a:hover,
797
#indices-and-tables a:hover {
798
color: {{ theme_black }};
799
text-decoration: none;
800
border-bottom: 1px solid {{ theme_black }};
805
color: {{ theme_background_text_link }};
806
text-decoration: none;
810
color: {{ theme_medium_color_link_hover }};
811
text-decoration: underline;
815
/* Permalink anchor (subtle grey with a red hover) */
816
div.body a.headerlink {
817
color: {{ theme_lighter_gray }};
820
padding: 0 4px 0 4px;
821
text-decoration: none;
824
div.body a.headerlink:hover {
825
color: {{ theme_negative_text }};
830
/* NAVIGATION BAR --------------------------------------------------------- */
841
color: {{ theme_background_link_half }}; /* For the >> separators */
845
div.related ul li.right {
848
color: transparent; /* Hide the | separators */
851
/* "Breadcrumb" links in nav bar */
852
div.related ul li a {
854
background-color: inherit;
856
margin: 6px 0 6px 4px;
858
color: {{ theme_background_link }};
859
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
860
padding: 0.4em 0.8em;
864
/* previous / next / modules / index links look more like buttons */
865
div.related ul li.right a {
867
background-color: {{ theme_medium_color_hover }};
868
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
870
-webkit-border-radius: 3px;
871
-moz-border-radius: 3px;
873
/* All navbar links light up as buttons when hovered */
874
div.related ul li a:hover {
875
background-color: {{ theme_medium_color }};
876
color: {{ theme_white }};
877
text-decoration: none;
879
-webkit-border-radius: 3px;
880
-moz-border-radius: 3px;
882
/* Take extra precautions for tt within links */
884
div.related ul li a tt {
885
background: inherit !important;
886
color: inherit !important;
890
/* SIDEBAR ---------------------------------------------------------------- */
892
div.sphinxsidebarwrapper {
906
background-color: {{ theme_light_color }};
909
div.sphinxsidebar img {
913
div.sphinxsidebar h3, div.sphinxsidebar h4 {
914
margin: 1.2em 0 0.3em 0;
917
color: {{ theme_gray_2 }};
918
font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Arial", "Helvetica Neue", sans-serif;
921
div.sphinxsidebar h3 a {
922
color: {{ theme_grey_color }};
925
div.sphinxsidebar ul,
926
div.sphinxsidebar p {
930
background-color: {{ theme_light_color }};
933
/* No bullets for nested lists, but a little extra indentation */
934
div.sphinxsidebar ul ul {
935
list-style-type: none;
940
/* A little top/bottom padding to prevent adjacent links' borders
941
* from overlapping each other */
942
div.sphinxsidebar ul li {
946
/* A little left-padding to make these align with the ULs */
947
div.sphinxsidebar p.topless {
948
padding-left: 0 0 0 1em;
951
/* Make these into hidden one-liners */
952
div.sphinxsidebar ul li,
953
div.sphinxsidebar p.topless {
957
/* ...which become visible when hovered */
958
div.sphinxsidebar ul li:hover,
959
div.sphinxsidebar p.topless:hover {
963
/* Search text box and "Go" button */
967
background: {{ theme_dirtier_white }};
970
-moz-border-radius: 6px;
971
-webkit-border-radius: 6px;
977
/* Make search box and button abut and have a border */
979
div.sphinxsidebar input {
980
border: 1px solid {{ theme_gray_9 }};
990
border-top-left-radius: 3px;
991
border-bottom-left-radius: 3px;
992
-moz-border-radius-topleft: 3px;
993
-moz-border-radius-bottomleft: 3px;
994
-webkit-border-top-left-radius: 3px;
995
-webkit-border-bottom-left-radius: 3px;
998
input[type="submit"] {
999
margin: 0 0 0 -1px; /* -1px prevents a double-border with textbox */
1001
color: {{ theme_dark_gray }};
1002
background-color: {{ theme_light_color }};
1005
border-top-right-radius: 3px;
1006
border-bottom-right-radius: 3px;
1007
-moz-border-radius-topright: 3px;
1008
-moz-border-radius-bottomright: 3px;
1009
-webkit-border-top-right-radius: 3px;
1010
-webkit-border-bottom-right-radius: 3px;
1012
input[type="submit"]:hover {
1013
color: {{ theme_white }};
1014
background-color: {{ theme_green_highlight }};
1017
div.sphinxsidebar p.searchtip {
1019
padding: 0.5em 0 0 0;
1020
background: {{ theme_dirtier_white }};
1021
color: {{ theme_gray }};
1025
/* Sidebar links are unusual */
1026
div.sphinxsidebar li a,
1027
div.sphinxsidebar p a {
1028
background: {{ theme_light_color }}; /* In case links overlap main content */
1030
-moz-border-radius: 3px;
1031
-webkit-border-radius: 3px;
1032
border: 1px solid transparent; /* To prevent things jumping around on hover */
1033
padding: 0 5px 0 5px;
1035
div.sphinxsidebar li a:hover,
1036
div.sphinxsidebar p a:hover {
1037
color: {{ theme_black }};
1038
text-decoration: none;
1039
border: 1px solid {{ theme_light_gray }};
1042
/* Tweak any link appearing in a heading */
1043
div.sphinxsidebar h3 a {
1049
/* OTHER STUFF ------------------------------------------------------------ */
1052
font-family: 'Consolas', 'Deja Vu Sans Mono',
1053
'Bitstream Vera Sans Mono', monospace;
1055
letter-spacing: 0.01em;
1059
background-color: {{ theme_code_background }};
1060
color: {{ theme_dark_gray }};
1063
tt.descname, tt.descclassname, tt.xref {
1068
border: 1px solid {{ theme_ruler }};
1072
pre, #_fontwidthtest {
1073
font-family: 'Consolas', 'Deja Vu Sans Mono',
1074
'Bitstream Vera Sans Mono', monospace;
1077
letter-spacing: 0.015em;
1080
border: 1px solid {{ theme_lighter_gray }};
1081
background-color: {{ theme_code_background }};
1083
-moz-border-radius: 6px;
1084
-webkit-border-radius: 6px;
1089
text-decoration: underline;
1097
background-color: {{ theme_almost_white }};
1101
border: 1px solid {{ theme_lighter_gray }};
1105
background-color: {{ theme_almost_white }};
1109
border-collapse: collapse;
1110
margin: 0 -0.5em 0 -0.5em;
1113
table td, table th {
1114
padding: 0.2em 0.5em 0.2em 0.5em;
1118
/* ADMONITIONS AND WARNINGS ------------------------------------------------- */
1120
/* Shared by admonitions, warnings and sidebars */
1129
-moz-border-radius: 6px;
1130
-webkit-border-radius: 6px;
1136
margin: 0.5em 1em 0.5em 1em;
1142
margin: 0.4em 1em 0.4em 1em;
1144
div.admonition p.admonition-title,
1145
div.warning p.admonition-title,
1146
div.sidebar p.sidebar-title {
1148
padding: 0.1em 0 0.1em 0.5em;
1152
text-shadow: 0 1px rgba(0, 0, 0, 0.5);
1154
div.admonition ul, div.admonition ol,
1155
div.warning ul, div.warning ol,
1156
div.sidebar ul, div.sidebar ol {
1157
margin: 0.1em 0.5em 0.5em 3em;
1162
/* Admonitions and sidebars only */
1163
div.admonition, div.sidebar {
1164
border: 1px solid {{ theme_positive_dark }};
1165
background-color: {{ theme_positive_light }};
1167
div.admonition p.admonition-title,
1168
div.sidebar p.sidebar-title {
1169
background-color: {{ theme_positive_medium }};
1170
border-bottom: 1px solid {{ theme_positive_dark }};
1176
border: 1px solid {{ theme_negative_dark }};
1177
background-color: {{ theme_negative_light }};
1179
div.warning p.admonition-title {
1180
background-color: {{ theme_negative_medium }};
1181
border-bottom: 1px solid {{ theme_negative_dark }};
1194
border: 1px solid {{ theme_lighter_gray }};
1195
background-color: {{ theme_light_medium_color }};
1202
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva',
1203
'Verdana', sans-serif;
1206
div.viewcode-block:target {
1207
background-color: {{ theme_viewcode_bg }};
1208
border-top: 1px solid {{ theme_viewcode_border }};
1209
border-bottom: 1px solid {{ theme_viewcode_border }};
1213
margin: 1em 0 2.5em 0;
1216
/* Highlight target when you click an internal link */
1218
background: {{ theme_highlight }};
1220
/* Don't highlight whole divs */
1222
background: transparent;
1224
/* But do highlight spans (so search results can be highlighted) */
1226
background: {{ theme_highlight }};
1230
background-color: {{ theme_background }};
1231
color: {{ theme_background_text }};
1232
padding: 0 2em 2em 2em;
1239
margin: 0.8em 0 0.5em 0;
1247
/* MOBILE LAYOUT -------------------------------------------------------------- */
1249
@media screen and (max-width: 600px) {
1251
h1, h2, h3, h4, h5 {
1256
padding-left: 1.75em;
1259
div.bodywrapper a.headerlink, #indices-and-tables h1 a {
1260
color: {{ theme_almost_dirty_white }};
1266
visibility: inherit;
1269
div.bodywrapper h1 a.headerlink, #indices-and-tables h1 a {
1276
word-wrap: break-word;
1277
white-space: pre-wrap;
1288
color: {{ theme_dark_color }};
1292
div.related ul li:last-child {
1293
border-bottom: 1px dotted {{ theme_medium_color }};
1294
padding-bottom: 0.4em;
1299
div.related ul li a {
1300
color: {{ theme_dark_color }};
1304
div.related ul li a:hover {
1305
background: inherit;
1309
div.related ul li.right {
1312
margin-bottom: 0.5em;
1315
div.related ul li.right a {
1316
color: {{ theme_white }};
1317
padding-right: 0.8em;
1320
div.related ul li.right a:hover {
1321
background-color: {{ theme_medium_color }};
1327
word-wrap: break-word;
1340
div.sphinxsidebar input[type="text"] {
1346
div.sphinxsidebar input[type="submit"] {
1352
div.sphinxsidebar p.searchtip {
1353
background: inherit;
1357
div.sphinxsidebar ul li, div.sphinxsidebar p.topless {
1358
white-space: normal;
1368
div.documentwrapper {
1372
div.admonition, div.warning, pre, blockquote {
1382
background: transparent;
1385
.related:not(:first-child) li {
1389
.related:not(:first-child) li.right {
1397
.rtd_doc_footer .badge {
1403
.rtd_doc_footer .badge.revsys-inline {
1420
width: auto !important;
1428
margin-left: 0.25em;
1431
ul.search li div.context {