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