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