style/worg.css

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