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