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