readtheorg.org (41328B)
1#+TITLE: ReadTheOrg style 2#+AUTHOR: Fabrice Niessen 3#+EMAIL: (concat "fniessen" at-sign "pirilampo.org") 4#+DESCRIPTION: 5#+KEYWORDS: 6#+LANGUAGE: en 7#+OPTIONS: H:4 num:t toc:2 8 9#+SETUPFILE: https://fniessen.github.io/org-html-themes/setup/theme-readtheorg.setup 10 11# See http://pandoc.org/README.html for another organization of the sections 12 13* Overview 14 15Get the lowdown on the key pieces of ReadTheOrg's infrastructure, including our 16approach to better HTML export. 17 18* Typography 19 :PROPERTIES: 20 :header-args: :tangle css/readtheorg.css 21 :END: 22 23#+begin_src css 24@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700"); 25@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"); 26#+end_src 27 28** Headings 29 30#+begin_src css 31h1,h2,h3,h4,h5,h6,legend{ 32 font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif; 33 font-weight:700; 34 margin-top:0; 35} 36 37h1{ 38 font-size:175%; 39} 40 41.subtitle{ 42 font-size:95%; /* of h1 */ 43} 44 45h2{ 46 font-size:150%; 47} 48 49h3{ 50 font-size:125%; 51} 52 53h4{ 54 font-size:115%; 55} 56 57h5{ 58 font-size:110%; 59} 60 61h6{ 62 font-size:100%; 63} 64 65h4,h5,h6{ 66 color:#2980B9; 67 font-weight:300; 68} 69#+end_src 70 71** Body 72 73#+begin_src css 74html{ 75 -ms-text-size-adjust:100%; 76 -webkit-text-size-adjust:100%; 77 font-size:100%; 78 height:100%; 79 overflow-x:hidden; 80} 81 82body{ 83 background:#edf0f2; 84 color:#404040; 85 font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 86 font-weight:normal; 87 margin:0; 88 min-height:100%; 89 overflow-x:hidden; 90} 91 92#content{ 93 background:#fcfcfc; 94 height:100%; 95 margin-left:300px; 96 /* margin:auto; */ 97 max-width:800px; 98 min-height:100%; 99 padding:1.618em 3.236em; 100} 101 102p{ 103 font-size:16px; 104 line-height:24px; 105 margin:0px 0px 24px 0px; 106} 107#+end_src 108 109** Bold 110 111#+begin_src css 112b,strong{ 113 font-weight:bold} 114#+end_src 115 116** Blockquotes 117 118#+begin_src css 119blockquote{ 120 background-color: #F0F0F0; 121 border-left:5px solid #CCCCCC; 122 font-style:italic; 123 line-height:24px; 124 margin:0px 0px 24px 0px; 125 /* margin-left:24px; */ 126 padding: 6px 20px; 127} 128#+end_src 129 130** Lists 131 132#+begin_src css 133ul,ol,dl{ 134 line-height:24px; 135 list-style-image:none; 136 /* list-style:none; */ 137 margin:0px 0px 24px 0px; 138 padding:0; 139} 140#+end_src 141 142#+begin_src css 143li{ 144 margin-left: 24px; 145} 146 147dd{ 148 margin:0; 149} 150#+end_src 151 152#+begin_src css 153#content .section ul,#content .toctree-wrapper ul,article ul{ 154 list-style:disc; 155 line-height:24px; 156 margin-bottom:24px} 157 158#content .section ul li,#content .toctree-wrapper ul li,article ul li{ 159 list-style:disc; 160 margin-left:24px} 161 162#content .section ul li p:last-child,#content .toctree-wrapper ul li p:last-child,article ul li p:last-child{ 163 margin-bottom:0} 164 165#content .section ul li ul,#content .toctree-wrapper ul li ul,article ul li ul{ 166 margin-bottom:0} 167 168#content .section ul li li,#content .toctree-wrapper ul li li,article ul li li{ 169 list-style:circle} 170 171#content .section ul li li li,#content .toctree-wrapper ul li li li,article ul li li li{ 172 list-style:square} 173 174#content .section ul li ol li,#content .toctree-wrapper ul li ol li,article ul li ol li{ 175 list-style:decimal} 176 177#content .section ol,#content ol,article ol{ 178 list-style:decimal; 179 line-height:24px; 180 margin-bottom:24px} 181 182#content .section ol li,#content ol li,article ol li{ 183 list-style:decimal; 184 margin-left:24px} 185 186#content .section ol li p:last-child,#content ol li p:last-child,article ol li p:last-child{ 187 margin-bottom:0} 188 189#content .section ol li ul,#content ol li ul,article ol li ul{ 190 margin-bottom:0} 191 192#content .section ol li ul li,#content ol li ul li,article ol li ul li{ 193 list-style:disc} 194#+end_src 195 196*** Unordered 197 198 199 200*** Ordered 201 202 203 204*** Description 205 206#+begin_src css 207dl dt{ 208 font-weight:bold; 209} 210 211dl p,dl table,dl ul,dl ol{ 212 margin-bottom:12px !important; 213} 214 215dl dd{ 216 margin:0 0 12px 24px; 217} 218#+end_src 219 220* Media queries 221 :PROPERTIES: 222 :header-args: :tangle css/readtheorg.css 223 :END: 224 225#+begin_src css 226@media print{ 227 .codeblock,pre.src{ 228 white-space:pre.src-wrap} 229} 230 231@media print{ 232 html,body,section{ 233 background:none !important} 234 235 ,*{ 236 box-shadow:none !important; 237 text-shadow:none !important; 238 filter:none !important; 239 -ms-filter:none !important} 240 241 a,a:visited{ 242 text-decoration:underline} 243 244 pre.src,blockquote{ 245 page-break-inside:avoid} 246 247 thead{ 248 display:table-header-group} 249 250 tr,img{ 251 page-break-inside:avoid} 252 253 img{ 254 max-width:100% !important} 255 256 @page{ 257 margin:0.5cm} 258 259 p,h2,h3{ 260 orphans:3; 261 widows:3} 262 263 h2,h3{ 264 page-break-after:avoid} 265} 266 267@media print{ 268 #postamble{ 269 display:none} 270 271 #content{ 272 margin-left:0} 273} 274 275@media print{ 276 #table-of-contents{ 277 display:none} 278 279 @page{ 280 size: auto; 281 margin: 25mm 25mm 25mm 25mm;} 282 283 body { 284 margin: 0px;} 285} 286#+end_src 287 288#+begin_src css 289@media screen and (max-width: 768px){ 290} 291#+end_src 292 293#+begin_src css 294@media only screen and (max-width: 480px){ 295} 296 297@media screen and (max-width: 768px){ 298 .tablet-hide{ 299 display:none} 300} 301 302@media screen and (max-width: 480px){ 303 .mobile-hide{ 304 display:none} 305} 306#+end_src 307 308#+begin_src css 309@media screen and (max-width: 480px){ 310} 311#+end_src 312 313#+begin_src css 314@media screen and (max-width: 768px){ 315 #content{ 316 margin-left:0} 317 318 #content #content{ 319 padding:1.618em} 320 321 #content.shift{ 322 position:fixed; 323 min-width:100%; 324 left:85%; 325 top:0; 326 height:100%; 327 overflow:hidden} 328} 329 330@media screen and (min-width: 1400px){ 331 #content{ 332 background:rgba(0,0,0,0.05)} 333 334 #content{ 335 background:#fcfcfc} 336} 337#+end_src 338 339#+begin_src css 340@media screen and (max-width: 768px){ 341 #copyright{ 342 width:85%; 343 display:none} 344 345 #copyright.shift{ 346 display:block} 347 348 img{ 349 width:100%; 350 height:auto} 351} 352#+end_src 353 354#+begin_src css 355@media screen and (max-width: 480px){ 356 #content .sidebar{ 357 width:100%} 358} 359#+end_src 360 361* Code 362 :PROPERTIES: 363 :header-args: :tangle css/readtheorg.css 364 :END: 365 366** Inline 367 368#+begin_src css 369code{ 370 background:#fff; 371 border:solid 1px #e1e4e5; 372 /* color:#000; for clickable code */ 373 font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; 374 font-size:75%; 375 max-width:100%; 376 overflow-x:auto; 377 padding:0 5px; 378 white-space:nowrap; 379} 380#+end_src 381 382** Basic block 383 384#+begin_src css 385.codeblock-example{ 386 border:1px solid #e1e4e5; 387 border-bottom:none; 388 padding:24px; 389 padding-top:48px; 390 font-weight:500; 391 background:#fff; 392 position:relative} 393 394.codeblock-example:after{ 395 content:"Example"; 396 position:absolute; 397 top:0px; 398 left:0px; 399 background:#9B59B6; 400 color:#fff; 401 padding:6px 12px} 402 403.codeblock-example.prettyprint-example-only{ 404 border:1px solid #e1e4e5; 405 margin-bottom:24px} 406 407.codeblock,pre.src,#content .literal-block{ 408 border:1px solid #e1e4e5; 409 padding:12px; 410 overflow-x:auto; 411 background:#fff; 412 margin:1px 0 24px 0} 413 414pre.src{ 415 /* color:#404040; */ 416 display:block; 417 font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; 418 font-size:12px; 419 line-height:1.5; 420 margin:1px 0px 24px 0px; 421 overflow:auto; 422 padding:12px; 423 white-space:pre; 424} 425#+end_src 426 427** Sample output 428 429#+begin_src css 430.example{ 431 background:#f3f6f6; 432 border:1px solid #e1e4e5; 433 color:#404040; 434 font-size: 12px; 435 line-height: 1.5; 436 margin-bottom:24px; 437 padding:12px; 438} 439#+end_src 440 441* Tables 442 :PROPERTIES: 443 :header-args: :tangle css/readtheorg.css 444 :END: 445 446** Basic example 447 448#+begin_src css 449table{ 450 border-collapse:collapse; 451 border-spacing:0; 452 empty-cells:show; 453 margin-bottom:24px; 454 border-bottom:1px solid #e1e4e5; 455} 456 457td{ 458 vertical-align:top} 459 460table td,table th{ 461 font-size:90%; 462 margin:0; 463 overflow:visible; 464 padding:8px 16px; 465 background-color:white; 466 border:1px solid #e1e4e5; 467} 468 469table thead th{ 470 font-weight:bold; 471 border-top:3px solid #e1e4e5; 472 border-bottom:1px solid #e1e4e5; 473} 474#+end_src 475 476** Optional table caption 477 478#+begin_src css 479table caption{ 480 color:#000; 481 font:italic 85%/1 arial,sans-serif; 482 padding:1em 0; 483} 484#+end_src 485 486** Striped rows 487 488#+begin_src css 489table tr:nth-child(2n-1) td{ 490 background-color:#f3f6f6; 491} 492 493table tr:nth-child(2n) td{ 494 background-color:white; 495} 496#+end_src 497 498* Images 499 :PROPERTIES: 500 :header-args: :tangle css/readtheorg.css 501 :END: 502 503** Optional image caption 504 505#+begin_src css 506.figure p{ 507 color:#000; 508 font:italic 85%/1 arial,sans-serif; 509 padding:1em 0; 510} 511#+end_src 512 513* Helper classes 514 :PROPERTIES: 515 :header-args: :tangle css/readtheorg.css 516 :END: 517 518#+begin_src css 519.rotate-90{ 520 -webkit-transform:rotate(90deg); 521 -moz-transform:rotate(90deg); 522 -ms-transform:rotate(90deg); 523 -o-transform:rotate(90deg); 524 transform:rotate(90deg); 525} 526 527.rotate-270{ 528 -webkit-transform:rotate(270deg); 529 -moz-transform:rotate(270deg); 530 -ms-transform:rotate(270deg); 531 -o-transform:rotate(270deg); 532 transform:rotate(270deg); 533} 534#+end_src 535 536* Responsive utilities 537 :PROPERTIES: 538 :header-args: :tangle css/readtheorg.css 539 :END: 540 541Responsive for sidebar: 542 543#+begin_src css 544#toggle-sidebar, 545#table-of-contents .close-sidebar { 546 display: none; 547} 548 549@media screen and (max-width: 768px) { 550 #table-of-contents { 551 display: none; 552 width: 60%; 553 } 554 555 #table-of-contents h2 a { 556 display: block; 557 } 558 559 #table-of-contents:target { 560 display: block; 561 } 562 563 #copyright, #postamble { 564 display: none; 565 } 566 567 #toggle-sidebar { 568 background-color: #2980B9; 569 display: block; 570 margin-bottom: 1.6em; 571 padding: 0.6em; 572 text-align: center; 573 } 574 575 #toggle-sidebar h2 { 576 background-color:#2980B9; 577 width:100%; 578 height:50px; 579 left:0; 580 top:0; 581 color: white; 582 font-size: 100%; 583 line-height: 50px; 584 position:fixed; 585 margin: 0; 586 padding: 0; 587 opacity:0.7; 588 z-index: 10; 589 } 590 591 #table-of-contents .close-sidebar { 592 color: rgba(255, 255, 255, 0.3); 593 display: inline-block; 594 margin: 0px 10px 0px 45px; 595 padding: 10px; 596 } 597} 598#+end_src 599 600* CSS 601 :PROPERTIES: 602 :header-args: :tangle css/readtheorg.css 603 :END: 604 605#+begin_src css 606*{ 607 -webkit-box-sizing:border-box; 608 -moz-box-sizing:border-box; 609 box-sizing:border-box; 610} 611 612figcaption,figure,footer,header,hgroup,nav{ 613 display:block} 614#+end_src 615 616#+begin_src css 617ins{ 618 background:#ff9; 619 color:#000; 620 text-decoration:none} 621 622mark{ 623 background:#ff0; 624 color:#000; 625 font-style:italic; 626 font-weight:bold} 627#+end_src 628 629#+begin_src css 630small{ 631 font-size:85%} 632 633sub,sup{ 634 font-size:75%; 635 line-height:0; 636 position:relative; 637 vertical-align:baseline} 638 639sup{ 640 top:-0.5em} 641 642sub{ 643 bottom:-0.25em} 644#+end_src 645 646#+begin_src css 647img{ 648 -ms-interpolation-mode:bicubic; 649 vertical-align:middle; 650 max-width:100%} 651 652svg:not(:root){ 653 overflow:hidden} 654 655figure{ 656 margin:0} 657 658label{ 659 cursor:pointer} 660 661legend{ 662 border:0; 663 margin-left:-7px; 664 padding:0; 665 white-space:normal} 666#+end_src 667 668#+begin_src css 669.fa:before,#content .admonition-title:before,#content h1 .headerlink:before,#content h2 .headerlink:before,#content h3 .headerlink:before,#content h4 .headerlink:before,#content h5 .headerlink:before,#content h6 .headerlink:before,#content dl dt .headerlink:before,.icon:before,.wy-dropdown .caret:before,.wy-inline-validate.wy-inline-validate-success .wy-input-context:before,.wy-inline-validate.wy-inline-validate-danger .wy-input-context:before,.wy-inline-validate.wy-inline-validate-warning .wy-input-context:before,.wy-inline-validate.wy-inline-validate-info .wy-input-context:before,.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo,.btn,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea,#table-of-contents li.on a,#table-of-contents li.current>a,.wy-side-nav-search>a,.wy-side-nav-search .wy-dropdown>a,.wy-nav-top a{ 670 -webkit-font-smoothing:antialiased} 671 672/*! 673 * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome 674 * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 675 */@font-face{ 676 font-family:'FontAwesome'; 677 src:url("../fonts/fontawesome-webfont.eot?v=4.1.0"); 678 src:url("../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"),url("../fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg"); 679 font-weight:normal; 680 font-style:normal} 681 682.fa,#content .admonition-title,.icon{ 683 display:inline-block; 684 font-family:FontAwesome; 685 font-style:normal; 686 font-weight:normal; 687 line-height:1; 688 -webkit-font-smoothing:antialiased; 689 -moz-osx-font-smoothing:grayscale} 690 691.fa-ul{ 692 padding-left:0; 693 margin-left:2.14286em; 694 list-style-type:none} 695 696.fa-ul>li{ 697 position:relative} 698 699.fa-li{ 700 position:absolute; 701 left:-2.14286em; 702 width:2.14286em; 703 top:0.14286em; 704 text-align:center} 705 706.fa-li.fa-lg{ 707 left:-1.85714em} 708 709.fa-border{ 710 padding:.2em .25em .15em; 711 border:solid 0.08em #eee; 712 border-radius:.1em} 713 714.fa,#content .admonition-title{ 715 font-family:inherit} 716 717.fa:before,#content .admonition-title:before{ 718 font-family:"FontAwesome"; 719 display:inline-block; 720 font-style:normal; 721 font-weight:normal; 722 line-height:1; 723 text-decoration:inherit} 724 725a .fa,a #content .admonition-title,#content a .admonition-title{ 726 display:inline-block; 727 text-decoration:inherit} 728 729.nav #content .admonition-title,#content .nav .admonition-title,.nav .icon{ 730 display:inline} 731 732.wy-alert,#content .note,#content .attention,#content .caution,#content .danger,#content .error,#content .hint,#content .important,#content .tip,#content .warning,#content .seealso,#content .admonitiontodo{ 733 padding:12px; 734 line-height:24px; 735 margin-bottom:24px; 736 /* background:#e7f2fa; */ 737} 738 739.wy-alert-title,#content .admonition-title{ 740 color:#fff; 741 font-weight:bold; 742 display:block; 743 color:#fff; 744 /* background:#6ab0de; */ 745 /* margin:-12px; */ 746 padding:6px 12px; 747 margin-bottom:0px} 748 749#content .danger,#content .error{ 750 background:#fdf3f2} 751 752.wy-alert.wy-alert-warning,#content .wy-alert-warning.note,#content .attention,#content .caution,#content .wy-alert-warning.danger,#content .wy-alert-warning.error,#content .wy-alert-warning.hint,#content .wy-alert-warning.important,#content .wy-alert-warning.tip,#content .warning,#content .wy-alert-warning.seealso,#content .admonitiontodo{ 753 background:#ffedcc} 754 755#content .admonition-title.note:before, #content .admonition-title.seealso:before, 756#content .admonition-title.warning:before, #content .admonition-title.caution:before, 757#content .admonition-title.attention:before, 758#content .admonition-title.tip:before, #content .admonition-title.hint:before, 759#content .admonition-title.important:before, 760#content .admonition-title.error:before, #content .admonition-title.danger:before{ 761 font-family:FontAwesome; 762 content: "";} 763 764#content .note,#content .seealso{ 765 background:#e7f2fa} 766 767.wy-alert p:last-child,#content .note p:last-child,#content .attention p:last-child,#content .caution p:last-child,#content .danger p:last-child,#content .error p:last-child,#content .hint p:last-child,#content .important p:last-child,#content .tip p:last-child,#content .warning p:last-child,#content .seealso p:last-child,#content .admonitiontodo p:last-child{ 768 margin-bottom:0} 769 770#content .admonition-title.tip,#content .admonition-title.important,#content .admonition-title.hint{ 771 line-height: 1; 772 background:#1abc9c} 773 774#content .important,#content .tip,#content .hint{ 775 background:#dbfaf4} 776 777#content .admonition-title.note,#content .admonition-title.seealso{ 778 line-height: 1; 779 background:#6ab0de} 780 781#content .admonition-title.warning,#content .admonition-title.caution,#content .admonition-title.attention{ 782 line-height: 1; 783 background:#F0B37E} 784 785#content .admonition-title.error,#content .admonition-title.danger{ 786 line-height: 1; 787 background:#f29f97} 788#+end_src 789 790#+begin_src css 791legend{ 792 display:block; 793 width:100%; 794 border:0; 795 padding:0; 796 white-space:normal; 797 margin-bottom:24px; 798 font-size:150%; 799 *margin-left:-7px} 800 801label{ 802 display:block; 803 margin:0 0 0.3125em 0; 804 color:#333; 805 font-size:90%} 806#+end_src 807 808#+begin_src css 809a{ 810 color:#2980B9; 811 text-decoration:none; 812 cursor:pointer} 813 814 815a:hover,a:active{ 816 outline:0; 817} 818 819a:hover{ 820 color:#3091d1} 821 822a:visited{ 823 color:#9B59B6} 824#+end_src 825 826#+begin_src css 827.left{ 828 text-align:left} 829 830.center{ 831 text-align:center} 832 833.right{ 834 text-align:right} 835#+end_src 836 837#+begin_src css 838hr{ 839 display:block; 840 height:1px; 841 border:0; 842 border-top:1px solid #e1e4e5; 843 margin:24px 0; 844 padding:0} 845#+end_src 846 847#+begin_src css 848#table-of-contents li{ 849 list-style:none; 850 margin-left: 0px; 851} 852 853#table-of-contents header{ 854 height:32px; 855 display:inline-block; 856 line-height:32px; 857 padding:0 1.618em; 858 display:block; 859 font-weight:bold; 860 text-transform:uppercase; 861 font-size:80%; 862 color:#2980B9; 863 white-space:nowrap} 864 865#table-of-contents ul{ 866 margin-bottom:0} 867 868#table-of-contents li.divide-top{ 869 border-top:solid 1px #404040} 870 871#table-of-contents li.divide-bottom{ 872 border-bottom:solid 1px #404040} 873 874#table-of-contents li.current{ 875 background:#e3e3e3} 876 877#table-of-contents li.current a{ 878 color:gray; 879 border-right:solid 1px #c9c9c9; 880 padding:0.4045em 2.427em} 881 882#table-of-contents li.current a:hover{ 883 background:#d6d6d6} 884 885#table-of-contents li a{ 886 /* color:#404040; */ 887 padding:0.4045em 1.618em; 888 position:relative; 889 /* background:#fcfcfc; */ 890 border:none; 891 /* border-bottom:solid 1px #c9c9c9; */ 892 /* border-top:solid 1px #c9c9c9; */ 893 padding-left:1.618em -4px} 894 895#table-of-contents li.on a:hover,#table-of-contents li.current>a:hover{ 896 background:#fcfcfc} 897 898#table-of-contents li ul li a{ 899 /* background:#c9c9c9; */ 900 padding:0.4045em 2.427em} 901 902#table-of-contents li ul li ul li a{ 903 padding:0.4045em 3.236em} 904 905#table-of-contents li.current ul{ 906 display:block} 907 908/* #table-of-contents li ul{ */ 909/* margin-bottom:0; */ 910/* display:none} */ 911 912#table-of-contents .local-toc li ul{ 913 display:block} 914 915#table-of-contents li ul li a{ 916 margin-bottom:0; 917 color:#b3b3b3; 918 font-weight:normal} 919 920#table-of-contents a{ 921 display:inline-block; 922 line-height:18px; 923 padding:0.4045em 1.618em; 924 display:block; 925 position:relative; 926 font-size:90%; 927 color:#b3b3b3; 928 direction: ltr; 929} 930 931#table-of-contents a:hover{ 932 background-color:#4e4a4a; 933 cursor:pointer} 934 935/* #text-table-of-contents { */ 936/* overflow:scroll; */ 937/* } */ 938 939#table-of-contents{ 940 position:fixed; 941 top:0; 942 left:0; 943 width:300px; 944 overflow-x:hidden; 945 overflow-y:scroll; 946 height:100%; 947 background:#343131; 948 z-index:200; 949 scrollbar-base-color: #1F1D1D; 950 scrollbar-arrow-color: #b3b3b3; 951 scrollbar-shadow-color: #1F1D1D; 952 scrollbar-track-color : #343131; 953} 954 955#table-of-contents h2{ 956 z-index:200; 957 background-color:#2980B9; 958 text-align:center; 959 padding:0.809em; 960 display:block; 961 color:#fcfcfc; 962 font-size: 100%; 963 margin-bottom:0.809em} 964#+end_src 965 966#+begin_src css 967ul.nav li ul li { 968 display: none; 969} 970 971ul.nav li ul li ul li { 972 display: none; 973} 974 975ul.nav li.active ul li { 976 display: inline; 977} 978 979ul.nav li.active ul li ul li { 980 display: inline; 981} 982 983ul.nav li.active ul li a { 984 background-color: #E3E3E3; 985 color: #8099B0; 986 border-right:solid 1px #c9c9c9 !important; 987} 988 989ul.nav li.active ul li.active a { 990 background-color: #C9C9C9; 991 color: black !important; 992 font-weight: bold !important; 993} 994 995ul.nav li.active ul li.active ul li.active a { 996 color: black !important; 997 font-weight: bold !important; 998 display: block !important; 999} 1000 1001ul.nav li.active ul li.active ul li a { 1002 color: #808080 !important; 1003 font-weight: normal !important; 1004 display: block !important; 1005} 1006 1007ul.nav li.active ul li ul li a { 1008 display: none !important; 1009} 1010 1011/* ul.nav li ul li ul li { */ 1012/* display: none !important; /\* as long as nav is on multiple levels of ul *\/ */ 1013/* /\* display: none; /\* as long as nav is on multiple levels of ul *\\/ *\/ */ 1014/* } */ 1015 1016ul.nav li ul li ul li ul li { 1017 display: none !important; /* as long as nav is on multiple levels of ul */ 1018 /* display: none; /* as long as nav is on multiple levels of ul *\/ */ 1019} 1020 1021ul.nav li.active > a { 1022 border-bottom:solid 1px #c9c9c9 !important; /* XXX Restrict it to 2nd level */ 1023 border-right:solid 1px #c9c9c9 !important; 1024} 1025 1026ul.nav li.active a { 1027 color: gray !important; 1028 font-weight:bold; 1029 background-color: white; 1030 border-right:solid 0px white !important; 1031} 1032 1033ul.nav > li.active > a { 1034 color: black !important; 1035} 1036#+end_src 1037 1038#+begin_src css 1039footer{ 1040 color:#999} 1041 1042footer p{ 1043 margin-bottom:12px} 1044#+end_src 1045 1046#+begin_src css 1047#copyright, #postamble{ 1048 position:fixed; 1049 bottom:0; 1050 left:0; 1051 width:300px; 1052 color:#fcfcfc; 1053 background:#1f1d1d; 1054 border-top:solid 10px #343131; 1055 font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 1056 font-size: 90%; 1057 z-index:400; 1058 padding:12px; 1059} 1060 1061#postamble .author { 1062 font-size: 100%; 1063 margin-bottom: 0px; 1064} 1065 1066#postamble .date { 1067 font-size: 90%; 1068 margin-bottom: 0px; 1069 color: #27AE60; 1070} 1071 1072#postamble .creator,#postamble .validation { 1073 display:none; 1074} 1075 1076#copyright a{ 1077 color:#2980B9; 1078 text-decoration:none} 1079 1080#copyright .rst-current-version{ 1081 padding:12px; 1082 background-color:#272525; 1083 display:block; 1084 text-align:right; 1085 font-size:90%; 1086 cursor:pointer; 1087 color:#27AE60; 1088 *zoom:1} 1089#+end_src 1090 1091#+begin_src css 1092#content img{ 1093 max-width:100%; 1094} 1095 1096#content div.figure{ 1097 margin-bottom:24px} 1098 1099#content div.figure.align-center{ 1100 text-align:center} 1101 1102#content .section>img,#content .section>a>img{ 1103 margin-bottom:24px} 1104 1105.verse{ 1106 border-left:5px solid #6AB0DE; 1107 background-color: #E7F2FA; 1108 padding: 6px 20px; 1109 font-style:italic; 1110} 1111 1112#content .note .last,#content .attention .last,#content .caution .last,#content .danger .last,#content .error .last,#content .hint .last,#content .important .last,#content .tip .last,#content .warning .last,#content .seealso .last,#content .admonitiontodo .last{ 1113 margin-bottom:0} 1114 1115#content .admonition-title:before{ 1116 margin-right:4px} 1117 1118#content .section ol p,#content .section ul p{ 1119 margin-bottom:12px} 1120 1121#content h1 .headerlink,#content h2 .headerlink,#content h3 .headerlink,#content h4 .headerlink,#content h5 .headerlink,#content h6 .headerlink,#content dl dt .headerlink{ 1122 display:none; 1123 visibility:hidden; 1124 font-size:14px} 1125 1126#content h1 .headerlink:after,#content h2 .headerlink:after,#content h3 .headerlink:after,#content h4 .headerlink:after,#content h5 .headerlink:after,#content h6 .headerlink:after,#content dl dt .headerlink:after{ 1127 visibility:visible; 1128 content:""; 1129 font-family:FontAwesome; 1130 display:inline-block} 1131 1132#content h1:hover .headerlink,#content h2:hover .headerlink,#content h3:hover .headerlink,#content h4:hover .headerlink,#content h5:hover .headerlink,#content h6:hover .headerlink,#content dl dt:hover .headerlink{ 1133 display:inline-block} 1134 1135#content .sidebar{ 1136 float:right; 1137 width:40%; 1138 display:block; 1139 margin:0 0 24px 24px; 1140 padding:24px; 1141 background:#f3f6f6; 1142 border:solid 1px #e1e4e5} 1143 1144#content .sidebar p,#content .sidebar ul,#content .sidebar dl{ 1145 font-size:90%} 1146 1147#content .sidebar .last{ 1148 margin-bottom:0} 1149 1150#content .sidebar .sidebar-title{ 1151 display:block; 1152 font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif; 1153 font-weight:bold; 1154 background:#e1e4e5; 1155 padding:6px 12px; 1156 margin:-24px; 1157 margin-bottom:24px; 1158 font-size:100%} 1159 1160#content .highlighted{ 1161 background:#F1C40F; 1162 display:inline-block; 1163 font-weight:bold; 1164 padding:0 6px} 1165 1166#content .footnote-reference,#content .citation-reference{ 1167 vertical-align:super; 1168 font-size:90%} 1169#+end_src 1170 1171#+begin_src css 1172span[id*='MathJax-Span']{ 1173 color:#404040} 1174 1175.math{ 1176 text-align:center} 1177 1178#footnotes{ 1179 border-top:1px solid #e1e4e5; 1180 padding-top: 36px; 1181} 1182 1183h2.footnotes{ 1184 display:none; 1185} 1186 1187.footnum, .footref{ 1188 color: #2980b9; 1189 font-size: 170%; 1190 font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 1191} 1192 1193.footnum:before, .footref:before{ 1194 content:"["; 1195} 1196 1197.footnum:after, .footref:after{ 1198 content:"]"; 1199} 1200 1201.footpara { 1202 color: #999; 1203 font-size: 90%; 1204 font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; 1205 padding-bottom: 8px; 1206 padding-left: 16px; 1207 padding-right: 16px; 1208 padding-top: 8px; 1209 line-height: 1.25em; 1210 /* display: inline; */ 1211} 1212#+end_src 1213 1214#+begin_src css 1215.todo{ 1216 background-color: #f29f97; 1217 padding: 0px 4px; 1218 color: #fff; 1219} 1220 1221.WAIT, .nilWAIT{ 1222 background-color: #6AB097; 1223} 1224 1225.done{ 1226 background-color: #6ab0de; 1227 padding: 0px 4px; 1228 color: #fff; 1229} 1230 1231.tag span { 1232 background-color: #EDEDED; 1233 border: 1px solid #EDEDED; 1234 color: #939393; 1235 cursor: pointer; 1236 display: block; 1237 float: right; 1238 font-size: 80%; 1239 font-weight: normal; 1240 margin: 0 3px; 1241 padding: 1px 2px; 1242 border-radius: 10px; 1243} 1244 1245.tag .FLAGGED { 1246 background-color: #DB2D27; 1247 border: 1px solid #DB2D27; 1248 color: white; 1249 font-weight: bold; 1250} 1251 1252.timestamp { 1253 font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; 1254 font-size: 90%; 1255 color: navy; 1256} 1257 1258.nav .timestamp { 1259 color: inherit; 1260} 1261#+end_src 1262 1263See 1264http://stackoverflow.com/questions/10535432/tmux-man-page-search-highlighting 1265for nice yellow or orange boxes. 1266 1267#+begin_src css 1268.inlinetask { 1269 background: #FFF9E3; /* url(dialog-todo.png) no-repeat 10px 8px; */ 1270 border: 3px solid #FFEB8E; 1271 /* border-right-style: none; */ 1272 /* border-left-style: none; */ 1273 /* padding: 10px 20px 10px 60px; */ 1274 padding: 9px 12px; 1275 margin-bottom: 24px; 1276 font-family:"Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif} 1277#+end_src 1278 1279* Htmlize 1280 :PROPERTIES: 1281 :header-args: :tangle css/htmlize.css 1282 :END: 1283 1284#+begin_src css 1285.org-bold { /* bold */ font-weight: bold; } 1286.org-bold-italic { /* bold-italic */ font-weight: bold; font-style: italic; } 1287.org-buffer-menu-buffer { /* buffer-menu-buffer */ font-weight: bold; } 1288.org-builtin { /* font-lock-builtin-face */ color: #7a378b; } 1289.org-button { /* button */ text-decoration: underline; } 1290.org-calendar-today { /* calendar-today */ text-decoration: underline; } 1291.org-change-log-acknowledgement { /* change-log-acknowledgement */ color: #b22222; } 1292.org-change-log-conditionals { /* change-log-conditionals */ color: #a0522d; } 1293.org-change-log-date { /* change-log-date */ color: #8b2252; } 1294.org-change-log-email { /* change-log-email */ color: #a0522d; } 1295.org-change-log-file { /* change-log-file */ color: #0000ff; } 1296.org-change-log-function { /* change-log-function */ color: #a0522d; } 1297.org-change-log-list { /* change-log-list */ color: #a020f0; } 1298.org-change-log-name { /* change-log-name */ color: #008b8b; } 1299.org-comint-highlight-input { /* comint-highlight-input */ font-weight: bold; } 1300.org-comint-highlight-prompt { /* comint-highlight-prompt */ color: #00008b; } 1301.org-comment { /* font-lock-comment-face */ color: #999988; font-style: italic; } 1302.org-comment-delimiter { /* font-lock-comment-delimiter-face */ color: #999988; font-style: italic; } 1303.org-completions-annotations { /* completions-annotations */ font-style: italic; } 1304.org-completions-common-part { /* completions-common-part */ color: #000000; background-color: #ffffff; } 1305.org-completions-first-difference { /* completions-first-difference */ font-weight: bold; } 1306.org-constant { /* font-lock-constant-face */ color: #008b8b; } 1307.org-diary { /* diary */ color: #ff0000; } 1308.org-diff-context { /* diff-context */ color: #7f7f7f; } 1309.org-diff-file-header { /* diff-file-header */ background-color: #b3b3b3; font-weight: bold; } 1310.org-diff-function { /* diff-function */ background-color: #cccccc; } 1311.org-diff-header { /* diff-header */ background-color: #cccccc; } 1312.org-diff-hunk-header { /* diff-hunk-header */ background-color: #cccccc; } 1313.org-diff-index { /* diff-index */ background-color: #b3b3b3; font-weight: bold; } 1314.org-diff-nonexistent { /* diff-nonexistent */ background-color: #b3b3b3; font-weight: bold; } 1315.org-diff-refine-change { /* diff-refine-change */ background-color: #d9d9d9; } 1316.org-dired-directory { /* dired-directory */ color: #0000ff; } 1317.org-dired-flagged { /* dired-flagged */ color: #ff0000; font-weight: bold; } 1318.org-dired-header { /* dired-header */ color: #228b22; } 1319.org-dired-ignored { /* dired-ignored */ color: #7f7f7f; } 1320.org-dired-mark { /* dired-mark */ color: #008b8b; } 1321.org-dired-marked { /* dired-marked */ color: #ff0000; font-weight: bold; } 1322.org-dired-perm-write { /* dired-perm-write */ color: #b22222; } 1323.org-dired-symlink { /* dired-symlink */ color: #a020f0; } 1324.org-dired-warning { /* dired-warning */ color: #ff0000; font-weight: bold; } 1325.org-doc { /* font-lock-doc-face */ color: #8b2252; } 1326.org-escape-glyph { /* escape-glyph */ color: #a52a2a; } 1327.org-file-name-shadow { /* file-name-shadow */ color: #7f7f7f; } 1328.org-flyspell-duplicate { /* flyspell-duplicate */ color: #cdad00; font-weight: bold; text-decoration: underline; } 1329.org-flyspell-incorrect { /* flyspell-incorrect */ color: #ff4500; font-weight: bold; text-decoration: underline; } 1330.org-fringe { /* fringe */ background-color: #f2f2f2; } 1331.org-function-name { /* font-lock-function-name-face */ color: teal; } 1332.org-header-line { /* header-line */ color: #333333; background-color: #e5e5e5; } 1333.org-help-argument-name { /* help-argument-name */ font-style: italic; } 1334.org-highlight { /* highlight */ background-color: #b4eeb4; } 1335.org-holiday { /* holiday */ background-color: #ffc0cb; } 1336.org-isearch { /* isearch */ color: #b0e2ff; background-color: #cd00cd; } 1337.org-isearch-fail { /* isearch-fail */ background-color: #ffc1c1; } 1338.org-italic { /* italic */ font-style: italic; } 1339.org-keyword { /* font-lock-keyword-face */ color: #0086b3; } 1340.org-lazy-highlight { /* lazy-highlight */ background-color: #afeeee; } 1341.org-link { /* link */ color: #0000ff; text-decoration: underline; } 1342.org-link-visited { /* link-visited */ color: #8b008b; text-decoration: underline; } 1343.org-log-edit-header { /* log-edit-header */ color: #a020f0; } 1344.org-log-edit-summary { /* log-edit-summary */ color: #0000ff; } 1345.org-log-edit-unknown-header { /* log-edit-unknown-header */ color: #b22222; } 1346.org-match { /* match */ background-color: #ffff00; } 1347.org-next-error { /* next-error */ background-color: #eedc82; } 1348.org-nobreak-space { /* nobreak-space */ color: #a52a2a; text-decoration: underline; } 1349.org-org-archived { /* org-archived */ color: #7f7f7f; } 1350.org-org-block { /* org-block */ color: #7f7f7f; } 1351.org-org-block-begin-line { /* org-block-begin-line */ color: #b22222; } 1352.org-org-block-end-line { /* org-block-end-line */ color: #b22222; } 1353.org-org-checkbox { /* org-checkbox */ font-weight: bold; } 1354.org-org-checkbox-statistics-done { /* org-checkbox-statistics-done */ color: #228b22; font-weight: bold; } 1355.org-org-checkbox-statistics-todo { /* org-checkbox-statistics-todo */ color: #ff0000; font-weight: bold; } 1356.org-org-clock-overlay { /* org-clock-overlay */ background-color: #ffff00; } 1357.org-org-code { /* org-code */ color: #7f7f7f; } 1358.org-org-column { /* org-column */ background-color: #e5e5e5; } 1359.org-org-column-title { /* org-column-title */ background-color: #e5e5e5; font-weight: bold; text-decoration: underline; } 1360.org-org-date { /* org-date */ color: #a020f0; text-decoration: underline; } 1361.org-org-document-info { /* org-document-info */ color: #191970; } 1362.org-org-document-info-keyword { /* org-document-info-keyword */ color: #7f7f7f; } 1363.org-org-document-title { /* org-document-title */ color: #191970; font-size: 144%; font-weight: bold; } 1364.org-org-done { /* org-done */ color: #228b22; font-weight: bold; } 1365.org-org-drawer { /* org-drawer */ color: #0000ff; } 1366.org-org-ellipsis { /* org-ellipsis */ color: #b8860b; text-decoration: underline; } 1367.org-org-footnote { /* org-footnote */ color: #a020f0; text-decoration: underline; } 1368.org-org-formula { /* org-formula */ color: #b22222; } 1369.org-org-headline-done { /* org-headline-done */ color: #bc8f8f; } 1370.org-org-hide { /* org-hide */ color: #ffffff; } 1371.org-org-latex-and-export-specials { /* org-latex-and-export-specials */ color: #8b4513; } 1372.org-org-level-1 { /* org-level-1 */ color: #0000ff; } 1373.org-org-level-2 { /* org-level-2 */ color: #a0522d; } 1374.org-org-level-3 { /* org-level-3 */ color: #a020f0; } 1375.org-org-level-4 { /* org-level-4 */ color: #b22222; } 1376.org-org-level-5 { /* org-level-5 */ color: #228b22; } 1377.org-org-level-6 { /* org-level-6 */ color: #008b8b; } 1378.org-org-level-7 { /* org-level-7 */ color: #7a378b; } 1379.org-org-level-8 { /* org-level-8 */ color: #8b2252; } 1380.org-org-link { /* org-link */ color: #0000ff; text-decoration: underline; } 1381.org-org-meta-line { /* org-meta-line */ color: #b22222; } 1382.org-org-mode-line-clock { /* org-mode-line-clock */ color: #000000; background-color: #bfbfbf; } 1383.org-org-mode-line-clock-overrun { /* org-mode-line-clock-overrun */ color: #000000; background-color: #ff0000; } 1384.org-org-quote { /* org-quote */ color: #7f7f7f; } 1385.org-org-scheduled { /* org-scheduled */ color: #006400; } 1386.org-org-scheduled-previously { /* org-scheduled-previously */ color: #b22222; } 1387.org-org-scheduled-today { /* org-scheduled-today */ color: #006400; } 1388.org-org-sexp-date { /* org-sexp-date */ color: #a020f0; } 1389.org-org-special-keyword { /* org-special-keyword */ color: #a020f0; } 1390.org-org-table { /* org-table */ color: #0000ff; } 1391.org-org-tag { /* org-tag */ font-weight: bold; } 1392.org-org-target { /* org-target */ text-decoration: underline; } 1393.org-org-time-grid { /* org-time-grid */ color: #b8860b; } 1394.org-org-todo { /* org-todo */ color: #ff0000; font-weight: bold; } 1395.org-org-upcoming-deadline { /* org-upcoming-deadline */ color: #b22222; } 1396.org-org-verbatim { /* org-verbatim */ color: #7f7f7f; } 1397.org-org-verse { /* org-verse */ color: #7f7f7f; } 1398.org-org-warning { /* org-warning */ color: #ff0000; font-weight: bold; } 1399.org-outline-1 { /* outline-1 */ color: #0000ff; } 1400.org-outline-2 { /* outline-2 */ color: #a0522d; } 1401.org-outline-3 { /* outline-3 */ color: #a020f0; } 1402.org-outline-4 { /* outline-4 */ color: #b22222; } 1403.org-outline-5 { /* outline-5 */ color: #228b22; } 1404.org-outline-6 { /* outline-6 */ color: #008b8b; } 1405.org-outline-7 { /* outline-7 */ color: #7a378b; } 1406.org-outline-8 { /* outline-8 */ color: #8b2252; } 1407.org-preprocessor { /* font-lock-preprocessor-face */ color: #7a378b; } 1408.org-query-replace { /* query-replace */ color: #b0e2ff; background-color: #cd00cd; } 1409.org-regexp-grouping-backslash { /* font-lock-regexp-grouping-backslash */ font-weight: bold; } 1410.org-regexp-grouping-construct { /* font-lock-regexp-grouping-construct */ font-weight: bold; } 1411.org-region { /* region */ background-color: #eedc82; } 1412.org-secondary-selection { /* secondary-selection */ background-color: #ffff00; } 1413.org-shadow { /* shadow */ color: #7f7f7f; } 1414.org-show-paren-match { /* show-paren-match */ background-color: #40e0d0; } 1415.org-show-paren-mismatch { /* show-paren-mismatch */ color: #ffffff; background-color: #a020f0; } 1416.org-string { /* font-lock-string-face */ color: #dd1144; } 1417.org-tool-bar { /* tool-bar */ color: #000000; background-color: #bfbfbf; } 1418.org-tooltip { /* tooltip */ color: #000000; background-color: #ffffe0; } 1419.org-trailing-whitespace { /* trailing-whitespace */ background-color: #ff0000; } 1420.org-type { /* font-lock-type-face */ color: #228b22; } 1421.org-underline { /* underline */ text-decoration: underline; } 1422.org-variable-name { /* font-lock-variable-name-face */ color: teal; } 1423.org-warning { /* font-lock-warning-face */ color: #ff0000; font-weight: bold; } 1424.org-widget-button { /* widget-button */ font-weight: bold; } 1425.org-widget-button-pressed { /* widget-button-pressed */ color: #ff0000; } 1426.org-widget-documentation { /* widget-documentation */ color: #006400; } 1427.org-widget-field { /* widget-field */ background-color: #d9d9d9; } 1428.org-widget-inactive { /* widget-inactive */ color: #7f7f7f; } 1429.org-widget-single-line-field { /* widget-single-line-field */ background-color: #d9d9d9; } 1430#+end_src 1431 1432* JS 1433 :PROPERTIES: 1434 :header-args: :tangle js/readtheorg.js 1435 :END: 1436 1437#+begin_src js 1438$(function() { 1439 $('.note').before("<p class='admonition-title note'>Note</p>"); 1440 $('.seealso').before("<p class='admonition-title seealso'>See also</p>"); 1441 $('.warning').before("<p class='admonition-title warning'>Warning</p>"); 1442 $('.caution').before("<p class='admonition-title caution'>Caution</p>"); 1443 $('.attention').before("<p class='admonition-title attention'>Attention</p>"); 1444 $('.tip').before("<p class='admonition-title tip'>Tip</p>"); 1445 $('.important').before("<p class='admonition-title important'>Important</p>"); 1446 $('.hint').before("<p class='admonition-title hint'>Hint</p>"); 1447 $('.error').before("<p class='admonition-title error'>Error</p>"); 1448 $('.danger').before("<p class='admonition-title danger'>Danger</p>"); 1449}); 1450 1451$( document ).ready(function() { 1452 1453 // Shift nav in mobile when clicking the menu. 1454 $(document).on('click', "[data-toggle='wy-nav-top']", function() { 1455 $("[data-toggle='wy-nav-shift']").toggleClass("shift"); 1456 $("[data-toggle='rst-versions']").toggleClass("shift"); 1457 }); 1458 // Close menu when you click a link. 1459 $(document).on('click', ".wy-menu-vertical .current ul li a", function() { 1460 $("[data-toggle='wy-nav-shift']").removeClass("shift"); 1461 $("[data-toggle='rst-versions']").toggleClass("shift"); 1462 }); 1463 $(document).on('click', "[data-toggle='rst-current-version']", function() { 1464 $("[data-toggle='rst-versions']").toggleClass("shift-up"); 1465 }); 1466 // Make tables responsive 1467 $("table.docutils:not(.field-list)").wrap("<div class='wy-table-responsive'></div>"); 1468}); 1469 1470$( document ).ready(function() { 1471 $('#text-table-of-contents ul').first().addClass('nav'); 1472 // ScrollSpy also requires that we use 1473 // a Bootstrap nav component. 1474 $('body').scrollspy({target: '#text-table-of-contents'}); 1475 1476 // DON'T add sticky table headers (Fix issue #69?) 1477 // $('table').stickyTableHeaders(); 1478 1479 // set the height of tableOfContents 1480 var $postamble = $('#postamble'); 1481 var $tableOfContents = $('#table-of-contents'); 1482 $tableOfContents.css({paddingBottom: $postamble.outerHeight()}); 1483 1484 // add TOC button 1485 var toggleSidebar = $('<div id="toggle-sidebar"><a href="#table-of-contents"><h2>Table of Contents</h2></a></div>'); 1486 $('#content').prepend(toggleSidebar); 1487 1488 // add close button when sidebar showed in mobile screen 1489 var closeBtn = $('<a class="close-sidebar" href="#">Close</a>'); 1490 var tocTitle = $('#table-of-contents').find('h2'); 1491 tocTitle.append(closeBtn); 1492}); 1493 1494window.SphinxRtdTheme = (function (jquery) { 1495 var stickyNav = (function () { 1496 var navBar, 1497 win, 1498 stickyNavCssClass = 'stickynav', 1499 applyStickNav = function () { 1500 if (navBar.height() <= win.height()) { 1501 navBar.addClass(stickyNavCssClass); 1502 } else { 1503 navBar.removeClass(stickyNavCssClass); 1504 } 1505 }, 1506 enable = function () { 1507 applyStickNav(); 1508 win.on('resize', applyStickNav); 1509 }, 1510 init = function () { 1511 navBar = jquery('nav.wy-nav-side:first'); 1512 win = jquery(window); 1513 }; 1514 jquery(init); 1515 return { 1516 enable : enable 1517 }; 1518 }()); 1519 return { 1520 StickyNav : stickyNav 1521 }; 1522}($)); 1523#+end_src