doc/_static/pylit-sphinx.css

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