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