Merge branch 'master' of git+ssh://repo.or.cz/srv/git/org-mode
[org-mode.git] / ORGWEBPAGE / org.css
blobf940925d6bf37307eb88a269969cf4174dbaf641
1 @media all
3 body {
4 font-size: 11pt;
5 text-align: left;
6 line-height:1.2em;
9 h1 {font-size: 14pt;}
11 #table-of-contents {
12 font-size: 85%;
13 line-height: 1.4em;
16 #table-of-contents ul {
17 list-style: none;
18 margin: 7px 0px 7px 15px ;
19 padding: 0px;
22 .title {
23 padding-bottom: 7px;
24 margin-bottom: 20px;
25 border-bottom: 1px solid #222;
28 h2 {
29 font-size: 12pt;
30 padding-bottom: 4px;
31 margin-top: 5px;
32 margin-bottom: 5px;
33 border-bottom: 1px solid #DDD;
36 h3 {font-size: 11pt; color: #a34d32;}
37 h4 {font-size: 9pt;}
39 a {text-decoration: none; color: #537d7b}
40 /* a:visited {text-decoration: none; color: #224444} */ /* Taken out because color too similar to text. */
41 a:visited {text-decoration: none; color: #98855b} /* this is now the color of the Unicorns horn */
42 a:hover {text-decoration: underline; color: #a34d32}
44 .todo {color: #990000;}
45 .done {color: #006666;}
46 .timestamp-kwd {color: #444;}
47 .tag {color: #DDD; font-size: 70%; font-weight: 500;}
49 table {border: none;}
50 td {border: none; padding: .1em .7em .1em .3em;}
51 th {border: none;}
53 code {font-size: 10pt;}
55 pre {
56 border: 1px solid #555;
57 background: #EEEEEE;
58 font-size: 9pt;
59 padding: 1em;
62 img {
63 border: none;
66 .share img {
67 opacity: .4;
68 -moz-opacity: .4;
69 filter: alpha(opacity=40);
72 .share img:hover {
73 opacity: 1;
74 -moz-opacity: 1;
75 filter: alpha(opacity=100);
78 .org-info-search-highlight
80 background-color:#adefef; /* same color as emacs default */
81 color:#000000;
82 font-weight:bold;
85 .org-bbdb-company {
86 /* bbdb-company */
87 font-style: italic;
89 .org-bbdb-field-name {
91 .org-bbdb-field-value {
93 .org-bbdb-name {
94 /* bbdb-name */
95 text-decoration: underline;
97 .org-bold {
98 /* bold */
99 font-weight: bold;
101 .org-bold-italic {
102 /* bold-italic */
103 font-weight: bold;
104 font-style: italic;
106 .org-border {
107 /* border */
108 background-color: #000000;
110 .org-buffer-menu-buffer {
111 /* buffer-menu-buffer */
112 font-weight: bold;
114 .org-builtin {
115 /* font-lock-builtin-face */
116 color: #da70d6;
118 .org-button {
119 /* button */
120 text-decoration: underline;
122 .org-c-nonbreakable-space {
123 /* c-nonbreakable-space-face */
124 background-color: #ff0000;
125 font-weight: bold;
127 .org-calendar-today {
128 /* calendar-today */
129 text-decoration: underline;
131 .org-comment {
132 /* font-lock-comment-face */
133 color: #b22222;
135 .org-comment-delimiter {
136 /* font-lock-comment-delimiter-face */
137 color: #b22222;
139 .org-constant {
140 /* font-lock-constant-face */
141 color: #5f9ea0;
143 .org-cursor {
144 /* cursor */
145 background-color: #000000;
147 .org-default {
148 /* default */
149 color: #000000;
150 background-color: #ffffff;
152 .org-diary {
153 /* diary */
154 color: #ff0000;
156 .org-doc {
157 /* font-lock-doc-face */
158 color: #bc8f8f;
160 .org-escape-glyph {
161 /* escape-glyph */
162 color: #a52a2a;
164 .org-file-name-shadow {
165 /* file-name-shadow */
166 color: #7f7f7f;
168 .org-fixed-pitch {
170 .org-fringe {
171 /* fringe */
172 background-color: #f2f2f2;
174 .org-function-name {
175 /* font-lock-function-name-face */
176 color: #0000ff;
178 .org-header-line {
179 /* header-line */
180 color: #333333;
181 background-color: #e5e5e5;
183 .org-help-argument-name {
184 /* help-argument-name */
185 font-style: italic;
187 .org-highlight {
188 /* highlight */
189 background-color: #b4eeb4;
191 .org-holiday {
192 /* holiday */
193 background-color: #ffc0cb;
195 .org-info-header-node {
196 /* info-header-node */
197 color: #a52a2a;
198 font-weight: bold;
199 font-style: italic;
201 .org-info-header-xref {
202 /* info-header-xref */
203 color: #0000ff;
204 text-decoration: underline;
206 .org-info-menu-header {
207 /* info-menu-header */
208 font-weight: bold;
210 .org-info-menu-star {
211 /* info-menu-star */
212 color: #ff0000;
214 .org-info-node {
215 /* info-node */
216 color: #a52a2a;
217 font-weight: bold;
218 font-style: italic;
220 .org-info-title-1 {
221 /* info-title-1 */
222 font-size: 172%;
223 font-weight: bold;
225 .org-info-title-2 {
226 /* info-title-2 */
227 font-size: 144%;
228 font-weight: bold;
230 .org-info-title-3 {
231 /* info-title-3 */
232 font-size: 120%;
233 font-weight: bold;
235 .org-info-title-4 {
236 /* info-title-4 */
237 font-weight: bold;
239 .org-info-xref {
240 /* info-xref */
241 color: #0000ff;
242 text-decoration: underline;
244 .org-isearch {
245 /* isearch */
246 color: #b0e2ff;
247 background-color: #cd00cd;
249 .org-italic {
250 /* italic */
251 font-style: italic;
253 .org-keyword {
254 /* font-lock-keyword-face */
255 color: #a020f0;
257 .org-lazy-highlight {
258 /* lazy-highlight */
259 background-color: #afeeee;
261 .org-link {
262 /* link */
263 color: #0000ff;
264 text-decoration: underline;
266 .org-link-visited {
267 /* link-visited */
268 color: #8b008b;
269 text-decoration: underline;
271 .org-match {
272 /* match */
273 background-color: #ffff00;
275 .org-menu {
277 .org-message-cited-text {
278 /* message-cited-text */
279 color: #ff0000;
281 .org-message-header-cc {
282 /* message-header-cc */
283 color: #191970;
285 .org-message-header-name {
286 /* message-header-name */
287 color: #6495ed;
289 .org-message-header-newsgroups {
290 /* message-header-newsgroups */
291 color: #00008b;
292 font-weight: bold;
293 font-style: italic;
295 .org-message-header-other {
296 /* message-header-other */
297 color: #4682b4;
299 .org-message-header-subject {
300 /* message-header-subject */
301 color: #000080;
302 font-weight: bold;
304 .org-message-header-to {
305 /* message-header-to */
306 color: #191970;
307 font-weight: bold;
309 .org-message-header-xheader {
310 /* message-header-xheader */
311 color: #0000ff;
313 .org-message-mml {
314 /* message-mml */
315 color: #228b22;
317 .org-message-separator {
318 /* message-separator */
319 color: #a52a2a;
321 .org-minibuffer-prompt {
322 /* minibuffer-prompt */
323 color: #0000cd;
325 .org-mm-uu-extract {
326 /* mm-uu-extract */
327 color: #006400;
328 background-color: #ffffe0;
330 .org-mode-line {
331 /* mode-line */
332 color: #000000;
333 background-color: #bfbfbf;
335 .org-mode-line-buffer-id {
336 /* mode-line-buffer-id */
337 font-weight: bold;
339 .org-mode-line-highlight {
341 .org-mode-line-inactive {
342 /* mode-line-inactive */
343 color: #333333;
344 background-color: #e5e5e5;
346 .org-mouse {
347 /* mouse */
348 background-color: #000000;
350 .org-negation-char {
352 .org-next-error {
353 /* next-error */
354 background-color: #eedc82;
356 .org-nobreak-space {
357 /* nobreak-space */
358 color: #a52a2a;
359 text-decoration: underline;
361 .org-org-agenda-date {
362 /* org-agenda-date */
363 color: #0000ff;
365 .org-org-agenda-date-weekend {
366 /* org-agenda-date-weekend */
367 color: #0000ff;
368 font-weight: bold;
370 .org-org-agenda-restriction-lock {
371 /* org-agenda-restriction-lock */
372 background-color: #ffff00;
374 .org-org-agenda-structure {
375 /* org-agenda-structure */
376 color: #0000ff;
378 .org-org-archived {
379 /* org-archived */
380 color: #7f7f7f;
382 .org-org-code {
383 /* org-code */
384 color: #7f7f7f;
386 .org-org-column {
387 /* org-column */
388 background-color: #e5e5e5;
390 .org-org-column-title {
391 /* org-column-title */
392 background-color: #e5e5e5;
393 font-weight: bold;
394 text-decoration: underline;
396 .org-org-date {
397 /* org-date */
398 color: #a020f0;
399 text-decoration: underline;
401 .org-org-done {
402 /* org-done */
403 color: #228b22;
404 font-weight: bold;
406 .org-org-drawer {
407 /* org-drawer */
408 color: #0000ff;
410 .org-org-ellipsis {
411 /* org-ellipsis */
412 color: #b8860b;
413 text-decoration: underline;
415 .org-org-formula {
416 /* org-formula */
417 color: #b22222;
419 .org-org-headline-done {
420 /* org-headline-done */
421 color: #bc8f8f;
423 .org-org-hide {
424 /* org-hide */
425 color: #e5e5e5;
427 .org-org-latex-and-export-specials {
428 /* org-latex-and-export-specials */
429 color: #8b4513;
431 .org-org-level-1 {
432 /* org-level-1 */
433 color: #0000ff;
435 .org-org-level-2 {
436 /* org-level-2 */
437 color: #b8860b;
439 .org-org-level-3 {
440 /* org-level-3 */
441 color: #a020f0;
443 .org-org-level-4 {
444 /* org-level-4 */
445 color: #b22222;
447 .org-org-level-5 {
448 /* org-level-5 */
449 color: #228b22;
451 .org-org-level-6 {
452 /* org-level-6 */
453 color: #5f9ea0;
455 .org-org-level-7 {
456 /* org-level-7 */
457 color: #da70d6;
459 .org-org-level-8 {
460 /* org-level-8 */
461 color: #bc8f8f;
463 .org-org-link {
464 /* org-link */
465 color: #a020f0;
466 text-decoration: underline;
468 .org-org-property-value {
470 .org-org-scheduled-previously {
471 /* org-scheduled-previously */
472 color: #b22222;
474 .org-org-scheduled-today {
475 /* org-scheduled-today */
476 color: #006400;
478 .org-org-sexp-date {
479 /* org-sexp-date */
480 color: #a020f0;
482 .org-org-special-keyword {
483 /* org-special-keyword */
484 color: #bc8f8f;
486 .org-org-table {
487 /* org-table */
488 color: #0000ff;
490 .org-org-tag {
491 /* org-tag */
492 font-weight: bold;
494 .org-org-target {
495 /* org-target */
496 text-decoration: underline;
498 .org-org-time-grid {
499 /* org-time-grid */
500 color: #b8860b;
502 .org-org-todo {
503 /* org-todo */
504 color: #ff0000;
506 .org-org-upcoming-deadline {
507 /* org-upcoming-deadline */
508 color: #b22222;
510 .org-org-verbatim {
511 /* org-verbatim */
512 color: #7f7f7f;
513 text-decoration: underline;
515 .org-org-warning {
516 /* org-warning */
517 color: #ff0000;
518 font-weight: bold;
520 .org-outline-1 {
521 /* outline-1 */
522 color: #0000ff;
524 .org-outline-2 {
525 /* outline-2 */
526 color: #b8860b;
528 .org-outline-3 {
529 /* outline-3 */
530 color: #a020f0;
532 .org-outline-4 {
533 /* outline-4 */
534 color: #b22222;
536 .org-outline-5 {
537 /* outline-5 */
538 color: #228b22;
540 .org-outline-6 {
541 /* outline-6 */
542 color: #5f9ea0;
544 .org-outline-7 {
545 /* outline-7 */
546 color: #da70d6;
548 .org-outline-8 {
549 /* outline-8 */
550 color: #bc8f8f;
552 .org-preprocessor {
553 /* font-lock-preprocessor-face */
554 color: #da70d6;
556 .org-query-replace {
557 /* query-replace */
558 color: #b0e2ff;
559 background-color: #cd00cd;
561 .org-regexp-grouping-backslash {
562 /* font-lock-regexp-grouping-backslash */
563 font-weight: bold;
565 .org-regexp-grouping-construct {
566 /* font-lock-regexp-grouping-construct */
567 font-weight: bold;
569 .org-region {
570 /* region */
571 background-color: #eedc82;
573 .org-rmail-highlight {
575 .org-scroll-bar {
576 /* scroll-bar */
577 background-color: #bfbfbf;
579 .org-secondary-selection {
580 /* secondary-selection */
581 background-color: #ffff00;
583 .org-shadow {
584 /* shadow */
585 color: #7f7f7f;
587 .org-show-paren-match {
588 /* show-paren-match */
589 background-color: #40e0d0;
591 .org-show-paren-mismatch {
592 /* show-paren-mismatch */
593 color: #ffffff;
594 background-color: #a020f0;
596 .org-string {
597 /* font-lock-string-face */
598 color: #bc8f8f;
600 .org-texinfo-heading {
601 /* texinfo-heading */
602 color: #0000ff;
604 .org-tool-bar {
605 /* tool-bar */
606 color: #000000;
607 background-color: #bfbfbf;
609 .org-tooltip {
610 /* tooltip */
611 color: #000000;
612 background-color: #ffffe0;
614 .org-trailing-whitespace {
615 /* trailing-whitespace */
616 background-color: #ff0000;
618 .org-type {
619 /* font-lock-type-face */
620 color: #228b22;
622 .org-underline {
623 /* underline */
624 text-decoration: underline;
626 .org-variable-name {
627 /* font-lock-variable-name-face */
628 color: #b8860b;
630 .org-variable-pitch {
632 .org-vertical-border {
634 .org-warning {
635 /* font-lock-warning-face */
636 color: #ff0000;
637 font-weight: bold;
640 } /* END OF @media all */
643 @media screen
645 body {
646 margin: 10px 6% 10px 250px;
647 font-family: Verdana, Helvetica, sans-serif;
650 .logo-link {
651 position: fixed;
652 top: 10px;
653 left: 30px;
656 #table-of-contents {
657 position: fixed;
658 display: block;
659 left: 10px;
660 top: 180px;
661 width: 200px;
662 min-height:60px;
663 max-height:55%;
664 overflow:auto;
667 #table-of-contents h2 {
668 display:none;
673 /* These style are only for IE: */
675 * html {
676 overflow-y: hidden;
677 padding-bottom:0px;
678 margin:0px;
681 * html body {
682 height: 100%;
683 overflow-y: auto;
684 font-size: 100%;
685 margin: 0px 0px 0px 250px;
686 padding: 0px 10% 0px 0px;
689 * html #table-of-contents {
690 position: absolute;
691 width:200px;
693 The evil IE-JavaScript hack :-) depends on Picture and y-distance.
694 Added to support small screens (Netbooks...).
696 height: expression((document.body.clientHeight - 210) + "px");
699 * html h1 {
700 margin-top:10px;
703 * html .logo-link {
704 position: absolute;
705 top: 10px;
706 left: 30px;
709 } /* END OF @media screen */
714 /* Printing */
718 @page
720 margin-top:3cm;
721 margin-bottom:2.5cm;
724 @page :left
726 margin-left:1.5cm;
727 margin-right:2cm;
730 @page :right
732 margin-left:2cm;
733 margin-right:1.5cm;
737 @media print
739 body {
740 margin:0px;
741 font-family: Verdana, Helvetica, sans-serif;
744 div {
745 orphans:2;
749 orphans:2;
752 li {
753 orphans:2;
756 .logo-link {
757 top: 10px;
758 left: 30px;
761 #table-of-contents h2 {
762 margin-top:1.5cm;
763 page-break-before:auto;
764 border-style:none;
767 #text-table-of-contents {
768 width:50%;
769 margin-top:1cm;
770 margin-left:0cm;
771 margin-right:auto;
772 text-align:left;
775 #table-of-contents ul {
776 text-align:left;
779 h2 {
780 page-break-before:always;
783 pre {
784 page-break-inside:avoid;
787 /* Hide all org-info.js stuff for printing: */
789 div#org-info-js_console-container {
790 display:none;
793 div.org-info-js_local-toc {
794 display:none;
797 table.org-info-js_info-navigation {
798 display:none;
800 div.org-info-js_header-navigation {
801 display:none;
802 visibility:hidden; /* needed to overwrite the hardcoded style setting... */
805 } /* END OF @media print */