style/worg.css

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