Add sphinx documentation, integrated into our navigation and colour scheme
[ndcode_site.git] / sphinx / _static / alabaster.css
1 @import url("basic.css");
2
3 /* -- page layout ----------------------------------------------------------- */
4
5 body {
6     font-family: Georgia, serif;
7     font-size: 17px;
8     background-color: #fff;
9     color: #000;
10     margin: 0;
11     padding: 0;
12 }
13
14
15 div.document {
16     width: 940px;
17     margin: 30px auto 0 auto;
18 }
19
20 div.documentwrapper {
21     float: left;
22     width: 100%;
23 }
24
25 div.bodywrapper {
26     margin: 0 0 0 220px;
27 }
28
29 div.sphinxsidebar {
30     width: 220px;
31     font-size: 14px;
32     line-height: 1.5;
33 }
34
35 hr {
36     border: 1px solid #B1B4B6;
37 }
38
39 div.body {
40     background-color: #fff;
41     color: #3E4349;
42     padding: 0 30px 0 30px;
43 }
44
45 div.body > .section {
46     text-align: left;
47 }
48
49 div.footer {
50     width: 940px;
51     margin: 20px auto 30px auto;
52     font-size: 14px;
53     color: #888;
54     text-align: right;
55 }
56
57 div.footer a {
58     color: #888;
59 }
60
61 p.caption {
62     font-family: inherit;
63     font-size: inherit;
64 }
65
66
67 div.relations {
68     display: none;
69 }
70
71
72 div.sphinxsidebar a {
73     color: #444;
74     text-decoration: none;
75     border-bottom: 1px dotted #999;
76 }
77
78 div.sphinxsidebar a:hover {
79     border-bottom: 1px solid #999;
80 }
81
82 div.sphinxsidebarwrapper {
83     padding: 18px 10px;
84 }
85
86 div.sphinxsidebarwrapper p.logo {
87     padding: 0;
88     margin: -10px 0 0 0px;
89     text-align: center;
90 }
91
92 div.sphinxsidebarwrapper h1.logo {
93     margin-top: -10px;
94     text-align: center;
95     margin-bottom: 5px;
96     text-align: left;
97 }
98
99 div.sphinxsidebarwrapper h1.logo-name {
100     margin-top: 0px;
101 }
102
103 div.sphinxsidebarwrapper p.blurb {
104     margin-top: 0;
105     font-style: normal;
106 }
107
108 div.sphinxsidebar h3,
109 div.sphinxsidebar h4 {
110     font-family: Georgia, serif;
111     color: #444;
112     font-size: 24px;
113     font-weight: normal;
114     margin: 0 0 5px 0;
115     padding: 0;
116 }
117
118 div.sphinxsidebar h4 {
119     font-size: 20px;
120 }
121
122 div.sphinxsidebar h3 a {
123     color: #444;
124 }
125
126 div.sphinxsidebar p.logo a,
127 div.sphinxsidebar h3 a,
128 div.sphinxsidebar p.logo a:hover,
129 div.sphinxsidebar h3 a:hover {
130     border: none;
131 }
132
133 div.sphinxsidebar p {
134     color: #555;
135     margin: 10px 0;
136 }
137
138 div.sphinxsidebar ul {
139     margin: 10px 0;
140     padding: 0;
141     color: #000;
142 }
143
144 div.sphinxsidebar ul li.toctree-l1 > a {
145     font-size: 120%;
146 }
147
148 div.sphinxsidebar ul li.toctree-l2 > a {
149     font-size: 110%;
150 }
151
152 div.sphinxsidebar input {
153     border: 1px solid #CCC;
154     font-family: Georgia, serif;
155     font-size: 1em;
156 }
157
158 div.sphinxsidebar hr {
159     border: none;
160     height: 1px;
161     color: #AAA;
162     background: #AAA;
163
164     text-align: left;
165     margin-left: 0;
166     width: 50%;
167 }
168
169 div.sphinxsidebar .badge {
170     border-bottom: none;
171 }
172
173 div.sphinxsidebar .badge:hover {
174     border-bottom: none;
175 }
176
177 /* To address an issue with donation coming after search */
178 div.sphinxsidebar h3.donation {
179     margin-top: 10px;
180 }
181
182 /* -- body styles ----------------------------------------------------------- */
183
184 a {
185     color: #004B6B;
186     text-decoration: underline;
187 }
188
189 a:hover {
190     color: #6D4100;
191     text-decoration: underline;
192 }
193
194 div.body h1,
195 div.body h2,
196 div.body h3,
197 div.body h4,
198 div.body h5,
199 div.body h6 {
200     font-family: Georgia, serif;
201     font-weight: normal;
202     margin: 30px 0px 10px 0px;
203     padding: 0;
204 }
205
206 div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; }
207 div.body h2 { font-size: 180%; }
208 div.body h3 { font-size: 150%; }
209 div.body h4 { font-size: 130%; }
210 div.body h5 { font-size: 100%; }
211 div.body h6 { font-size: 100%; }
212
213 a.headerlink {
214     color: #DDD;
215     padding: 0 4px;
216     text-decoration: none;
217 }
218
219 a.headerlink:hover {
220     color: #444;
221     background: #EAEAEA;
222 }
223
224 div.body p, div.body dd, div.body li {
225     line-height: 1.4em;
226 }
227
228 div.admonition {
229     margin: 20px 0px;
230     padding: 10px 30px;
231     background-color: #EEE;
232     border: 1px solid #CCC;
233 }
234
235 div.admonition tt.xref, div.admonition code.xref, div.admonition a tt {
236     background-color: #FBFBFB;
237     border-bottom: 1px solid #fafafa;
238 }
239
240 div.admonition p.admonition-title {
241     font-family: Georgia, serif;
242     font-weight: normal;
243     font-size: 24px;
244     margin: 0 0 10px 0;
245     padding: 0;
246     line-height: 1;
247 }
248
249 div.admonition p.last {
250     margin-bottom: 0;
251 }
252
253 div.highlight {
254     background-color: #fff;
255 }
256
257 dt:target, .highlight {
258     background: #FAF3E8;
259 }
260
261 div.warning {
262     background-color: #FCC;
263     border: 1px solid #FAA;
264 }
265
266 div.danger {
267     background-color: #FCC;
268     border: 1px solid #FAA;
269     -moz-box-shadow: 2px 2px 4px #D52C2C;
270     -webkit-box-shadow: 2px 2px 4px #D52C2C;
271     box-shadow: 2px 2px 4px #D52C2C;
272 }
273
274 div.error {
275     background-color: #FCC;
276     border: 1px solid #FAA;
277     -moz-box-shadow: 2px 2px 4px #D52C2C;
278     -webkit-box-shadow: 2px 2px 4px #D52C2C;
279     box-shadow: 2px 2px 4px #D52C2C;
280 }
281
282 div.caution {
283     background-color: #FCC;
284     border: 1px solid #FAA;
285 }
286
287 div.attention {
288     background-color: #FCC;
289     border: 1px solid #FAA;
290 }
291
292 div.important {
293     background-color: #EEE;
294     border: 1px solid #CCC;
295 }
296
297 div.note {
298     background-color: #EEE;
299     border: 1px solid #CCC;
300 }
301
302 div.tip {
303     background-color: #EEE;
304     border: 1px solid #CCC;
305 }
306
307 div.hint {
308     background-color: #EEE;
309     border: 1px solid #CCC;
310 }
311
312 div.seealso {
313     background-color: #EEE;
314     border: 1px solid #CCC;
315 }
316
317 div.topic {
318     background-color: #EEE;
319 }
320
321 p.admonition-title {
322     display: inline;
323 }
324
325 p.admonition-title:after {
326     content: ":";
327 }
328
329 pre, tt, code {
330     font-family: 'Consolas', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
331     font-size: 0.9em;
332 }
333
334 .hll {
335     background-color: #FFC;
336     margin: 0 -12px;
337     padding: 0 12px;
338     display: block;
339 }
340
341 img.screenshot {
342 }
343
344 tt.descname, tt.descclassname, code.descname, code.descclassname {
345     font-size: 0.95em;
346 }
347
348 tt.descname, code.descname {
349     padding-right: 0.08em;
350 }
351
352 img.screenshot {
353     -moz-box-shadow: 2px 2px 4px #EEE;
354     -webkit-box-shadow: 2px 2px 4px #EEE;
355     box-shadow: 2px 2px 4px #EEE;
356 }
357
358 table.docutils {
359     border: 1px solid #888;
360     -moz-box-shadow: 2px 2px 4px #EEE;
361     -webkit-box-shadow: 2px 2px 4px #EEE;
362     box-shadow: 2px 2px 4px #EEE;
363 }
364
365 table.docutils td, table.docutils th {
366     border: 1px solid #888;
367     padding: 0.25em 0.7em;
368 }
369
370 table.field-list, table.footnote {
371     border: none;
372     -moz-box-shadow: none;
373     -webkit-box-shadow: none;
374     box-shadow: none;
375 }
376
377 table.footnote {
378     margin: 15px 0;
379     width: 100%;
380     border: 1px solid #EEE;
381     background: #FDFDFD;
382     font-size: 0.9em;
383 }
384
385 table.footnote + table.footnote {
386     margin-top: -15px;
387     border-top: none;
388 }
389
390 table.field-list th {
391     padding: 0 0.8em 0 0;
392 }
393
394 table.field-list td {
395     padding: 0;
396 }
397
398 table.field-list p {
399     margin-bottom: 0.8em;
400 }
401
402 /* Cloned from
403  * https://github.com/sphinx-doc/sphinx/commit/ef60dbfce09286b20b7385333d63a60321784e68
404  */
405 .field-name {
406     -moz-hyphens: manual;
407     -ms-hyphens: manual;
408     -webkit-hyphens: manual;
409     hyphens: manual;
410 }
411
412 table.footnote td.label {
413     width: .1px;
414     padding: 0.3em 0 0.3em 0.5em;
415 }
416
417 table.footnote td {
418     padding: 0.3em 0.5em;
419 }
420
421 dl {
422     margin: 0;
423     padding: 0;
424 }
425
426 dl dd {
427     margin-left: 30px;
428 }
429
430 blockquote {
431     margin: 0 0 0 30px;
432     padding: 0;
433 }
434
435 ul, ol {
436     /* Matches the 30px from the narrow-screen "li > ul" selector below */
437     margin: 10px 0 10px 30px;
438     padding: 0;
439 }
440
441 pre {
442     background: #EEE;
443     padding: 7px 30px;
444     margin: 15px 0px;
445     line-height: 1.3em;
446 }
447
448 div.viewcode-block:target {
449     background: #ffd;
450 }
451
452 dl pre, blockquote pre, li pre {
453     margin-left: 0;
454     padding-left: 30px;
455 }
456
457 tt, code {
458     background-color: #ecf0f3;
459     color: #222;
460     /* padding: 1px 2px; */
461 }
462
463 tt.xref, code.xref, a tt {
464     background-color: #FBFBFB;
465     border-bottom: 1px solid #fff;
466 }
467
468 a.reference {
469     text-decoration: none;
470     border-bottom: 1px dotted #004B6B;
471 }
472
473 /* Don't put an underline on images */
474 a.image-reference, a.image-reference:hover {
475     border-bottom: none;
476 }
477
478 a.reference:hover {
479     border-bottom: 1px solid #6D4100;
480 }
481
482 a.footnote-reference {
483     text-decoration: none;
484     font-size: 0.7em;
485     vertical-align: top;
486     border-bottom: 1px dotted #004B6B;
487 }
488
489 a.footnote-reference:hover {
490     border-bottom: 1px solid #6D4100;
491 }
492
493 a:hover tt, a:hover code {
494     background: #EEE;
495 }
496
497
498 @media screen and (max-width: 870px) {
499
500     div.sphinxsidebar {
501         display: none;
502     }
503
504     div.document {
505        width: 100%;
506
507     }
508
509     div.documentwrapper {
510         margin-left: 0;
511         margin-top: 0;
512         margin-right: 0;
513         margin-bottom: 0;
514     }
515
516     div.bodywrapper {
517         margin-top: 0;
518         margin-right: 0;
519         margin-bottom: 0;
520         margin-left: 0;
521     }
522
523     ul {
524         margin-left: 0;
525     }
526
527         li > ul {
528         /* Matches the 30px from the "ul, ol" selector above */
529                 margin-left: 30px;
530         }
531
532     .document {
533         width: auto;
534     }
535
536     .footer {
537         width: auto;
538     }
539
540     .bodywrapper {
541         margin: 0;
542     }
543
544     .footer {
545         width: auto;
546     }
547
548     .github {
549         display: none;
550     }
551
552
553
554 }
555
556
557
558 @media screen and (max-width: 875px) {
559
560     body {
561         margin: 0;
562         padding: 20px 30px;
563     }
564
565     div.documentwrapper {
566         float: none;
567         background: #fff;
568     }
569
570     div.sphinxsidebar {
571         display: block;
572         float: none;
573         width: 102.5%;
574         margin: 50px -30px -20px -30px;
575         padding: 10px 20px;
576         background: #333;
577         color: #FFF;
578     }
579
580     div.sphinxsidebar h3, div.sphinxsidebar h4, div.sphinxsidebar p,
581     div.sphinxsidebar h3 a {
582         color: #fff;
583     }
584
585     div.sphinxsidebar a {
586         color: #AAA;
587     }
588
589     div.sphinxsidebar p.logo {
590         display: none;
591     }
592
593     div.document {
594         width: 100%;
595         margin: 0;
596     }
597
598     div.footer {
599         display: none;
600     }
601
602     div.bodywrapper {
603         margin: 0;
604     }
605
606     div.body {
607         min-height: 0;
608         padding: 0;
609     }
610
611     .rtd_doc_footer {
612         display: none;
613     }
614
615     .document {
616         width: auto;
617     }
618
619     .footer {
620         width: auto;
621     }
622
623     .footer {
624         width: auto;
625     }
626
627     .github {
628         display: none;
629     }
630 }
631
632
633 /* misc. */
634
635 .revsys-inline {
636     display: none!important;
637 }
638
639 /* Make nested-list/multi-paragraph items look better in Releases changelog
640  * pages. Without this, docutils' magical list fuckery causes inconsistent
641  * formatting between different release sub-lists.
642  */
643 div#changelog > div.section > ul > li > p:only-child {
644     margin-bottom: 0;
645 }
646
647 /* Hide fugly table cell borders in ..bibliography:: directive output */
648 table.docutils.citation, table.docutils.citation td, table.docutils.citation th {
649   border: none;
650   /* Below needed in some edge cases; if not applied, bottom shadows appear */
651   -moz-box-shadow: none;
652   -webkit-box-shadow: none;
653   box-shadow: none;
654 }
655
656
657 /* relbar */
658
659 .related {
660     line-height: 30px;
661     width: 100%;
662     font-size: 0.9rem;
663 }
664
665 .related.top {
666     border-bottom: 1px solid #EEE;
667     margin-bottom: 20px;
668 }
669
670 .related.bottom {
671     border-top: 1px solid #EEE;
672 }
673
674 .related ul {
675     padding: 0;
676     margin: 0;
677     list-style: none;
678 }
679
680 .related li {
681     display: inline;
682 }
683
684 nav#rellinks {
685     float: right;
686 }
687
688 nav#rellinks li+li:before {
689     content: "|";
690 }
691
692 nav#breadcrumbs li+li:before {
693     content: "\00BB";
694 }
695
696 /* Hide certain items when printing */
697 @media print {
698     div.related {
699         display: none;
700     }
701 }