Add sphinx documentation, integrated into our navigation and colour scheme
[ndcode_site.git] / css / sphinx / basic.less
1 /*
2  * basic.css
3  * ~~~~~~~~~
4  *
5  * Sphinx stylesheet -- basic theme.
6  *
7  * :copyright: Copyright 2007-2020 by the Sphinx team, see AUTHORS.
8  * :license: BSD, see LICENSE for details.
9  *
10  */
11
12 div.sphinx { // Nick
13
14 /* -- main layout ----------------------------------------------------------- */
15
16 div.clearer {
17     clear: both;
18 }
19
20 /* -- relbar ---------------------------------------------------------------- */
21
22 div.related {
23     width: 100%;
24     font-size: 90%;
25 }
26
27 div.related h3 {
28     display: none;
29 }
30
31 div.related ul {
32     margin: 0;
33     padding: 0 0 0 10px;
34     list-style: none;
35 }
36
37 div.related li {
38     display: inline;
39 }
40
41 div.related li.right {
42     float: right;
43     margin-right: 5px;
44 }
45
46 /* -- sidebar --------------------------------------------------------------- */
47
48 div.sphinxsidebarwrapper {
49     padding: 10px 5px 0 10px;
50 }
51
52 div.sphinxsidebar {
53     float: left;
54     width: 230px;
55     margin-left: -100%;
56     font-size: 90%;
57     word-wrap: break-word;
58     overflow-wrap : break-word;
59 }
60
61 div.sphinxsidebar ul {
62     list-style: none;
63 }
64
65 div.sphinxsidebar ul ul,
66 div.sphinxsidebar ul.want-points {
67     margin-left: 20px;
68     list-style: square;
69 }
70
71 div.sphinxsidebar ul ul {
72     margin-top: 0;
73     margin-bottom: 0;
74 }
75
76 div.sphinxsidebar form {
77     margin-top: 10px;
78 }
79
80 div.sphinxsidebar input {
81     border: 1px solid #98dbcc;
82     font-family: sans-serif;
83     font-size: 1em;
84 }
85
86 div.sphinxsidebar #searchbox form.search {
87     overflow: hidden;
88 }
89
90 div.sphinxsidebar #searchbox input[type="text"] {
91     float: left;
92     width: 80%;
93     padding: 0.25em;
94     box-sizing: border-box;
95 }
96
97 div.sphinxsidebar #searchbox input[type="submit"] {
98     float: left;
99     width: 20%;
100     border-left: none;
101     padding: 0.25em;
102     box-sizing: border-box;
103 }
104
105
106 img {
107     border: 0;
108     max-width: 100%;
109 }
110
111 /* -- search page ----------------------------------------------------------- */
112
113 ul.search {
114     margin: 10px 0 0 20px;
115     padding: 0;
116 }
117
118 ul.search li {
119     padding: 5px 0 5px 20px;
120     background-image: url(file.png);
121     background-repeat: no-repeat;
122     background-position: 0 7px;
123 }
124
125 ul.search li a {
126     font-weight: bold;
127 }
128
129 ul.search li div.context {
130     color: #888;
131     margin: 2px 0 0 30px;
132     text-align: left;
133 }
134
135 ul.keywordmatches li.goodmatch a {
136     font-weight: bold;
137 }
138
139 /* -- index page ------------------------------------------------------------ */
140
141 table.contentstable {
142     width: 90%;
143     margin-left: auto;
144     margin-right: auto;
145 }
146
147 table.contentstable p.biglink {
148     line-height: 150%;
149 }
150
151 a.biglink {
152     font-size: 1.3em;
153 }
154
155 span.linkdescr {
156     font-style: italic;
157     padding-top: 5px;
158     font-size: 90%;
159 }
160
161 /* -- general index --------------------------------------------------------- */
162
163 table.indextable {
164     width: 100%;
165 }
166
167 table.indextable td {
168     text-align: left;
169     vertical-align: top;
170 }
171
172 table.indextable ul {
173     margin-top: 0;
174     margin-bottom: 0;
175     list-style-type: none;
176 }
177
178 table.indextable > tbody > tr > td > ul {
179     padding-left: 0em;
180 }
181
182 table.indextable tr.pcap {
183     height: 10px;
184 }
185
186 table.indextable tr.cap {
187     margin-top: 10px;
188     background-color: #f2f2f2;
189 }
190
191 img.toggler {
192     margin-right: 3px;
193     margin-top: 3px;
194     cursor: pointer;
195 }
196
197 div.modindex-jumpbox {
198     border-top: 1px solid #ddd;
199     border-bottom: 1px solid #ddd;
200     margin: 1em 0 1em 0;
201     padding: 0.4em;
202 }
203
204 div.genindex-jumpbox {
205     border-top: 1px solid #ddd;
206     border-bottom: 1px solid #ddd;
207     margin: 1em 0 1em 0;
208     padding: 0.4em;
209 }
210
211 /* -- domain module index --------------------------------------------------- */
212
213 table.modindextable td {
214     padding: 2px;
215     border-collapse: collapse;
216 }
217
218 /* -- general body styles --------------------------------------------------- */
219
220 div.body {
221     min-width: 450px;
222     //max-width: 800px;
223 }
224
225 div.body p, div.body dd, div.body li, div.body blockquote {
226     -moz-hyphens: auto;
227     -ms-hyphens: auto;
228     -webkit-hyphens: auto;
229     hyphens: auto;
230 }
231
232 a.headerlink {
233     visibility: hidden;
234 }
235
236 a.brackets:before,
237 span.brackets > a:before{
238     content: "[";
239 }
240
241 a.brackets:after,
242 span.brackets > a:after {
243     content: "]";
244 }
245
246 h1:hover > a.headerlink,
247 h2:hover > a.headerlink,
248 h3:hover > a.headerlink,
249 h4:hover > a.headerlink,
250 h5:hover > a.headerlink,
251 h6:hover > a.headerlink,
252 dt:hover > a.headerlink,
253 caption:hover > a.headerlink,
254 p.caption:hover > a.headerlink,
255 div.code-block-caption:hover > a.headerlink {
256     visibility: visible;
257 }
258
259 div.body p.caption {
260     text-align: inherit;
261 }
262
263 div.body td {
264     text-align: left;
265 }
266
267 .first {
268     margin-top: 0 !important;
269 }
270
271 p.rubric {
272     margin-top: 30px;
273     font-weight: bold;
274 }
275
276 img.align-left, .figure.align-left, object.align-left {
277     clear: left;
278     float: left;
279     margin-right: 1em;
280 }
281
282 img.align-right, .figure.align-right, object.align-right {
283     clear: right;
284     float: right;
285     margin-left: 1em;
286 }
287
288 img.align-center, .figure.align-center, object.align-center {
289   display: block;
290   margin-left: auto;
291   margin-right: auto;
292 }
293
294 img.align-default, .figure.align-default {
295   display: block;
296   margin-left: auto;
297   margin-right: auto;
298 }
299
300 .align-left {
301     text-align: left;
302 }
303
304 .align-center {
305     text-align: center;
306 }
307
308 .align-default {
309     text-align: center;
310 }
311
312 .align-right {
313     text-align: right;
314 }
315
316 /* -- sidebars -------------------------------------------------------------- */
317
318 div.sidebar {
319     margin: 0 0 0.5em 1em;
320     border: 1px solid #ddb;
321     padding: 7px 7px 0 7px;
322     background-color: #ffe;
323     width: 40%;
324     float: right;
325 }
326
327 p.sidebar-title {
328     font-weight: bold;
329 }
330
331 /* -- topics ---------------------------------------------------------------- */
332
333 div.topic {
334     border: 1px solid #ccc;
335     padding: 7px 7px 0 7px;
336     margin: 10px 0 10px 0;
337 }
338
339 p.topic-title {
340     font-size: 1.1em;
341     font-weight: bold;
342     margin-top: 10px;
343 }
344
345 /* -- admonitions ----------------------------------------------------------- */
346
347 div.admonition {
348     margin-top: 10px;
349     margin-bottom: 10px;
350     padding: 7px;
351 }
352
353 div.admonition dt {
354     font-weight: bold;
355 }
356
357 div.admonition dl {
358     margin-bottom: 0;
359 }
360
361 p.admonition-title {
362     margin: 0px 10px 5px 0px;
363     font-weight: bold;
364 }
365
366 div.body p.centered {
367     text-align: center;
368     margin-top: 25px;
369 }
370
371 /* -- tables ---------------------------------------------------------------- */
372
373 table.docutils {
374     border: 0;
375     border-collapse: collapse;
376 }
377
378 table.align-center {
379     margin-left: auto;
380     margin-right: auto;
381 }
382
383 table.align-default {
384     margin-left: auto;
385     margin-right: auto;
386 }
387
388 table caption span.caption-number {
389     font-style: italic;
390 }
391
392 table caption span.caption-text {
393 }
394
395 table.docutils td, table.docutils th {
396     padding: 1px 8px 1px 5px;
397     border-top: 0;
398     border-left: 0;
399     border-right: 0;
400     border-bottom: 1px solid #aaa;
401 }
402
403 table.footnote td, table.footnote th {
404     border: 0 !important;
405 }
406
407 th {
408     text-align: left;
409     padding-right: 5px;
410 }
411
412 table.citation {
413     border-left: solid 1px gray;
414     margin-left: 1px;
415 }
416
417 table.citation td {
418     border-bottom: none;
419 }
420
421 th > p:first-child,
422 td > p:first-child {
423     margin-top: 0px;
424 }
425
426 th > p:last-child,
427 td > p:last-child {
428     margin-bottom: 0px;
429 }
430
431 /* -- figures --------------------------------------------------------------- */
432
433 div.figure {
434     margin: 0.5em;
435     padding: 0.5em;
436 }
437
438 div.figure p.caption {
439     padding: 0.3em;
440 }
441
442 div.figure p.caption span.caption-number {
443     font-style: italic;
444 }
445
446 div.figure p.caption span.caption-text {
447 }
448
449 /* -- field list styles ----------------------------------------------------- */
450
451 table.field-list td, table.field-list th {
452     border: 0 !important;
453 }
454
455 .field-list ul {
456     margin: 0;
457     padding-left: 1em;
458 }
459
460 .field-list p {
461     margin: 0;
462 }
463
464 .field-name {
465     -moz-hyphens: manual;
466     -ms-hyphens: manual;
467     -webkit-hyphens: manual;
468     hyphens: manual;
469 }
470
471 /* -- hlist styles ---------------------------------------------------------- */
472
473 table.hlist td {
474     vertical-align: top;
475 }
476
477
478 /* -- other body styles ----------------------------------------------------- */
479
480 ol.arabic {
481     list-style: decimal;
482 }
483
484 ol.loweralpha {
485     list-style: lower-alpha;
486 }
487
488 ol.upperalpha {
489     list-style: upper-alpha;
490 }
491
492 ol.lowerroman {
493     list-style: lower-roman;
494 }
495
496 ol.upperroman {
497     list-style: upper-roman;
498 }
499
500 li > p:first-child {
501     margin-top: 0px;
502 }
503
504 li > p:last-child {
505     margin-bottom: 0px;
506 }
507
508 dl.footnote > dt,
509 dl.citation > dt {
510     float: left;
511 }
512
513 dl.footnote > dd,
514 dl.citation > dd {
515     margin-bottom: 0em;
516 }
517
518 dl.footnote > dd:after,
519 dl.citation > dd:after {
520     content: "";
521     clear: both;
522 }
523
524 dl.field-list {
525     display: grid;
526     grid-template-columns: fit-content(30%) auto;
527 }
528
529 dl.field-list > dt {
530     font-weight: bold;
531     word-break: break-word;
532     padding-left: 0.5em;
533     padding-right: 5px;
534 }
535
536 dl.field-list > dt:after {
537     content: ":";
538 }
539
540 dl.field-list > dd {
541     padding-left: 0.5em;
542     margin-top: 0em;
543     margin-left: 0em;
544     margin-bottom: 0em;
545 }
546
547 dl {
548     margin-bottom: 15px;
549 }
550
551 dd > p:first-child {
552     margin-top: 0px;
553 }
554
555 dd ul, dd table {
556     margin-bottom: 10px;
557 }
558
559 dd {
560     margin-top: 3px;
561     margin-bottom: 10px;
562     margin-left: 30px;
563 }
564
565 dt:target, span.highlighted {
566     background-color: #fbe54e;
567 }
568
569 rect.highlighted {
570     fill: #fbe54e;
571 }
572
573 dl.glossary dt {
574     font-weight: bold;
575     font-size: 1.1em;
576 }
577
578 .optional {
579     font-size: 1.3em;
580 }
581
582 .sig-paren {
583     font-size: larger;
584 }
585
586 .versionmodified {
587     font-style: italic;
588 }
589
590 .system-message {
591     background-color: #fda;
592     padding: 5px;
593     border: 3px solid red;
594 }
595
596 .footnote:target  {
597     background-color: #ffa;
598 }
599
600 .line-block {
601     display: block;
602     margin-top: 1em;
603     margin-bottom: 1em;
604 }
605
606 .line-block .line-block {
607     margin-top: 0;
608     margin-bottom: 0;
609     margin-left: 1.5em;
610 }
611
612 .guilabel, .menuselection {
613     font-family: sans-serif;
614 }
615
616 .accelerator {
617     text-decoration: underline;
618 }
619
620 .classifier {
621     font-style: oblique;
622 }
623
624 .classifier:before {
625     font-style: normal;
626     margin: 0.5em;
627     content: ":";
628 }
629
630 abbr, acronym {
631     border-bottom: dotted 1px;
632     cursor: help;
633 }
634
635 /* -- code displays --------------------------------------------------------- */
636
637 pre {
638     overflow: auto;
639     overflow-y: hidden;  /* fixes display issues on Chrome browsers */
640 }
641
642 span.pre {
643     -moz-hyphens: none;
644     -ms-hyphens: none;
645     -webkit-hyphens: none;
646     hyphens: none;
647 }
648
649 td.linenos pre {
650     padding: 5px 0px;
651     border: 0;
652     background-color: transparent;
653     color: #aaa;
654 }
655
656 table.highlighttable {
657     margin-left: 0.5em;
658 }
659
660 table.highlighttable td {
661     padding: 0 0.5em 0 0.5em;
662 }
663
664 div.code-block-caption {
665     padding: 2px 5px;
666     font-size: small;
667 }
668
669 div.code-block-caption code {
670     background-color: transparent;
671 }
672
673 div.code-block-caption + div > div.highlight > pre {
674     margin-top: 0;
675 }
676
677 div.doctest > div.highlight span.gp {  /* gp: Generic.Prompt */
678     user-select: none;
679 }
680
681 div.code-block-caption span.caption-number {
682     padding: 0.1em 0.3em;
683     font-style: italic;
684 }
685
686 div.code-block-caption span.caption-text {
687 }
688
689 div.literal-block-wrapper {
690     padding: 1em 1em 0;
691 }
692
693 div.literal-block-wrapper div.highlight {
694     margin: 0;
695 }
696
697 code.descname {
698     background-color: transparent;
699     font-weight: bold;
700     font-size: 1.2em;
701 }
702
703 code.descclassname {
704     background-color: transparent;
705 }
706
707 code.xref, a code {
708     background-color: transparent;
709     font-weight: bold;
710 }
711
712 h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
713     background-color: transparent;
714 }
715
716 .viewcode-link {
717     float: right;
718 }
719
720 .viewcode-back {
721     float: right;
722     font-family: sans-serif;
723 }
724
725 div.viewcode-block:target {
726     margin: -1px -10px;
727     padding: 0 10px;
728 }
729
730 /* -- math display ---------------------------------------------------------- */
731
732 img.math {
733     vertical-align: middle;
734 }
735
736 div.body div.math p {
737     text-align: center;
738 }
739
740 span.eqno {
741     float: right;
742 }
743
744 span.eqno a.headerlink {
745     position: relative;
746     left: 0px;
747     z-index: 1;
748 }
749
750 div.math:hover a.headerlink {
751     visibility: visible;
752 }
753
754 /* -- printout stylesheet --------------------------------------------------- */
755
756 @media print {
757     div.document,
758     div.documentwrapper,
759     div.bodywrapper {
760         margin: 0 !important;
761         width: 100%;
762     }
763
764     div.sphinxsidebar,
765     div.related,
766     div.footer,
767     #top-link {
768         display: none;
769     }
770 }
771
772 } // Nick