blob: ed177c595544398e4e7eaea6fb3b25f1ec6aa330 [file] [log] [blame]
joe.gregorio258eefb2008-09-06 01:30:25 +00001/**
2 * Sphinx Doc Design
3 */
4
5body {
6 font-family: sans-serif;
7 font-size: 100%;
8 background-color: #11303d;
9 color: #000;
10 margin: 0;
11 padding: 0;
12}
13
14/* :::: LAYOUT :::: */
15
16div.document {
17 background-color: #1c4e63;
18}
19
20div.documentwrapper {
21 float: left;
22 width: 100%;
23}
24
25div.bodywrapper {
26 margin: 0 0 0 230px;
27}
28
29div.body {
30 background-color: white;
31 padding: 0 20px 30px 20px;
32}
33
34div.sphinxsidebarwrapper {
35 padding: 10px 5px 0 10px;
36}
37
38div.sphinxsidebar {
39 float: left;
40 width: 230px;
41 margin-left: -100%;
42 font-size: 90%;
43}
44
45div.clearer {
46 clear: both;
47}
48
49div.footer {
50 color: #fff;
51 width: 100%;
52 padding: 9px 0 9px 0;
53 text-align: center;
54 font-size: 75%;
55}
56
57div.footer a {
58 color: #fff;
59 text-decoration: underline;
60}
61
62div.related {
63 background-color: #133f52;
64 color: #fff;
65 width: 100%;
66 height: 30px;
67 line-height: 30px;
68 font-size: 90%;
69}
70
71div.related h3 {
72 display: none;
73}
74
75div.related ul {
76 margin: 0;
77 padding: 0 0 0 10px;
78 list-style: none;
79}
80
81div.related li {
82 display: inline;
83}
84
85div.related li.right {
86 float: right;
87 margin-right: 5px;
88}
89
90div.related a {
91 color: white;
92}
93
94/* ::: TOC :::: */
95div.sphinxsidebar h3 {
96 font-family: 'Trebuchet MS', sans-serif;
97 color: white;
98 font-size: 1.4em;
99 font-weight: normal;
100 margin: 0;
101 padding: 0;
102}
103
104div.sphinxsidebar h4 {
105 font-family: 'Trebuchet MS', sans-serif;
106 color: white;
107 font-size: 1.3em;
108 font-weight: normal;
109 margin: 5px 0 0 0;
110 padding: 0;
111}
112
113div.sphinxsidebar p {
114 color: white;
115}
116
117div.sphinxsidebar p.topless {
118 margin: 5px 10px 10px 10px;
119}
120
121div.sphinxsidebar ul {
122 margin: 10px;
123 padding: 0;
124 list-style: none;
125 color: white;
126}
127
128div.sphinxsidebar ul ul,
129div.sphinxsidebar ul.want-points {
130 margin-left: 20px;
131 list-style: square;
132}
133
134div.sphinxsidebar ul ul {
135 margin-top: 0;
136 margin-bottom: 0;
137}
138
139div.sphinxsidebar a {
140 color: #98dbcc;
141}
142
143div.sphinxsidebar form {
144 margin-top: 10px;
145}
146
147div.sphinxsidebar input {
148 border: 1px solid #98dbcc;
149 font-family: sans-serif;
150 font-size: 1em;
151}
152
153/* :::: MODULE CLOUD :::: */
154div.modulecloud {
155 margin: -5px 10px 5px 10px;
156 padding: 10px;
157 line-height: 160%;
158 border: 1px solid #cbe7e5;
159 background-color: #f2fbfd;
160}
161
162div.modulecloud a {
163 padding: 0 5px 0 5px;
164}
165
166/* :::: SEARCH :::: */
167ul.search {
168 margin: 10px 0 0 20px;
169 padding: 0;
170}
171
172ul.search li {
173 padding: 5px 0 5px 20px;
174 background-image: url(file.png);
175 background-repeat: no-repeat;
176 background-position: 0 7px;
177}
178
179ul.search li a {
180 font-weight: bold;
181}
182
183ul.search li div.context {
184 color: #888;
185 margin: 2px 0 0 30px;
186 text-align: left;
187}
188
189ul.keywordmatches li.goodmatch a {
190 font-weight: bold;
191}
192
193/* :::: COMMON FORM STYLES :::: */
194
195div.actions {
196 padding: 5px 10px 5px 10px;
197 border-top: 1px solid #cbe7e5;
198 border-bottom: 1px solid #cbe7e5;
199 background-color: #e0f6f4;
200}
201
202form dl {
203 color: #333;
204}
205
206form dt {
207 clear: both;
208 float: left;
209 min-width: 110px;
210 margin-right: 10px;
211 padding-top: 2px;
212}
213
214input#homepage {
215 display: none;
216}
217
218div.error {
219 margin: 5px 20px 0 0;
220 padding: 5px;
221 border: 1px solid #d00;
222 font-weight: bold;
223}
224
225/* :::: INLINE COMMENTS :::: */
226
227div.inlinecomments {
228 position: absolute;
229 right: 20px;
230}
231
232div.inlinecomments a.bubble {
233 display: block;
234 float: right;
235 background-image: url(style/comment.png);
236 background-repeat: no-repeat;
237 width: 25px;
238 height: 25px;
239 text-align: center;
240 padding-top: 3px;
241 font-size: 0.9em;
242 line-height: 14px;
243 font-weight: bold;
244 color: black;
245}
246
247div.inlinecomments a.bubble span {
248 display: none;
249}
250
251div.inlinecomments a.emptybubble {
252 background-image: url(style/nocomment.png);
253}
254
255div.inlinecomments a.bubble:hover {
256 background-image: url(style/hovercomment.png);
257 text-decoration: none;
258 color: #3ca0a4;
259}
260
261div.inlinecomments div.comments {
262 float: right;
263 margin: 25px 5px 0 0;
264 max-width: 50em;
265 min-width: 30em;
266 border: 1px solid #2eabb0;
267 background-color: #f2fbfd;
268 z-index: 150;
269}
270
271div#comments {
272 border: 1px solid #2eabb0;
273 margin-top: 20px;
274}
275
276div#comments div.nocomments {
277 padding: 10px;
278 font-weight: bold;
279}
280
281div.inlinecomments div.comments h3,
282div#comments h3 {
283 margin: 0;
284 padding: 0;
285 background-color: #2eabb0;
286 color: white;
287 border: none;
288 padding: 3px;
289}
290
291div.inlinecomments div.comments div.actions {
292 padding: 4px;
293 margin: 0;
294 border-top: none;
295}
296
297div#comments div.comment {
298 margin: 10px;
299 border: 1px solid #2eabb0;
300}
301
302div.inlinecomments div.comment h4,
303div.commentwindow div.comment h4,
304div#comments div.comment h4 {
305 margin: 10px 0 0 0;
306 background-color: #2eabb0;
307 color: white;
308 border: none;
309 padding: 1px 4px 1px 4px;
310}
311
312div#comments div.comment h4 {
313 margin: 0;
314}
315
316div#comments div.comment h4 a {
317 color: #d5f4f4;
318}
319
320div.inlinecomments div.comment div.text,
321div.commentwindow div.comment div.text,
322div#comments div.comment div.text {
323 margin: -5px 0 -5px 0;
324 padding: 0 10px 0 10px;
325}
326
327div.inlinecomments div.comment div.meta,
328div.commentwindow div.comment div.meta,
329div#comments div.comment div.meta {
330 text-align: right;
331 padding: 2px 10px 2px 0;
332 font-size: 95%;
333 color: #538893;
334 border-top: 1px solid #cbe7e5;
335 background-color: #e0f6f4;
336}
337
338div.commentwindow {
339 position: absolute;
340 width: 500px;
341 border: 1px solid #cbe7e5;
342 background-color: #f2fbfd;
343 display: none;
344 z-index: 130;
345}
346
347div.commentwindow h3 {
348 margin: 0;
349 background-color: #2eabb0;
350 color: white;
351 border: none;
352 padding: 5px;
353 font-size: 1.5em;
354 cursor: pointer;
355}
356
357div.commentwindow div.actions {
358 margin: 10px -10px 0 -10px;
359 padding: 4px 10px 4px 10px;
360 color: #538893;
361}
362
363div.commentwindow div.actions input {
364 border: 1px solid #2eabb0;
365 background-color: white;
366 color: #135355;
367 cursor: pointer;
368}
369
370div.commentwindow div.form {
371 padding: 0 10px 0 10px;
372}
373
374div.commentwindow div.form input,
375div.commentwindow div.form textarea {
376 border: 1px solid #3c9ea2;
377 background-color: white;
378 color: black;
379}
380
381div.commentwindow div.error {
382 margin: 10px 5px 10px 5px;
383 background-color: #fbe5dc;
384 display: none;
385}
386
387div.commentwindow div.form textarea {
388 width: 99%;
389}
390
391div.commentwindow div.preview {
392 margin: 10px 0 10px 0;
393 background-color: #70d0d4;
394 padding: 0 1px 1px 25px;
395}
396
397div.commentwindow div.preview h4 {
398 margin: 0 0 -5px -20px;
399 padding: 4px 0 0 4px;
400 color: white;
401 font-size: 1.3em;
402}
403
404div.commentwindow div.preview div.comment {
405 background-color: #f2fbfd;
406}
407
408div.commentwindow div.preview div.comment h4 {
409 margin: 10px 0 0 0!important;
410 padding: 1px 4px 1px 4px!important;
411 font-size: 1.2em;
412}
413
414/* :::: SUGGEST CHANGES :::: */
415div#suggest-changes-box input, div#suggest-changes-box textarea {
416 border: 1px solid #ccc;
417 background-color: white;
418 color: black;
419}
420
421div#suggest-changes-box textarea {
422 width: 99%;
423 height: 400px;
424}
425
426
427/* :::: PREVIEW :::: */
428div.preview {
429 background-image: url(style/preview.png);
430 padding: 0 20px 20px 20px;
431 margin-bottom: 30px;
432}
433
434
435/* :::: INDEX PAGE :::: */
436
437table.contentstable {
438 width: 90%;
439}
440
441table.contentstable p.biglink {
442 line-height: 150%;
443}
444
445a.biglink {
446 font-size: 1.3em;
447}
448
449span.linkdescr {
450 font-style: italic;
451 padding-top: 5px;
452 font-size: 90%;
453}
454
455/* :::: INDEX STYLES :::: */
456
457table.indextable td {
458 text-align: left;
459 vertical-align: top;
460}
461
462table.indextable dl, table.indextable dd {
463 margin-top: 0;
464 margin-bottom: 0;
465}
466
467table.indextable tr.pcap {
468 height: 10px;
469}
470
471table.indextable tr.cap {
472 margin-top: 10px;
473 background-color: #f2f2f2;
474}
475
476img.toggler {
477 margin-right: 3px;
478 margin-top: 3px;
479 cursor: pointer;
480}
481
482form.pfform {
483 margin: 10px 0 20px 0;
484}
485
486/* :::: GLOBAL STYLES :::: */
487
488.docwarning {
489 background-color: #ffe4e4;
490 padding: 10px;
491 margin: 0 -20px 0 -20px;
492 border-bottom: 1px solid #f66;
493}
494
495p.subhead {
496 font-weight: bold;
497 margin-top: 20px;
498}
499
500a {
501 color: #355f7c;
502 text-decoration: none;
503}
504
505a:hover {
506 text-decoration: underline;
507}
508
509div.body h1,
510div.body h2,
511div.body h3,
512div.body h4,
513div.body h5,
514div.body h6 {
515 font-family: 'Trebuchet MS', sans-serif;
516 background-color: #f2f2f2;
517 font-weight: normal;
518 color: #20435c;
519 border-bottom: 1px solid #ccc;
520 margin: 20px -20px 10px -20px;
521 padding: 3px 0 3px 10px;
522}
523
524div.body h1 { margin-top: 0; font-size: 200%; }
525div.body h2 { font-size: 160%; }
526div.body h3 { font-size: 140%; }
527div.body h4 { font-size: 120%; }
528div.body h5 { font-size: 110%; }
529div.body h6 { font-size: 100%; }
530
531a.headerlink {
532 color: #c60f0f;
533 font-size: 0.8em;
534 padding: 0 4px 0 4px;
535 text-decoration: none;
536 visibility: hidden;
537}
538
539h1:hover > a.headerlink,
540h2:hover > a.headerlink,
541h3:hover > a.headerlink,
542h4:hover > a.headerlink,
543h5:hover > a.headerlink,
544h6:hover > a.headerlink,
545dt:hover > a.headerlink {
546 visibility: visible;
547}
548
549a.headerlink:hover {
550 background-color: #c60f0f;
551 color: white;
552}
553
554div.body p, div.body dd, div.body li {
555 text-align: justify;
556 line-height: 130%;
557}
558
559div.body p.caption {
560 text-align: inherit;
561}
562
563div.body td {
564 text-align: left;
565}
566
567ul.fakelist {
568 list-style: none;
569 margin: 10px 0 10px 20px;
570 padding: 0;
571}
572
573.field-list ul {
574 padding-left: 1em;
575}
576
577.first {
578 margin-top: 0 !important;
579}
580
581/* "Footnotes" heading */
582p.rubric {
583 margin-top: 30px;
584 font-weight: bold;
585}
586
587/* "Topics" */
588
589div.topic {
590 background-color: #eee;
591 border: 1px solid #ccc;
592 padding: 0 7px 0 7px;
593 margin: 10px 0 10px 0;
594}
595
596p.topic-title {
597 font-size: 1.1em;
598 font-weight: bold;
599 margin-top: 10px;
600}
601
602/* Admonitions */
603
604div.admonition {
605 margin-top: 10px;
606 margin-bottom: 10px;
607 padding: 7px;
608}
609
610div.admonition dt {
611 font-weight: bold;
612}
613
614div.admonition dl {
615 margin-bottom: 0;
616}
617
618div.admonition p {
619 display: inline;
620}
621
622div.seealso {
623 background-color: #ffc;
624 border: 1px solid #ff6;
625}
626
627div.warning {
628 background-color: #ffe4e4;
629 border: 1px solid #f66;
630}
631
632div.note {
633 background-color: #eee;
634 border: 1px solid #ccc;
635}
636
637p.admonition-title {
638 margin: 0px 10px 5px 0px;
639 font-weight: bold;
640 display: inline;
641}
642
643p.admonition-title:after {
644 content: ":";
645}
646
647div.body p.centered {
648 text-align: center;
649 margin-top: 25px;
650}
651
652table.docutils {
653 border: 0;
654}
655
656table.docutils td, table.docutils th {
657 padding: 1px 8px 1px 0;
658 border-top: 0;
659 border-left: 0;
660 border-right: 0;
661 border-bottom: 1px solid #aaa;
662}
663
664table.field-list td, table.field-list th {
665 border: 0 !important;
666}
667
668table.footnote td, table.footnote th {
669 border: 0 !important;
670}
671
672.field-list ul {
673 margin: 0;
674 padding-left: 1em;
675}
676
677.field-list p {
678 margin: 0;
679}
680
681dl {
682 margin-bottom: 15px;
683 clear: both;
684}
685
686dd p {
687 margin-top: 0px;
688}
689
690dd ul, dd table {
691 margin-bottom: 10px;
692}
693
694dd {
695 margin-top: 3px;
696 margin-bottom: 10px;
697 margin-left: 30px;
698}
699
700.refcount {
701 color: #060;
702}
703
704dt:target,
705.highlight {
706 background-color: #fbe54e;
707}
708
709dl.glossary dt {
710 font-weight: bold;
711 font-size: 1.1em;
712}
713
714th {
715 text-align: left;
716 padding-right: 5px;
717}
718
719pre {
720 padding: 5px;
721 background-color: #efc;
722 color: #333;
723 border: 1px solid #ac9;
724 border-left: none;
725 border-right: none;
726 overflow: auto;
727}
728
729td.linenos pre {
730 padding: 5px 0px;
731 border: 0;
732 background-color: transparent;
733 color: #aaa;
734}
735
736table.highlighttable {
737 margin-left: 0.5em;
738}
739
740table.highlighttable td {
741 padding: 0 0.5em 0 0.5em;
742}
743
744tt {
745 background-color: #ecf0f3;
746 padding: 0 1px 0 1px;
747 font-size: 0.95em;
748}
749
750tt.descname {
751 background-color: transparent;
752 font-weight: bold;
753 font-size: 1.2em;
754}
755
756tt.descclassname {
757 background-color: transparent;
758}
759
760tt.xref, a tt {
761 background-color: transparent;
762 font-weight: bold;
763}
764
765.footnote:target { background-color: #ffa }
766
767h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt {
768 background-color: transparent;
769}
770
771.optional {
772 font-size: 1.3em;
773}
774
775.versionmodified {
776 font-style: italic;
777}
778
779form.comment {
780 margin: 0;
781 padding: 10px 30px 10px 30px;
782 background-color: #eee;
783}
784
785form.comment h3 {
786 background-color: #326591;
787 color: white;
788 margin: -10px -30px 10px -30px;
789 padding: 5px;
790 font-size: 1.4em;
791}
792
793form.comment input,
794form.comment textarea {
795 border: 1px solid #ccc;
796 padding: 2px;
797 font-family: sans-serif;
798 font-size: 100%;
799}
800
801form.comment input[type="text"] {
802 width: 240px;
803}
804
805form.comment textarea {
806 width: 100%;
807 height: 200px;
808 margin-bottom: 10px;
809}
810
811.system-message {
812 background-color: #fda;
813 padding: 5px;
814 border: 3px solid red;
815}
816
817/* :::: PRINT :::: */
818@media print {
819 div.document,
820 div.documentwrapper,
821 div.bodywrapper {
822 margin: 0;
823 width : 100%;
824 }
825
826 div.sphinxsidebar,
827 div.related,
828 div.footer,
829 div#comments div.new-comment-box,
830 #top-link {
831 display: none;
832 }
833}