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: }