worg.css: use Jason style.
[Worg.git] / worg.css
blobf3168c3890f34d9664aceefbe63caf41fbc59f7e
1 @media all
3 body {
4 font:0.9em serif;
5 max-width: 95%;
6 margin: auto;
7 background-image: url(http://orgmode.org/tmp/org-mode-unicorn.png);
8 background-repeat: no-repeat;
10 body #content {
11 padding-top: 45px;
13 body .title {
14 margin-left: 120px;
18 /* TOC inspired by http://jashkenas.github.com/coffee-script */
19 #table-of-contents {
20 font-size: 10pt;
21 position: fixed;
22 right: 0em;
23 top: 0em;
24 background: white;
25 -webkit-box-shadow: 0 0 1em #777777;
26 -moz-box-shadow: 0 0 1em #777777;
27 -webkit-border-bottom-left-radius: 5px;
28 -moz-border-radius-bottomleft: 5px;
29 text-align: right;
30 /* ensure doesn't flow off the screen when expanded */
31 max-height: 80%;
32 overflow: auto; }
33 #table-of-contents h2 {
34 font-size: 10pt;
35 max-width: 8em;
36 font-weight: normal;
37 padding-left: 0.5em;
38 padding-left: 0.5em;
39 padding-top: 0.05em;
40 padding-bottom: 0.05em; }
41 #table-of-contents #text-table-of-contents {
42 display: none;
43 text-align: left; }
44 #table-of-contents:hover #text-table-of-contents {
45 display: block;
46 padding: 0.5em;
47 margin-top: -1.5em; }
49 #license {
50 padding: .3em;
51 border: 1px solid grey;
52 background-color: #eeeeee;
55 h1 {
56 font-family:Sans;
57 font-size:2.1em;
58 font-weight:bold;
59 padding:0 0 30px 0;
60 margin-top: 10px;
61 margin-bottom: 10px;
62 margin-right: 7%;
66 h2:before {
67 content: "* "
70 h3:before {
71 content: "** "
74 h4:before {
75 content: "*** "
79 h2 {
80 font-family:Arial,sans-serif;
81 font-size:1.45em;
82 font-weight:bold;
83 line-height:16px;
84 padding:7px 0 0 0;
85 color: #7C0000;
88 .outline-text-2 {
89 margin-left: 0.1em
92 .title {
96 h3 {
97 font-family:Arial,sans-serif;
98 font-size:1.3em;
99 font-weight:bold;
100 color: #00046E;
101 margin-left: 0.6em;
104 .outline-text-3 {
105 margin-left: 0.9em;
108 h4 {
109 font-family:Arial,sans-serif;
110 font-size:1.2em;
111 font-weight:bold;
112 margin-left: 1.2em;
113 color: #00574F;
116 .outline-text-4 {
117 margin-left: 1.45em;
121 text-decoration: none;
124 a:visited {
125 text-decoration: none;
128 a:hover {
132 .todo {
133 color: #CA0000;
136 .done {
137 color: #006666;
140 .timestamp-kwd {
141 color: #444;
144 .tag {
148 li {
149 margin: .4em;
152 table {
153 border: none;
156 td {
157 border: none;
160 th {
161 border: none;
164 code {
165 font-size: 100%;
168 img {
169 border: none;
172 .share img {
173 opacity: .4;
174 -moz-opacity: .4;
175 filter: alpha(opacity=40);
178 .share img:hover {
179 opacity: 1;
180 -moz-opacity: 1;
181 filter: alpha(opacity=100);
184 /* pre {border: 1px solid #555; */
185 /* background: #EEE; */
186 /* font-size: 9pt; */
187 /* padding: 1em; */
188 /* } */
190 /* pre { */
191 /* color: #e5e5e5; */
192 /* background-color: #000000; */
193 /* padding: 1.4em; */
194 /* border: 2px solid grey; */
195 /* } */
197 /* pre { */
198 /* color: black; */
199 /* background-color: #efefef; */
200 /* padding: 1.2em; */
201 /* border: 1px solid #dddddd; */
202 /* } */
204 pre {
205 background-color: black;
206 border: 4px solid grey;
207 color: #EEE;
208 overflow: auto;
209 padding: 1em;
212 .org-info-box {
213 clear:both;
214 margin-left:auto;
215 margin-right:auto;
216 padding:0.7em;
217 /* border:1px solid #CCC; */
218 /* border-radius:10px; */
219 /* -moz-border-radius:10px; */
221 .org-info-box img {
222 float:left;
223 margin:0em 0.5em 0em 0em;
225 .org-info-box p {
226 margin:0em;
227 padding:0em;
231 .builtin {
232 /* font-lock-builtin-face */
233 color: #f4a460;
235 .comment {
236 /* font-lock-comment-face */
237 color: #737373;
239 .comment-delimiter {
240 /* font-lock-comment-delimiter-face */
241 color: #666666;
243 .constant {
244 /* font-lock-constant-face */
245 color: #db7093;
247 .doc {
248 /* font-lock-doc-face */
249 color: #b3b3b3;
251 .function-name {
252 /* font-lock-function-name-face */
253 color: #5f9ea0;
255 .headline {
256 /* headline-face */
257 color: #ffffff;
258 background-color: #000000;
259 font-weight: bold;
261 .keyword {
262 /* font-lock-keyword-face */
263 color: #4682b4;
265 .negation-char {
267 .regexp-grouping-backslash {
269 .regexp-grouping-construct {
271 .string {
272 /* font-lock-string-face */
273 color: #ccc79a;
275 .todo-comment {
276 /* todo-comment-face */
277 color: #ffffff;
278 background-color: #000000;
279 font-weight: bold;
281 .variable-name {
282 /* font-lock-variable-name-face */
283 color: #ff6a6a;
285 .warning {
286 /* font-lock-warning-face */
287 color: #ffffff;
288 background-color: #cd5c5c;
289 font-weight: bold;
291 pre.a {
292 color: inherit;
293 background-color: inherit;
294 font: inherit;
295 text-decoration: inherit;
297 pre.a:hover {
298 text-decoration: underline;
301 /* Styles for org-info.js */
303 .org-info-js_info-navigation
305 border-style:none;
308 #org-info-js_console-label
310 font-size:10px;
311 font-weight:bold;
312 white-space:nowrap;
315 .org-info-js_search-highlight
317 background-color:#ffff00;
318 color:#000000;
319 font-weight:bold;
322 #org-info-js-window
324 border-bottom:1px solid black;
325 padding-bottom:10px;
326 margin-bottom:10px;
331 .org-info-search-highlight
333 background-color:#adefef; /* same color as emacs default */
334 color:#000000;
335 font-weight:bold;
338 .org-bbdb-company {
339 /* bbdb-company */
340 font-style: italic;
342 .org-bbdb-field-name {
344 .org-bbdb-field-value {
346 .org-bbdb-name {
347 /* bbdb-name */
348 text-decoration: underline;
350 .org-bold {
351 /* bold */
352 font-weight: bold;
354 .org-bold-italic {
355 /* bold-italic */
356 font-weight: bold;
357 font-style: italic;
359 .org-border {
360 /* border */
361 background-color: #000000;
363 .org-buffer-menu-buffer {
364 /* buffer-menu-buffer */
365 font-weight: bold;
367 .org-builtin {
368 /* font-lock-builtin-face */
369 color: #da70d6;
371 .org-button {
372 /* button */
373 text-decoration: underline;
375 .org-c-nonbreakable-space {
376 /* c-nonbreakable-space-face */
377 background-color: #ff0000;
378 font-weight: bold;
380 .org-calendar-today {
381 /* calendar-today */
382 text-decoration: underline;
384 .org-comment {
385 /* font-lock-comment-face */
386 color: #b22222;
388 .org-comment-delimiter {
389 /* font-lock-comment-delimiter-face */
390 color: #b22222;
392 .org-constant {
393 /* font-lock-constant-face */
394 color: #5f9ea0;
396 .org-cursor {
397 /* cursor */
398 background-color: #000000;
400 .org-default {
401 /* default */
402 color: #000000;
403 background-color: #ffffff;
405 .org-diary {
406 /* diary */
407 color: #ff0000;
409 .org-doc {
410 /* font-lock-doc-face */
411 color: #bc8f8f;
413 .org-escape-glyph {
414 /* escape-glyph */
415 color: #a52a2a;
417 .org-file-name-shadow {
418 /* file-name-shadow */
419 color: #7f7f7f;
421 .org-fixed-pitch {
423 .org-fringe {
424 /* fringe */
425 background-color: #f2f2f2;
427 .org-function-name {
428 /* font-lock-function-name-face */
429 color: #0000ff;
431 .org-header-line {
432 /* header-line */
433 color: #333333;
434 background-color: #e5e5e5;
436 .org-help-argument-name {
437 /* help-argument-name */
438 font-style: italic;
440 .org-highlight {
441 /* highlight */
442 background-color: #b4eeb4;
444 .org-holiday {
445 /* holiday */
446 background-color: #ffc0cb;
448 .org-info-header-node {
449 /* info-header-node */
450 color: #a52a2a;
451 font-weight: bold;
452 font-style: italic;
454 .org-info-header-xref {
455 /* info-header-xref */
456 color: #0000ff;
457 text-decoration: underline;
459 .org-info-menu-header {
460 /* info-menu-header */
461 font-weight: bold;
463 .org-info-menu-star {
464 /* info-menu-star */
465 color: #ff0000;
467 .org-info-node {
468 /* info-node */
469 color: #a52a2a;
470 font-weight: bold;
471 font-style: italic;
473 .org-info-title-1 {
474 /* info-title-1 */
475 font-size: 172%;
476 font-weight: bold;
478 .org-info-title-2 {
479 /* info-title-2 */
480 font-size: 144%;
481 font-weight: bold;
483 .org-info-title-3 {
484 /* info-title-3 */
485 font-size: 120%;
486 font-weight: bold;
488 .org-info-title-4 {
489 /* info-title-4 */
490 font-weight: bold;
492 .org-info-xref {
493 /* info-xref */
494 color: #0000ff;
495 text-decoration: underline;
497 .org-isearch {
498 /* isearch */
499 color: #b0e2ff;
500 background-color: #cd00cd;
502 .org-italic {
503 /* italic */
504 font-style: italic;
506 .org-keyword {
507 /* font-lock-keyword-face */
508 color: #a020f0;
510 .org-lazy-highlight {
511 /* lazy-highlight */
512 background-color: #afeeee;
514 .org-link {
515 /* link */
516 color: #0000ff;
517 text-decoration: underline;
519 .org-link-visited {
520 /* link-visited */
521 color: #8b008b;
522 text-decoration: underline;
524 .org-match {
525 /* match */
526 background-color: #ffff00;
528 .org-menu {
530 .org-message-cited-text {
531 /* message-cited-text */
532 color: #ff0000;
534 .org-message-header-cc {
535 /* message-header-cc */
536 color: #191970;
538 .org-message-header-name {
539 /* message-header-name */
540 color: #6495ed;
542 .org-message-header-newsgroups {
543 /* message-header-newsgroups */
544 color: #00008b;
545 font-weight: bold;
546 font-style: italic;
548 .org-message-header-other {
549 /* message-header-other */
550 color: #4682b4;
552 .org-message-header-subject {
553 /* message-header-subject */
554 color: #000080;
555 font-weight: bold;
557 .org-message-header-to {
558 /* message-header-to */
559 color: #191970;
560 font-weight: bold;
562 .org-message-header-xheader {
563 /* message-header-xheader */
564 color: #0000ff;
566 .org-message-mml {
567 /* message-mml */
568 color: #228b22;
570 .org-message-separator {
571 /* message-separator */
572 color: #a52a2a;
574 .org-minibuffer-prompt {
575 /* minibuffer-prompt */
576 color: #0000cd;
578 .org-mm-uu-extract {
579 /* mm-uu-extract */
580 color: #006400;
581 background-color: #ffffe0;
583 .org-mode-line {
584 /* mode-line */
585 color: #000000;
586 background-color: #bfbfbf;
588 .org-mode-line-buffer-id {
589 /* mode-line-buffer-id */
590 font-weight: bold;
592 .org-mode-line-highlight {
594 .org-mode-line-inactive {
595 /* mode-line-inactive */
596 color: #333333;
597 background-color: #e5e5e5;
599 .org-mouse {
600 /* mouse */
601 background-color: #000000;
603 .org-negation-char {
605 .org-next-error {
606 /* next-error */
607 background-color: #eedc82;
609 .org-nobreak-space {
610 /* nobreak-space */
611 color: #a52a2a;
612 text-decoration: underline;
614 .org-org-agenda-date {
615 /* org-agenda-date */
616 color: #0000ff;
618 .org-org-agenda-date-weekend {
619 /* org-agenda-date-weekend */
620 color: #0000ff;
621 font-weight: bold;
623 .org-org-agenda-restriction-lock {
624 /* org-agenda-restriction-lock */
625 background-color: #ffff00;
627 .org-org-agenda-structure {
628 /* org-agenda-structure */
629 color: #0000ff;
631 .org-org-archived {
632 /* org-archived */
633 color: #7f7f7f;
635 .org-org-code {
636 /* org-code */
637 color: #7f7f7f;
639 .org-org-column {
640 /* org-column */
641 background-color: #e5e5e5;
643 .org-org-column-title {
644 /* org-column-title */
645 background-color: #e5e5e5;
646 font-weight: bold;
647 text-decoration: underline;
649 .org-org-date {
650 /* org-date */
651 color: #a020f0;
652 text-decoration: underline;
654 .org-org-done {
655 /* org-done */
656 color: #228b22;
657 font-weight: bold;
659 .org-org-drawer {
660 /* org-drawer */
661 color: #0000ff;
663 .org-org-ellipsis {
664 /* org-ellipsis */
665 color: #b8860b;
666 text-decoration: underline;
668 .org-org-formula {
669 /* org-formula */
670 color: #b22222;
672 .org-org-headline-done {
673 /* org-headline-done */
674 color: #bc8f8f;
676 .org-org-hide {
677 /* org-hide */
678 color: #e5e5e5;
680 .org-org-latex-and-export-specials {
681 /* org-latex-and-export-specials */
682 color: #8b4513;
684 .org-org-level-1 {
685 /* org-level-1 */
686 color: #0000ff;
688 .org-org-level-2 {
689 /* org-level-2 */
690 color: #b8860b;
692 .org-org-level-3 {
693 /* org-level-3 */
694 color: #a020f0;
696 .org-org-level-4 {
697 /* org-level-4 */
698 color: #b22222;
700 .org-org-level-5 {
701 /* org-level-5 */
702 color: #228b22;
704 .org-org-level-6 {
705 /* org-level-6 */
706 color: #5f9ea0;
708 .org-org-level-7 {
709 /* org-level-7 */
710 color: #da70d6;
712 .org-org-level-8 {
713 /* org-level-8 */
714 color: #bc8f8f;
716 .org-org-link {
717 /* org-link */
718 color: #a020f0;
719 text-decoration: underline;
721 .org-org-property-value {
723 .org-org-scheduled-previously {
724 /* org-scheduled-previously */
725 color: #b22222;
727 .org-org-scheduled-today {
728 /* org-scheduled-today */
729 color: #006400;
731 .org-org-sexp-date {
732 /* org-sexp-date */
733 color: #a020f0;
735 .org-org-special-keyword {
736 /* org-special-keyword */
737 color: #bc8f8f;
739 .org-org-table {
740 /* org-table */
741 color: #0000ff;
743 .org-org-tag {
744 /* org-tag */
745 font-weight: bold;
747 .org-org-target {
748 /* org-target */
749 text-decoration: underline;
751 .org-org-time-grid {
752 /* org-time-grid */
753 color: #b8860b;
755 .org-org-todo {
756 /* org-todo */
757 color: #ff0000;
759 .org-org-upcoming-deadline {
760 /* org-upcoming-deadline */
761 color: #b22222;
763 .org-org-verbatim {
764 /* org-verbatim */
765 color: #7f7f7f;
766 text-decoration: underline;
768 .org-org-warning {
769 /* org-warning */
770 color: #ff0000;
771 font-weight: bold;
773 .org-outline-1 {
774 /* outline-1 */
775 color: #0000ff;
777 .org-outline-2 {
778 /* outline-2 */
779 color: #b8860b;
781 .org-outline-3 {
782 /* outline-3 */
783 color: #a020f0;
785 .org-outline-4 {
786 /* outline-4 */
787 color: #b22222;
789 .org-outline-5 {
790 /* outline-5 */
791 color: #228b22;
793 .org-outline-6 {
794 /* outline-6 */
795 color: #5f9ea0;
797 .org-outline-7 {
798 /* outline-7 */
799 color: #da70d6;
801 .org-outline-8 {
802 /* outline-8 */
803 color: #bc8f8f;
805 .outline-text-1, .outline-text-2, .outline-text-3, .outline-text-4, .outline-text-5, .outline-text-6 {
806 /* Add more spacing between section. Padding, so that folding with org-info.js works as expected. */
810 .org-preprocessor {
811 /* font-lock-preprocessor-face */
812 color: #da70d6;
814 .org-query-replace {
815 /* query-replace */
816 color: #b0e2ff;
817 background-color: #cd00cd;
819 .org-regexp-grouping-backslash {
820 /* font-lock-regexp-grouping-backslash */
821 font-weight: bold;
823 .org-regexp-grouping-construct {
824 /* font-lock-regexp-grouping-construct */
825 font-weight: bold;
827 .org-region {
828 /* region */
829 background-color: #eedc82;
831 .org-rmail-highlight {
833 .org-scroll-bar {
834 /* scroll-bar */
835 background-color: #bfbfbf;
837 .org-secondary-selection {
838 /* secondary-selection */
839 background-color: #ffff00;
841 .org-shadow {
842 /* shadow */
843 color: #7f7f7f;
845 .org-show-paren-match {
846 /* show-paren-match */
847 background-color: #40e0d0;
849 .org-show-paren-mismatch {
850 /* show-paren-mismatch */
851 color: #ffffff;
852 background-color: #a020f0;
854 .org-string {
855 /* font-lock-string-face */
856 color: #bc8f8f;
858 .org-texinfo-heading {
859 /* texinfo-heading */
860 color: #0000ff;
862 .org-tool-bar {
863 /* tool-bar */
864 color: #000000;
865 background-color: #bfbfbf;
867 .org-tooltip {
868 /* tooltip */
869 color: #000000;
870 background-color: #ffffe0;
872 .org-trailing-whitespace {
873 /* trailing-whitespace */
874 background-color: #ff0000;
876 .org-type {
877 /* font-lock-type-face */
878 color: #228b22;
880 .org-underline {
881 /* underline */
882 text-decoration: underline;
884 .org-variable-name {
885 /* font-lock-variable-name-face */
886 color: #b8860b;
888 .org-variable-pitch {
890 .org-vertical-border {
892 .org-warning {
893 /* font-lock-warning-face */
894 color: #ff0000;
895 font-weight: bold;
897 .rss_box {}
898 .rss_title, rss_title a {}
899 .rss_items {}
900 .rss_item a:link, .rss_item a:visited, .rss_item a:active {}
901 .rss_item a:hover {}
902 .rss_date {}
904 } /* END OF @media all */
908 @media screen
910 #table-of-contents {
911 float: right;
912 border: 1px solid #CCC;
913 max-width: 50%;
914 overflow: auto;
916 } /* END OF @media screen */