Merge remote-tracking branch 'srht/master'
[worg.git] / style / worg7.css
blob0a972e8236b7f9e6e0305cf6aca20f2e858226d5
1 @media all
3 body {
4 font-family: "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;
5 font-size: 14px;
6 line-height: 21px;
7 color: #333;
9 max-width: 95%;
10 margin: auto;
11 background-image: url(https://orgmode.org/worg-unicorn.png);
12 background-position: 25px 5px;
13 background-repeat: no-repeat;
15 body #content {
16 padding-top: 70px;
18 body .title {
19 margin-left: 120px;
22 #org-div-home-and-up{
23 position: fixed;
24 right: 0;
25 top: 4em;
28 /* TOC inspired by http://jashkenas.github.com/coffee-script */
29 #table-of-contents {
30 font-size: 10pt;
31 position: fixed;
32 right: 0em;
33 top: 0em;
34 background: white;
35 -webkit-box-shadow: 0 0 1em #777777;
36 -moz-box-shadow: 0 0 1em #777777;
37 -webkit-border-bottom-left-radius: 5px;
38 -moz-border-radius-bottomleft: 5px;
39 text-align: right;
40 /* ensure doesn't flow off the screen when expanded */
41 max-height: 80%;
42 overflow: auto; }
43 #table-of-contents h2 {
44 font-size: 10pt;
45 max-width: 9em;
46 font-weight: normal;
47 padding-left: 0.5em;
48 padding-left: 0.5em;
49 padding-top: 0.05em;
50 padding-bottom: 0.05em; }
51 #table-of-contents #text-table-of-contents {
52 display: none;
53 text-align: left; }
54 #table-of-contents:hover #text-table-of-contents {
55 display: block;
56 padding: 0.5em;
57 margin-top: -1.5em; }
59 /* #license { */
60 /* padding: .3em; */
61 /* border: 1px solid gray; */
62 /* background-color: #eeeeee; */
63 /* } */
65 h1 {
67 font-family:Sans;
68 font-weight:bold; */
69 font-size:2.1em;
70 padding:0 0 30px 0;
71 margin-top: 10px;
72 margin-bottom: 10px;
73 margin-right: 7%;
74 color: #6C5D4F;
78 h2:before {
79 content: "* "
82 h3:before {
83 content: "** "
86 h4:before {
87 content: "*** "
91 h2 {
92 font-family:Arial,sans-serif;
93 font-size:1.45em;
94 line-height:16px;
95 padding:7px 0 0 0;
96 color: #6E2432;
99 .outline-text-2 {
100 margin-left: 0.1em
103 .title {
107 h3 {
108 font-family:Arial,sans-serif;
109 font-size:1.3em;
110 color: #A34D32;
111 margin-left: 0.6em;
114 .outline-text-3 {
115 margin-left: 0.9em;
118 h4 {
119 font-family:Arial,sans-serif;
120 font-size:1.2em;
121 margin-left: 1.2em;
122 color: #A5573E;
125 .outline-text-4 {
126 margin-left: 1.45em;
129 a {text-decoration: none; color: #537d7b}
130 /* a:visited {text-decoration: none; color: #224444} */ /* Taken out because color too similar to text. */
131 a:visited {text-decoration: none; color: #98855b} /* this is now the color of the Unicorns horn */
132 a:hover {text-decoration: underline; color: #a34d32}
134 .todo {
135 color: #CA0000;
138 .done {
139 color: #006666;
142 .timestamp-kwd {
143 color: #444;
146 .tag {
150 li {
151 margin: .4em;
154 table {
155 border: none;
158 td {
159 border: none;
162 th {
163 border: none;
166 code {
167 font-size: 100%;
168 color: black;
169 border: 1px solid #DEDEDE;
170 padding: 0px 0.2em;
173 img {
174 border: none;
177 .share img {
178 opacity: .4;
179 -moz-opacity: .4;
180 filter: alpha(opacity=40);
183 .share img:hover {
184 opacity: 1;
185 -moz-opacity: 1;
186 filter: alpha(opacity=100);
189 /* pre {border: 1px solid #555; */
190 /* background: #EEE; */
191 /* font-size: 9pt; */
192 /* padding: 1em; */
193 /* } */
195 /* pre { */
196 /* color: #e5e5e5; */
197 /* background-color: #000000; */
198 /* padding: 1.4em; */
199 /* border: 2px solid gray; */
200 /* } */
202 /* pre { */
203 /* background-color: #2b2b2b; */
204 /* border: 4px solid gray; */
205 /* color: #EEE; */
206 /* overflow: auto; */
207 /* padding: 1em; */
208 /* } */
210 pre {
211 font-family: Monaco, Consolas, "Lucida Console", monospace;
212 color: black;
213 background-color: #efefef;
214 padding: 1.2em;
215 border: 1px solid #dddddd;
216 overflow: auto;
218 -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
219 -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
220 box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
223 .org-info-box {
224 clear:both;
225 margin-left:auto;
226 margin-right:auto;
227 padding:0.7em;
228 /* border:1px solid #CCC; */
229 /* border-radius:10px; */
230 /* -moz-border-radius:10px; */
232 .org-info-box img {
233 float:left;
234 margin:0em 0.5em 0em 0em;
236 .org-info-box p {
237 margin:0em;
238 padding:0em;
242 .builtin {
243 /* font-lock-builtin-face */
244 color: #f4a460;
246 .comment {
247 /* font-lock-comment-face */
248 color: #737373;
250 .comment-delimiter {
251 /* font-lock-comment-delimiter-face */
252 color: #666666;
254 .constant {
255 /* font-lock-constant-face */
256 color: #db7093;
258 .doc {
259 /* font-lock-doc-face */
260 color: #b3b3b3;
262 .function-name {
263 /* font-lock-function-name-face */
264 color: #5f9ea0;
266 .headline {
267 /* headline-face */
268 color: #ffffff;
269 background-color: #000000;
270 font-weight: bold;
272 .keyword {
273 /* font-lock-keyword-face */
274 color: #4682b4;
276 .negation-char {
278 .regexp-grouping-backslash {
280 .regexp-grouping-construct {
282 .string {
283 /* font-lock-string-face */
284 color: #ccc79a;
286 .todo-comment {
287 /* todo-comment-face */
288 color: #ffffff;
289 background-color: #000000;
290 font-weight: bold;
292 .variable-name {
293 /* font-lock-variable-name-face */
294 color: #ff6a6a;
296 .warning {
297 /* font-lock-warning-face */
298 color: #ffffff;
299 background-color: #cd5c5c;
300 font-weight: bold;
302 pre.a {
303 color: inherit;
304 background-color: inherit;
305 font: inherit;
306 text-decoration: inherit;
308 pre.a:hover {
309 text-decoration: underline;
312 /* Styles for org-info.js */
314 .org-info-js_info-navigation
316 border-style:none;
319 #org-info-js_console-label
321 font-size:10px;
322 font-weight:bold;
323 white-space:nowrap;
326 .org-info-js_search-highlight
328 background-color:#ffff00;
329 color:#000000;
330 font-weight:bold;
333 #org-info-js-window
335 border-bottom:1px solid black;
336 padding-bottom:10px;
337 margin-bottom:10px;
342 .org-info-search-highlight
344 background-color:#adefef; /* same color as emacs default */
345 color:#000000;
346 font-weight:bold;
349 .org-bbdb-company {
350 /* bbdb-company */
351 font-style: italic;
353 .org-bbdb-field-name {
355 .org-bbdb-field-value {
357 .org-bbdb-name {
358 /* bbdb-name */
359 text-decoration: underline;
361 .org-bold {
362 /* bold */
363 font-weight: bold;
365 .org-bold-italic {
366 /* bold-italic */
367 font-weight: bold;
368 font-style: italic;
370 .org-border {
371 /* border */
372 background-color: #000000;
374 .org-buffer-menu-buffer {
375 /* buffer-menu-buffer */
376 font-weight: bold;
378 .org-builtin {
379 /* font-lock-builtin-face */
380 color: #da70d6;
382 .org-button {
383 /* button */
384 text-decoration: underline;
386 .org-c-nonbreakable-space {
387 /* c-nonbreakable-space-face */
388 background-color: #ff0000;
389 font-weight: bold;
391 .org-calendar-today {
392 /* calendar-today */
393 text-decoration: underline;
395 .org-comment {
396 /* font-lock-comment-face */
397 color: #b22222;
399 .org-comment-delimiter {
400 /* font-lock-comment-delimiter-face */
401 color: #b22222;
403 .org-constant {
404 /* font-lock-constant-face */
405 color: #5f9ea0;
407 .org-cursor {
408 /* cursor */
409 background-color: #000000;
411 .org-default {
412 /* default */
413 color: #000000;
414 background-color: #ffffff;
416 .org-diary {
417 /* diary */
418 color: #ff0000;
420 .org-doc {
421 /* font-lock-doc-face */
422 color: #bc8f8f;
424 .org-escape-glyph {
425 /* escape-glyph */
426 color: #a52a2a;
428 .org-file-name-shadow {
429 /* file-name-shadow */
430 color: #7f7f7f;
432 .org-fixed-pitch {
434 .org-fringe {
435 /* fringe */
436 background-color: #f2f2f2;
438 .org-function-name {
439 /* font-lock-function-name-face */
440 color: #0000ff;
442 .org-header-line {
443 /* header-line */
444 color: #333333;
445 background-color: #e5e5e5;
447 .org-help-argument-name {
448 /* help-argument-name */
449 font-style: italic;
451 .org-highlight {
452 /* highlight */
453 background-color: #b4eeb4;
455 .org-holiday {
456 /* holiday */
457 background-color: #ffc0cb;
459 .org-info-header-node {
460 /* info-header-node */
461 color: #a52a2a;
462 font-weight: bold;
463 font-style: italic;
465 .org-info-header-xref {
466 /* info-header-xref */
467 color: #0000ff;
468 text-decoration: underline;
470 .org-info-menu-header {
471 /* info-menu-header */
472 font-weight: bold;
474 .org-info-menu-star {
475 /* info-menu-star */
476 color: #ff0000;
478 .org-info-node {
479 /* info-node */
480 color: #a52a2a;
481 font-weight: bold;
482 font-style: italic;
484 .org-info-title-1 {
485 /* info-title-1 */
486 font-size: 172%;
487 font-weight: bold;
489 .org-info-title-2 {
490 /* info-title-2 */
491 font-size: 144%;
492 font-weight: bold;
494 .org-info-title-3 {
495 /* info-title-3 */
496 font-size: 120%;
497 font-weight: bold;
499 .org-info-title-4 {
500 /* info-title-4 */
501 font-weight: bold;
503 .org-info-xref {
504 /* info-xref */
505 color: #0000ff;
506 text-decoration: underline;
508 .org-isearch {
509 /* isearch */
510 color: #b0e2ff;
511 background-color: #cd00cd;
513 .org-italic {
514 /* italic */
515 font-style: italic;
517 .org-keyword {
518 /* font-lock-keyword-face */
519 color: #a020f0;
521 .org-lazy-highlight {
522 /* lazy-highlight */
523 background-color: #afeeee;
525 .org-link {
526 /* link */
527 color: #0000ff;
528 text-decoration: underline;
530 .org-link-visited {
531 /* link-visited */
532 color: #8b008b;
533 text-decoration: underline;
535 .org-match {
536 /* match */
537 background-color: #ffff00;
539 .org-menu {
541 .org-message-cited-text {
542 /* message-cited-text */
543 color: #ff0000;
545 .org-message-header-cc {
546 /* message-header-cc */
547 color: #191970;
549 .org-message-header-name {
550 /* message-header-name */
551 color: #6495ed;
553 .org-message-header-newsgroups {
554 /* message-header-newsgroups */
555 color: #00008b;
556 font-weight: bold;
557 font-style: italic;
559 .org-message-header-other {
560 /* message-header-other */
561 color: #4682b4;
563 .org-message-header-subject {
564 /* message-header-subject */
565 color: #000080;
566 font-weight: bold;
568 .org-message-header-to {
569 /* message-header-to */
570 color: #191970;
571 font-weight: bold;
573 .org-message-header-xheader {
574 /* message-header-xheader */
575 color: #0000ff;
577 .org-message-mml {
578 /* message-mml */
579 color: #228b22;
581 .org-message-separator {
582 /* message-separator */
583 color: #a52a2a;
585 .org-minibuffer-prompt {
586 /* minibuffer-prompt */
587 color: #0000cd;
589 .org-mm-uu-extract {
590 /* mm-uu-extract */
591 color: #006400;
592 background-color: #ffffe0;
594 .org-mode-line {
595 /* mode-line */
596 color: #000000;
597 background-color: #bfbfbf;
599 .org-mode-line-buffer-id {
600 /* mode-line-buffer-id */
601 font-weight: bold;
603 .org-mode-line-highlight {
605 .org-mode-line-inactive {
606 /* mode-line-inactive */
607 color: #333333;
608 background-color: #e5e5e5;
610 .org-mouse {
611 /* mouse */
612 background-color: #000000;
614 .org-negation-char {
616 .org-next-error {
617 /* next-error */
618 background-color: #eedc82;
620 .org-nobreak-space {
621 /* nobreak-space */
622 color: #a52a2a;
623 text-decoration: underline;
625 .org-org-agenda-date {
626 /* org-agenda-date */
627 color: #0000ff;
629 .org-org-agenda-date-weekend {
630 /* org-agenda-date-weekend */
631 color: #0000ff;
632 font-weight: bold;
634 .org-org-agenda-restriction-lock {
635 /* org-agenda-restriction-lock */
636 background-color: #ffff00;
638 .org-org-agenda-structure {
639 /* org-agenda-structure */
640 color: #0000ff;
642 .org-org-archived {
643 /* org-archived */
644 color: #7f7f7f;
646 .org-org-code {
647 /* org-code */
648 color: #7f7f7f;
650 .org-org-column {
651 /* org-column */
652 background-color: #e5e5e5;
654 .org-org-column-title {
655 /* org-column-title */
656 background-color: #e5e5e5;
657 font-weight: bold;
658 text-decoration: underline;
660 .org-org-date {
661 /* org-date */
662 color: #a020f0;
663 text-decoration: underline;
665 .org-org-done {
666 /* org-done */
667 color: #228b22;
668 font-weight: bold;
670 .org-org-drawer {
671 /* org-drawer */
672 color: #0000ff;
674 .org-org-ellipsis {
675 /* org-ellipsis */
676 color: #b8860b;
677 text-decoration: underline;
679 .org-org-formula {
680 /* org-formula */
681 color: #b22222;
683 .org-org-headline-done {
684 /* org-headline-done */
685 color: #bc8f8f;
687 .org-org-hide {
688 /* org-hide */
689 color: #e5e5e5;
691 .org-org-latex-and-export-specials {
692 /* org-latex-and-export-specials */
693 color: #8b4513;
695 .org-org-level-1 {
696 /* org-level-1 */
697 color: #0000ff;
699 .org-org-level-2 {
700 /* org-level-2 */
701 color: #b8860b;
703 .org-org-level-3 {
704 /* org-level-3 */
705 color: #a020f0;
707 .org-org-level-4 {
708 /* org-level-4 */
709 color: #b22222;
711 .org-org-level-5 {
712 /* org-level-5 */
713 color: #228b22;
715 .org-org-level-6 {
716 /* org-level-6 */
717 color: #5f9ea0;
719 .org-org-level-7 {
720 /* org-level-7 */
721 color: #da70d6;
723 .org-org-level-8 {
724 /* org-level-8 */
725 color: #bc8f8f;
727 .org-org-link {
728 /* org-link */
729 color: #a020f0;
730 text-decoration: underline;
732 .org-org-property-value {
734 .org-org-scheduled-previously {
735 /* org-scheduled-previously */
736 color: #b22222;
738 .org-org-scheduled-today {
739 /* org-scheduled-today */
740 color: #006400;
742 .org-org-sexp-date {
743 /* org-sexp-date */
744 color: #a020f0;
746 .org-org-special-keyword {
747 /* org-special-keyword */
748 color: #bc8f8f;
750 .org-org-table {
751 /* org-table */
752 color: #0000ff;
754 .org-org-tag {
755 /* org-tag */
756 font-weight: bold;
758 .org-org-target {
759 /* org-target */
760 text-decoration: underline;
762 .org-org-time-grid {
763 /* org-time-grid */
764 color: #b8860b;
766 .org-org-todo {
767 /* org-todo */
768 color: #ff0000;
770 .org-org-upcoming-deadline {
771 /* org-upcoming-deadline */
772 color: #b22222;
774 .org-org-verbatim {
775 /* org-verbatim */
776 color: #7f7f7f;
777 text-decoration: underline;
779 .org-org-warning {
780 /* org-warning */
781 color: #ff0000;
782 font-weight: bold;
784 .org-outline-1 {
785 /* outline-1 */
786 color: #0000ff;
788 .org-outline-2 {
789 /* outline-2 */
790 color: #b8860b;
792 .org-outline-3 {
793 /* outline-3 */
794 color: #a020f0;
796 .org-outline-4 {
797 /* outline-4 */
798 color: #b22222;
800 .org-outline-5 {
801 /* outline-5 */
802 color: #228b22;
804 .org-outline-6 {
805 /* outline-6 */
806 color: #5f9ea0;
808 .org-outline-7 {
809 /* outline-7 */
810 color: #da70d6;
812 .org-outline-8 {
813 /* outline-8 */
814 color: #bc8f8f;
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. */
821 .org-preprocessor {
822 /* font-lock-preprocessor-face */
823 color: #da70d6;
825 .org-query-replace {
826 /* query-replace */
827 color: #b0e2ff;
828 background-color: #cd00cd;
830 .org-regexp-grouping-backslash {
831 /* font-lock-regexp-grouping-backslash */
832 font-weight: bold;
834 .org-regexp-grouping-construct {
835 /* font-lock-regexp-grouping-construct */
836 font-weight: bold;
838 .org-region {
839 /* region */
840 background-color: #eedc82;
842 .org-rmail-highlight {
844 .org-scroll-bar {
845 /* scroll-bar */
846 background-color: #bfbfbf;
848 .org-secondary-selection {
849 /* secondary-selection */
850 background-color: #ffff00;
852 .org-shadow {
853 /* shadow */
854 color: #7f7f7f;
856 .org-show-paren-match {
857 /* show-paren-match */
858 background-color: #40e0d0;
860 .org-show-paren-mismatch {
861 /* show-paren-mismatch */
862 color: #ffffff;
863 background-color: #a020f0;
865 .org-string {
866 /* font-lock-string-face */
867 color: #bc8f8f;
869 .org-texinfo-heading {
870 /* texinfo-heading */
871 color: #0000ff;
873 .org-tool-bar {
874 /* tool-bar */
875 color: #000000;
876 background-color: #bfbfbf;
878 .org-tooltip {
879 /* tooltip */
880 color: #000000;
881 background-color: #ffffe0;
883 .org-trailing-whitespace {
884 /* trailing-whitespace */
885 background-color: #ff0000;
887 .org-type {
888 /* font-lock-type-face */
889 color: #228b22;
891 .org-underline {
892 /* underline */
893 text-decoration: underline;
895 .org-variable-name {
896 /* font-lock-variable-name-face */
897 color: #b8860b;
899 .org-variable-pitch {
901 .org-vertical-border {
903 .org-warning {
904 /* font-lock-warning-face */
905 color: #ff0000;
906 font-weight: bold;
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 {}
915 #postamble {
916 padding: .3em;
917 border: 1px solid gray;
918 background-color: #eeeeee;
922 } /* END OF @media all */
926 @media screen
928 #table-of-contents {
929 float: right;
930 border: 1px solid #CCC;
931 max-width: 50%;
932 overflow: auto;
934 } /* END OF @media screen */