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