css/stylesheet.css

   1 @import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono|Droid+Serif);
   2
   3 @media all
   4 {
   5     html {
   6         margin: 0;
   7         font: 300 .9em/1.6em "Droid Serif", Cambria, Georgia, "DejaVu Serif", serif;
   8 //      background-image: url(http://orgmode.org/img/org-mode-unicorn-logo-worg.png);
   9 //      background-attachment: fixed;
  10 //      background-position: right bottom;
  11 //      background-repeat: no-repeat;
  12 //      background-color: white;
  13     }
  14
  15     body {
  16         font-size: 12pt;
  17         line-height: 18pt;
  18         color: black;
  19         margin-top: 0;
  20
  21     }
  22     body #content {
  23         padding-top: 0px;
  24         max-width: 80%;
  25         min-width: 700px;
  26         margin-left: 20px;
  27         background-color: white;
  28         padding: 2em;
  29         /* box-shadow: 3px 3px 5px #888; */
  30     }
  31     body .title {
  32         margin-left: 0px;
  33         font-size: 22pt;
  34     }
  35
  36     #org-div-home-and-up{
  37         position: fixed;
  38         right: 0;
  39         top: 4em;
  40     }
  41
  42     /* TOC inspired by http://jashkenas.github.com/coffee-script */
  43     #table-of-contents {
  44         font-size: 10pt;
  45         position: fixed;
  46         right: 0em;
  47         top: 0em;
  48         background: white;
  49         line-height: 12pt;
  50         text-align: right;
  51         box-shadow: 0 0 1em #777777;
  52         -webkit-box-shadow: 0 0 1em #777777;
  53         -moz-box-shadow: 0 0 1em #777777;
  54         -webkit-border-bottom-left-radius: 5px;
  55         -moz-border-radius-bottomleft: 5px;
  56         /* ensure doesn't flow off the screen when expanded */
  57         max-height: 80%;
  58         overflow: auto; }
  59     #table-of-contents h2 {
  60         font-size: 13pt;
  61         max-width: 9em;
  62         border: 0;
  63         font-weight: normal;
  64         padding-left: 0.5em;
  65         padding-right: 0.5em;
  66         padding-top: 0.05em;
  67         padding-bottom: 0.05em; }
  68     #table-of-contents #text-table-of-contents {
  69         display: none;
  70         text-align: left; }
  71     #table-of-contents:hover #text-table-of-contents {
  72         display: block;
  73         padding: 0.5em;
  74         margin-top: -1.5em; }
  75
  76     #license {
  77       /* padding: .3em; */
  78       /* border: 1px solid gray; */
  79       background-color: #eeeeee;
  80     }
  81
  82     h1 {
  83         /*
  84           font-family:Sans;
  85           font-weight:bold; */
  86         font-size:2.1em;
  87         padding:0 0 30px 0;
  88         margin-top: 10px;
  89         margin-bottom: 10px;
  90         margin-right: 7%;
  91         /*    color: #6C5D4F; */
  92         color: grey;
  93     }
  94
  95     /*
  96       h2:before {
  97       content: "* "
  98       }
  99
 100 h3:before {
 101 content: "** "
 102 }
 103
 104 h4:before {
 105 content: "*** "
 106 }
 107 */
 108
 109     h2 {
 110         font-family:sans-serif;
 111         font-size:1.45em;
 112         line-height:16px;
 113         padding:10px 0 10px 0;
 114         color: black;
 115         border-bottom: 1px solid #ddd;
 116     }
 117
 118     .outline-text-2 {
 119         margin-left: 0.1em
 120     }
 121
 122     h3 {
 123         font-family:sans-serif;
 124         font-size:1.3em;
 125         color: grey;
 126         margin-left: 0.6em;
 127     }
 128
 129     /* #A34D32;*/
 130
 131
 132     .outline-text-3 {
 133         margin-left: 0.9em;
 134     }
 135
 136     h4 {
 137         font-family:sans-serif;
 138         font-size:1.2em;
 139         margin-left: 1.2em;
 140         color: #A5573E;
 141     }
 142
 143     .outline-text-4 {
 144         margin-left: 1.45em;
 145     }
 146
 147     a {text-decoration: none; font-weight: 400;}
 148     a:visited {text-decoration: none; font-weight: 400;}
 149     a:hover {text-decoration: underline;}
 150
 151     .todo {
 152         color: #CA0000;
 153     }
 154
 155     .done {
 156         color: #006666;
 157     }
 158
 159     .timestamp-kwd {
 160         color: #444;
 161     }
 162
 163     .tag {
 164
 165     }
 166
 167     li {
 168         margin: .4em;
 169     }
 170 /* turn off for resume
 171     table {
 172         border: none;
 173     }
 174
 175     td {
 176         border: none;
 177     }
 178
 179     th {
 180         border: none;
 181     }
 182 end of resume */
 183
 184     code {
 185         font-size: 100%;
 186         color: black;
 187         border: 1px solid #DEDEDE;
 188         padding: 0px 0.2em;
 189     }
 190
 191     img {
 192         border: none;
 193     }
 194
 195     .share img {
 196         opacity: .4;
 197         -moz-opacity: .4;
 198         filter: alpha(opacity=40);
 199     }
 200
 201     .share img:hover {
 202         opacity: 1;
 203         -moz-opacity: 1;
 204         filter: alpha(opacity=100);
 205     }
 206
 207     /* pre {border: 1px solid #555; */
 208     /*      background: #EEE; */
 209     /*      font-size: 9pt; */
 210     /*      padding: 1em; */
 211     /*     } */
 212
 213     /* pre { */
 214     /*     color: #e5e5e5; */
 215     /*     background-color: #000000; */
 216     /*     padding: 1.4em; */
 217     /*     border: 2px solid gray; */
 218     /* } */
 219
 220     /* pre { */
 221     /*     background-color: #2b2b2b; */
 222     /*     border: 4px solid gray; */
 223     /*     color: #EEE; */
 224     /*     overflow: auto; */
 225     /*     padding: 1em; */
 226     /*  } */
 227
 228     pre {
 229         font-family: Droid Sans Mono, Monaco, Consolas, "Lucida Console", monospace;
 230         color: black;
 231         font-size: 90%;
 232         background-color: #ffffff;
 233         padding: 1.2em;
 234         border: 2px solid #dddddd;
 235         overflow: auto;
 236     }
 237
 238     .org-info-box {
 239         clear:both;
 240         margin-left:auto;
 241         margin-right:auto;
 242         padding:0.7em;
 243     /* border:1px solid #CCC; */
 244     /* border-radius:10px; */
 245     /* -moz-border-radius:10px; */
 246     }
 247     .org-info-box img {
 248         float:left;
 249         margin:0em 0.5em 0em 0em;
 250     }
 251     .org-info-box p {
 252         margin:0em;
 253         padding:0em;
 254     }
 255
 256
 257     .builtin {
 258         /* font-lock-builtin-face */
 259         color: #f4a460;
 260     }
 261     .comment {
 262         /* font-lock-comment-face */
 263         color: #737373;
 264     }
 265     .comment-delimiter {
 266         /* font-lock-comment-delimiter-face */
 267         color: #666666;
 268     }
 269     .constant {
 270         /* font-lock-constant-face */
 271         color: #db7093;
 272     }
 273     .doc {
 274         /* font-lock-doc-face */
 275         color: #b3b3b3;
 276     }
 277     .function-name {
 278         /* font-lock-function-name-face */
 279         color: #5f9ea0;
 280     }
 281     .headline {
 282         /* headline-face */
 283         color: #ffffff;
 284         background-color: #000000;
 285         font-weight: bold;
 286     }
 287     .keyword {
 288         /* font-lock-keyword-face */
 289         color: #4682b4;
 290     }
 291     .negation-char {
 292     }
 293     .regexp-grouping-backslash {
 294     }
 295     .regexp-grouping-construct {
 296     }
 297     .string {
 298         /* font-lock-string-face */
 299         color: #ccc79a;
 300     }
 301     .todo-comment {
 302         /* todo-comment-face */
 303         color: #ffffff;
 304         background-color: #000000;
 305         font-weight: bold;
 306     }
 307     .variable-name {
 308         /* font-lock-variable-name-face */
 309         color: #ff6a6a;
 310     }
 311     .warning {
 312         /* font-lock-warning-face */
 313         color: #ffffff;
 314         background-color: #cd5c5c;
 315         font-weight: bold;
 316     }
 317     pre.a {
 318         color: inherit;
 319         background-color: inherit;
 320         font: inherit;
 321         text-decoration: inherit;
 322     }
 323     pre.a:hover {
 324         text-decoration: underline;
 325     }
 326
 327     /* Styles for org-info.js */
 328
 329     .org-info-js_info-navigation
 330     {
 331         border-style:none;
 332     }
 333
 334     #org-info-js_console-label
 335     {
 336         font-size:10px;
 337         font-weight:bold;
 338         white-space:nowrap;
 339     }
 340
 341     .org-info-js_search-highlight
 342     {
 343         background-color:#ffff00;
 344         color:#000000;
 345         font-weight:bold;
 346     }
 347
 348     #org-info-js-window
 349     {
 350         border-bottom:1px solid black;
 351         padding-bottom:10px;
 352         margin-bottom:10px;
 353     }
 354
 355
 356
 357     .org-info-search-highlight
 358     {
 359         background-color:#adefef; /* same color as emacs default */
 360         color:#000000;
 361         font-weight:bold;
 362     }
 363
 364     .org-bbdb-company {
 365         /* bbdb-company */
 366         font-style: italic;
 367     }
 368     .org-bbdb-field-name {
 369     }
 370     .org-bbdb-field-value {
 371     }
 372     .org-bbdb-name {
 373         /* bbdb-name */
 374         text-decoration: underline;
 375     }
 376     .org-bold {
 377         /* bold */
 378         font-weight: bold;
 379     }
 380     .org-bold-italic {
 381         /* bold-italic */
 382         font-weight: bold;
 383         font-style: italic;
 384     }
 385     .org-border {
 386         /* border */
 387         background-color: #000000;
 388     }
 389     .org-buffer-menu-buffer {
 390         /* buffer-menu-buffer */
 391         font-weight: bold;
 392     }
 393     .org-builtin {
 394         /* font-lock-builtin-face */
 395         color: #da70d6;
 396     }
 397     .org-button {
 398         /* button */
 399         text-decoration: underline;
 400     }
 401     .org-c-nonbreakable-space {
 402         /* c-nonbreakable-space-face */
 403         background-color: #ff0000;
 404         font-weight: bold;
 405     }
 406     .org-calendar-today {
 407         /* calendar-today */
 408         text-decoration: underline;
 409     }
 410     .org-comment {
 411         /* font-lock-comment-face */
 412         color: #b22222;
 413     }
 414     .org-comment-delimiter {
 415         /* font-lock-comment-delimiter-face */
 416         color: #b22222;
 417     }
 418     .org-constant {
 419         /* font-lock-constant-face */
 420         color: #5f9ea0;
 421     }
 422     .org-cursor {
 423         /* cursor */
 424         background-color: #000000;
 425     }
 426     .org-default {
 427         /* default */
 428         color: #000000;
 429         background-color: #ffffff;
 430     }
 431     .org-diary {
 432         /* diary */
 433         color: #ff0000;
 434     }
 435     .org-doc {
 436         /* font-lock-doc-face */
 437         color: #bc8f8f;
 438     }
 439     .org-escape-glyph {
 440         /* escape-glyph */
 441         color: #a52a2a;
 442     }
 443     .org-file-name-shadow {
 444         /* file-name-shadow */
 445         color: #7f7f7f;
 446     }
 447     .org-fixed-pitch {
 448     }
 449     .org-fringe {
 450         /* fringe */
 451         background-color: #f2f2f2;
 452     }
 453     .org-function-name {
 454         /* font-lock-function-name-face */
 455         color: #0000ff;
 456     }
 457     .org-header-line {
 458         /* header-line */
 459         color: #333333;
 460         background-color: #e5e5e5;
 461     }
 462     .org-help-argument-name {
 463         /* help-argument-name */
 464         font-style: italic;
 465     }
 466     .org-highlight {
 467         /* highlight */
 468         background-color: #b4eeb4;
 469     }
 470     .org-holiday {
 471         /* holiday */
 472         background-color: #ffc0cb;
 473     }
 474     .org-info-header-node {
 475         /* info-header-node */
 476         color: #a52a2a;
 477         font-weight: bold;
 478         font-style: italic;
 479     }
 480     .org-info-header-xref {
 481         /* info-header-xref */
 482         color: #0000ff;
 483         text-decoration: underline;
 484     }
 485     .org-info-menu-header {
 486         /* info-menu-header */
 487         font-weight: bold;
 488     }
 489     .org-info-menu-star {
 490         /* info-menu-star */
 491         color: #ff0000;
 492     }
 493     .org-info-node {
 494         /* info-node */
 495         color: #a52a2a;
 496         font-weight: bold;
 497         font-style: italic;
 498     }
 499     .org-info-title-1 {
 500         /* info-title-1 */
 501         font-size: 172%;
 502         font-weight: bold;
 503     }
 504     .org-info-title-2 {
 505         /* info-title-2 */
 506         font-size: 144%;
 507         font-weight: bold;
 508     }
 509     .org-info-title-3 {
 510         /* info-title-3 */
 511         font-size: 120%;
 512         font-weight: bold;
 513     }
 514     .org-info-title-4 {
 515         /* info-title-4 */
 516         font-weight: bold;
 517     }
 518     .org-info-xref {
 519         /* info-xref */
 520         color: #0000ff;
 521         text-decoration: underline;
 522     }
 523     .org-isearch {
 524         /* isearch */
 525         color: #b0e2ff;
 526         background-color: #cd00cd;
 527     }
 528     .org-italic {
 529         /* italic */
 530         font-style: italic;
 531     }
 532     .org-keyword {
 533         /* font-lock-keyword-face */
 534         color: #a020f0;
 535     }
 536     .org-lazy-highlight {
 537         /* lazy-highlight */
 538         background-color: #afeeee;
 539     }
 540     .org-link {
 541         /* link */
 542         color: #0000ff;
 543         text-decoration: underline;
 544     }
 545     .org-link-visited {
 546         /* link-visited */
 547         color: #8b008b;
 548         text-decoration: underline;
 549     }
 550     .org-match {
 551         /* match */
 552         background-color: #ffff00;
 553     }
 554     .org-menu {
 555     }
 556     .org-message-cited-text {
 557         /* message-cited-text */
 558         color: #ff0000;
 559     }
 560     .org-message-header-cc {
 561         /* message-header-cc */
 562         color: #191970;
 563     }
 564     .org-message-header-name {
 565         /* message-header-name */
 566         color: #6495ed;
 567     }
 568     .org-message-header-newsgroups {
 569         /* message-header-newsgroups */
 570         color: #00008b;
 571         font-weight: bold;
 572         font-style: italic;
 573     }
 574     .org-message-header-other {
 575         /* message-header-other */
 576         color: #4682b4;
 577     }
 578     .org-message-header-subject {
 579         /* message-header-subject */
 580         color: #000080;
 581         font-weight: bold;
 582     }
 583     .org-message-header-to {
 584         /* message-header-to */
 585         color: #191970;
 586         font-weight: bold;
 587     }
 588     .org-message-header-xheader {
 589         /* message-header-xheader */
 590         color: #0000ff;
 591     }
 592     .org-message-mml {
 593         /* message-mml */
 594         color: #228b22;
 595     }
 596     .org-message-separator {
 597         /* message-separator */
 598         color: #a52a2a;
 599     }
 600     .org-minibuffer-prompt {
 601         /* minibuffer-prompt */
 602         color: #0000cd;
 603     }
 604     .org-mm-uu-extract {
 605         /* mm-uu-extract */
 606         color: #006400;
 607         background-color: #ffffe0;
 608     }
 609     .org-mode-line {
 610         /* mode-line */
 611         color: #000000;
 612         background-color: #bfbfbf;
 613     }
 614     .org-mode-line-buffer-id {
 615         /* mode-line-buffer-id */
 616         font-weight: bold;
 617     }
 618     .org-mode-line-highlight {
 619     }
 620     .org-mode-line-inactive {
 621         /* mode-line-inactive */
 622         color: #333333;
 623         background-color: #e5e5e5;
 624     }
 625     .org-mouse {
 626         /* mouse */
 627         background-color: #000000;
 628     }
 629     .org-negation-char {
 630     }
 631     .org-next-error {
 632         /* next-error */
 633         background-color: #eedc82;
 634     }
 635     .org-nobreak-space {
 636         /* nobreak-space */
 637         color: #a52a2a;
 638         text-decoration: underline;
 639     }
 640     .org-org-agenda-date {
 641         /* org-agenda-date */
 642         color: #0000ff;
 643     }
 644     .org-org-agenda-date-weekend {
 645         /* org-agenda-date-weekend */
 646         color: #0000ff;
 647         font-weight: bold;
 648     }
 649     .org-org-agenda-restriction-lock {
 650         /* org-agenda-restriction-lock */
 651         background-color: #ffff00;
 652     }
 653     .org-org-agenda-structure {
 654         /* org-agenda-structure */
 655         color: #0000ff;
 656     }
 657     .org-org-archived {
 658         /* org-archived */
 659         color: #7f7f7f;
 660     }
 661     .org-org-code {
 662         /* org-code */
 663         color: #7f7f7f;
 664     }
 665     .org-org-column {
 666         /* org-column */
 667         background-color: #e5e5e5;
 668     }
 669     .org-org-column-title {
 670         /* org-column-title */
 671         background-color: #e5e5e5;
 672         font-weight: bold;
 673         text-decoration: underline;
 674     }
 675     .org-org-date {
 676         /* org-date */
 677         color: #a020f0;
 678         text-decoration: underline;
 679     }
 680     .org-org-done {
 681         /* org-done */
 682         color: #228b22;
 683         font-weight: bold;
 684     }
 685     .org-org-drawer {
 686         /* org-drawer */
 687         color: #0000ff;
 688     }
 689     .org-org-ellipsis {
 690         /* org-ellipsis */
 691         color: #b8860b;
 692         text-decoration: underline;
 693     }
 694     .org-org-formula {
 695         /* org-formula */
 696         color: #b22222;
 697     }
 698     .org-org-headline-done {
 699         /* org-headline-done */
 700         color: #bc8f8f;
 701     }
 702     .org-org-hide {
 703         /* org-hide */
 704         color: #e5e5e5;
 705     }
 706     .org-org-latex-and-export-specials {
 707         /* org-latex-and-export-specials */
 708         color: #8b4513;
 709     }
 710     .org-org-level-1 {
 711         /* org-level-1 */
 712         color: #0000ff;
 713     }
 714     .org-org-level-2 {
 715         /* org-level-2 */
 716         color: #b8860b;
 717     }
 718     .org-org-level-3 {
 719         /* org-level-3 */
 720         color: #a020f0;
 721     }
 722     .org-org-level-4 {
 723         /* org-level-4 */
 724         color: #b22222;
 725     }
 726     .org-org-level-5 {
 727         /* org-level-5 */
 728         color: #228b22;
 729     }
 730     .org-org-level-6 {
 731         /* org-level-6 */
 732         color: #5f9ea0;
 733     }
 734     .org-org-level-7 {
 735         /* org-level-7 */
 736         color: #da70d6;
 737     }
 738     .org-org-level-8 {
 739         /* org-level-8 */
 740         color: #bc8f8f;
 741     }
 742     .org-org-link {
 743         /* org-link */
 744         color: #a020f0;
 745         text-decoration: underline;
 746     }
 747     .org-org-property-value {
 748     }
 749     .org-org-scheduled-previously {
 750         /* org-scheduled-previously */
 751         color: #b22222;
 752     }
 753     .org-org-scheduled-today {
 754         /* org-scheduled-today */
 755         color: #006400;
 756     }
 757     .org-org-sexp-date {
 758         /* org-sexp-date */
 759         color: #a020f0;
 760     }
 761     .org-org-special-keyword {
 762         /* org-special-keyword */
 763         color: #bc8f8f;
 764     }
 765     .org-org-table {
 766         /* org-table */
 767         color: #0000ff;
 768     }
 769     .org-org-tag {
 770         /* org-tag */
 771         font-weight: bold;
 772     }
 773     .org-org-target {
 774         /* org-target */
 775         text-decoration: underline;
 776     }
 777     .org-org-time-grid {
 778         /* org-time-grid */
 779         color: #b8860b;
 780     }
 781     .org-org-todo {
 782         /* org-todo */
 783         color: #ff0000;
 784     }
 785     .org-org-upcoming-deadline {
 786         /* org-upcoming-deadline */
 787         color: #b22222;
 788     }
 789     .org-org-verbatim {
 790         /* org-verbatim */
 791         color: #7f7f7f;
 792         text-decoration: underline;
 793     }
 794     .org-org-warning {
 795         /* org-warning */
 796         color: #ff0000;
 797         font-weight: bold;
 798     }
 799     .org-outline-1 {
 800         /* outline-1 */
 801         color: #0000ff;
 802     }
 803     .org-outline-2 {
 804         /* outline-2 */
 805         color: #b8860b;
 806     }
 807     .org-outline-3 {
 808         /* outline-3 */
 809         color: #a020f0;
 810     }
 811     .org-outline-4 {
 812         /* outline-4 */
 813         color: #b22222;
 814     }
 815     .org-outline-5 {
 816         /* outline-5 */
 817         color: #228b22;
 818     }
 819     .org-outline-6 {
 820         /* outline-6 */
 821         color: #5f9ea0;
 822     }
 823     .org-outline-7 {
 824         /* outline-7 */
 825         color: #da70d6;
 826     }
 827     .org-outline-8 {
 828         /* outline-8 */
 829         color: #bc8f8f;
 830     }
 831     .outline-text-1, .outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5, .outline-text-6 {
 832     /* Add more spacing between section. Padding, so that folding with org-info.js works as expected. */
 833
 834     }
 835
 836     .org-preprocessor {
 837         /* font-lock-preprocessor-face */
 838         color: #da70d6;
 839     }
 840     .org-query-replace {
 841         /* query-replace */
 842         color: #b0e2ff;
 843         background-color: #cd00cd;
 844     }
 845     .org-regexp-grouping-backslash {
 846         /* font-lock-regexp-grouping-backslash */
 847         font-weight: bold;
 848     }
 849     .org-regexp-grouping-construct {
 850         /* font-lock-regexp-grouping-construct */
 851         font-weight: bold;
 852     }
 853     .org-region {
 854         /* region */
 855         background-color: #eedc82;
 856     }
 857     .org-rmail-highlight {
 858     }
 859     .org-scroll-bar {
 860         /* scroll-bar */
 861         background-color: #bfbfbf;
 862     }
 863     .org-secondary-selection {
 864         /* secondary-selection */
 865         background-color: #ffff00;
 866     }
 867     .org-shadow {
 868         /* shadow */
 869         color: #7f7f7f;
 870     }
 871     .org-show-paren-match {
 872         /* show-paren-match */
 873         background-color: #40e0d0;
 874     }
 875     .org-show-paren-mismatch {
 876         /* show-paren-mismatch */
 877         color: #ffffff;
 878         background-color: #a020f0;
 879     }
 880     .org-string {
 881         /* font-lock-string-face */
 882         color: #bc8f8f;
 883     }
 884     .org-texinfo-heading {
 885         /* texinfo-heading */
 886         color: #0000ff;
 887     }
 888     .org-tool-bar {
 889         /* tool-bar */
 890         color: #000000;
 891         background-color: #bfbfbf;
 892     }
 893     .org-tooltip {
 894         /* tooltip */
 895         color: #000000;
 896         background-color: #ffffe0;
 897     }
 898     .org-trailing-whitespace {
 899         /* trailing-whitespace */
 900         background-color: #ff0000;
 901     }
 902     .org-type {
 903         /* font-lock-type-face */
 904         color: #228b22;
 905     }
 906     .org-underline {
 907         /* underline */
 908         text-decoration: underline;
 909     }
 910     .org-variable-name {
 911         /* font-lock-variable-name-face */
 912         color: #b8860b;
 913     }
 914     .org-variable-pitch {
 915     }
 916     .org-vertical-border {
 917     }
 918     .org-warning {
 919         /* font-lock-warning-face */
 920         color: #ff0000;
 921         font-weight: bold;
 922     }
 923     .rss_box {}
 924     .rss_title, rss_title a {}
 925     .rss_items {}
 926     .rss_item a:link, .rss_item a:visited, .rss_item a:active {}
 927     .rss_item a:hover {}
 928     .rss_date {}
 929
 930     #show_source {margin: 0; padding: 0;}
 931
 932     #postamble {
 933         font-size: 75%;
 934         min-width: 700px;
 935         max-width: 80%;
 936         margin-left: 20px;
 937         margin-top: 10px;
 938         padding: .2em;
 939         border: 1px solid gray;
 940         background-color: #ffffff;
 941         z-index: -1000;
 942     }
 943
 944 /* from ox-html.el */
 945   .title  { text-align: center; }
 946   .todo   { font-family: monospace; color: red; }
 947   .done   { color: green; }
 948   .tag    { background-color: #eee; font-family: monospace;
 949             padding: 2px; font-size: 80%; font-weight: normal; }
 950   .timestamp { color: #bebebe; }
 951   .timestamp-kwd { color: #5f9ea0; }
 952   .right  { margin-left: auto; margin-right: 0px;  text-align: right; }
 953   .left   { margin-left: 0px;  margin-right: auto; text-align: left; }
 954   .center { margin-left: auto; margin-right: auto; text-align: center; }
 955   .underline { text-decoration: underline; }
 956   #postamble p, #preamble p { font-size: 90%; margin: .2em; }
 957   p.verse { margin-left: 3%; }
 958   pre {
 959     border: 1px solid #ccc;
 960     box-shadow: 3px 3px 3px #eee;
 961     padding: 8pt;
 962     font-family: monospace;
 963     overflow: auto;
 964     margin: 1.2em;
 965   }
 966   pre.src {
 967     position: relative;
 968     overflow: visible;
 969     padding-top: 1.2em;
 970   }
 971   pre.src:before {
 972     display: none;
 973     position: absolute;
 974     background-color: white;
 975     top: -10px;
 976     right: 10px;
 977     padding: 3px;
 978     border: 1px solid black;
 979   }
 980   pre.src:hover:before { display: inline;}
 981   pre.src-sh:before    { content: 'sh'; }
 982   pre.src-bash:before  { content: 'sh'; }
 983   pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
 984   pre.src-R:before     { content: 'R'; }
 985   pre.src-perl:before  { content: 'Perl'; }
 986   pre.src-java:before  { content: 'Java'; }
 987   pre.src-sql:before   { content: 'SQL'; }
 988
 989   table { border-collapse:collapse; }
 990   td, th { vertical-align:top;  }
 991   th.right  { text-align: center;  }
 992   th.left   { text-align: center;   }
 993   th.center { text-align: center; }
 994   td.right  { text-align: right;  }
 995   td.left   { text-align: left;   }
 996   td.center { text-align: center; }
 997   dt { font-weight: bold; }
 998   .footpara:nth-child(2) { display: inline; }
 999   .footpara { display: block; }
1000   .footdef  { margin-bottom: 1em; }
1001   .figure { padding: 1em; }
1002   .figure p { text-align: center; }
1003   .inlinetask {
1004     padding: 10px;
1005     border: 2px solid gray;
1006     margin: 10px;
1007     background: #ffffcc;
1008   }
1009   #org-div-home-and-up
1010    { text-align: right; font-size: 70%; white-space: nowrap; }
1011   textarea { overflow-x: auto; }
1012   .linenr { font-size: smaller }
1013   .code-highlighted { background-color: #ffff00; }
1014   .org-info-js_info-navigation { border-style: none; }
1015   #org-info-js_console-label
1016     { font-size: 10px; font-weight: bold; white-space: nowrap; }
1017   .org-info-js_search-highlight
1018     { background-color: #ffff00; color: #000000; font-weight: bold; }
1019
1020 /* end form ox-html.el */
1021
1022
1023 } /* END OF @media all */
1024
1025
1026
1027 @media screen
1028 {
1029     #table-of-contents {
1030         float: right;
1031         border: 1px solid #CCC;
1032         max-width: 50%;
1033         overflow: auto;
1034     }
1035 } /* END OF @media screen */