Added a specific class for handling the logo display in IE.
[org-mode.git] / ORGWEBPAGE / org.css
blob7a3b32ab4568fa393881c6ebde0ec791c85be321
1 @media all
3 body {
4 margin: 10px 6% 10px 250px;
5 font-family: Verdana, Helvetica, sans-serif;
6 font-size: 11pt;
7 text-align: left;
8 line-height:1.2em;
11 .logo-link {
12 position: fixed;
13 top: 10px;
14 left: 30px;
17 h1 {font-size: 14pt;}
19 #table-of-contents {
20 font-size: 85%;
21 position: fixed;
22 display: block;
23 left: 10px;
24 top: 180px;
25 width: 200px;
26 min-height:60px;
27 max-height:55%;
28 line-height: 1.4em;
29 overflow:auto;
32 #table-of-contents h2 {
33 display:none;
36 #table-of-contents ul {
37 list-style: none;
38 margin: 7px 0px 7px 15px ;
39 padding: 0px;
42 .title {
43 padding-bottom: 7px;
44 margin-bottom: 20px;
45 border-bottom: 1px solid #222;
48 h2 {
49 font-size: 12pt;
50 padding-bottom: 4px;
51 margin-top: 5px;
52 margin-bottom: 5px;
53 border-bottom: 1px solid #DDD;
56 h3 {font-size: 11pt; color: #a34d32;}
57 h4 {font-size: 9pt;}
59 a {text-decoration: none; color: #537d7b}
60 /* a:visited {text-decoration: none; color: #224444} */ /* Taken out because color too similar to text. */
61 a:visited {text-decoration: none; color: #98855b} /* this is now the color of the Unicorns horn */
62 a:hover {text-decoration: underline; color: #a34d32}
64 .todo {color: #990000;}
65 .done {color: #006666;}
66 .timestamp-kwd {color: #444;}
67 .tag {color: #DDD; font-size: 70%; font-weight: 500;}
69 table {border: none;}
70 td {border: none; padding: .1em .7em .1em .3em;}
71 th {border: none;}
73 code {font-size: 10pt;}
75 pre {
76 border: 1px solid #555;
77 background: #EEEEEE;
78 font-size: 9pt;
79 padding: 1em;
82 img {
83 border: none;
86 .share img {
87 opacity: .4;
88 -moz-opacity: .4;
89 filter: alpha(opacity=40);
92 .share img:hover {
93 opacity: 1;
94 -moz-opacity: 1;
95 filter: alpha(opacity=100);
99 .org-info-search-highlight
101 background-color:#adefef; /* same color as emacs default */
102 color:#000000;
103 font-weight:bold;
106 .org-bbdb-company {
107 /* bbdb-company */
108 font-style: italic;
110 .org-bbdb-field-name {
112 .org-bbdb-field-value {
114 .org-bbdb-name {
115 /* bbdb-name */
116 text-decoration: underline;
118 .org-bold {
119 /* bold */
120 font-weight: bold;
122 .org-bold-italic {
123 /* bold-italic */
124 font-weight: bold;
125 font-style: italic;
127 .org-border {
128 /* border */
129 background-color: #000000;
131 .org-buffer-menu-buffer {
132 /* buffer-menu-buffer */
133 font-weight: bold;
135 .org-builtin {
136 /* font-lock-builtin-face */
137 color: #da70d6;
139 .org-button {
140 /* button */
141 text-decoration: underline;
143 .org-c-nonbreakable-space {
144 /* c-nonbreakable-space-face */
145 background-color: #ff0000;
146 font-weight: bold;
148 .org-calendar-today {
149 /* calendar-today */
150 text-decoration: underline;
152 .org-comment {
153 /* font-lock-comment-face */
154 color: #b22222;
156 .org-comment-delimiter {
157 /* font-lock-comment-delimiter-face */
158 color: #b22222;
160 .org-constant {
161 /* font-lock-constant-face */
162 color: #5f9ea0;
164 .org-cursor {
165 /* cursor */
166 background-color: #000000;
168 .org-default {
169 /* default */
170 color: #000000;
171 background-color: #ffffff;
173 .org-diary {
174 /* diary */
175 color: #ff0000;
177 .org-doc {
178 /* font-lock-doc-face */
179 color: #bc8f8f;
181 .org-escape-glyph {
182 /* escape-glyph */
183 color: #a52a2a;
185 .org-file-name-shadow {
186 /* file-name-shadow */
187 color: #7f7f7f;
189 .org-fixed-pitch {
191 .org-fringe {
192 /* fringe */
193 background-color: #f2f2f2;
195 .org-function-name {
196 /* font-lock-function-name-face */
197 color: #0000ff;
199 .org-header-line {
200 /* header-line */
201 color: #333333;
202 background-color: #e5e5e5;
204 .org-help-argument-name {
205 /* help-argument-name */
206 font-style: italic;
208 .org-highlight {
209 /* highlight */
210 background-color: #b4eeb4;
212 .org-holiday {
213 /* holiday */
214 background-color: #ffc0cb;
216 .org-info-header-node {
217 /* info-header-node */
218 color: #a52a2a;
219 font-weight: bold;
220 font-style: italic;
222 .org-info-header-xref {
223 /* info-header-xref */
224 color: #0000ff;
225 text-decoration: underline;
227 .org-info-menu-header {
228 /* info-menu-header */
229 font-weight: bold;
231 .org-info-menu-star {
232 /* info-menu-star */
233 color: #ff0000;
235 .org-info-node {
236 /* info-node */
237 color: #a52a2a;
238 font-weight: bold;
239 font-style: italic;
241 .org-info-title-1 {
242 /* info-title-1 */
243 font-size: 172%;
244 font-weight: bold;
246 .org-info-title-2 {
247 /* info-title-2 */
248 font-size: 144%;
249 font-weight: bold;
251 .org-info-title-3 {
252 /* info-title-3 */
253 font-size: 120%;
254 font-weight: bold;
256 .org-info-title-4 {
257 /* info-title-4 */
258 font-weight: bold;
260 .org-info-xref {
261 /* info-xref */
262 color: #0000ff;
263 text-decoration: underline;
265 .org-isearch {
266 /* isearch */
267 color: #b0e2ff;
268 background-color: #cd00cd;
270 .org-italic {
271 /* italic */
272 font-style: italic;
274 .org-keyword {
275 /* font-lock-keyword-face */
276 color: #a020f0;
278 .org-lazy-highlight {
279 /* lazy-highlight */
280 background-color: #afeeee;
282 .org-link {
283 /* link */
284 color: #0000ff;
285 text-decoration: underline;
287 .org-link-visited {
288 /* link-visited */
289 color: #8b008b;
290 text-decoration: underline;
292 .org-match {
293 /* match */
294 background-color: #ffff00;
296 .org-menu {
298 .org-message-cited-text {
299 /* message-cited-text */
300 color: #ff0000;
302 .org-message-header-cc {
303 /* message-header-cc */
304 color: #191970;
306 .org-message-header-name {
307 /* message-header-name */
308 color: #6495ed;
310 .org-message-header-newsgroups {
311 /* message-header-newsgroups */
312 color: #00008b;
313 font-weight: bold;
314 font-style: italic;
316 .org-message-header-other {
317 /* message-header-other */
318 color: #4682b4;
320 .org-message-header-subject {
321 /* message-header-subject */
322 color: #000080;
323 font-weight: bold;
325 .org-message-header-to {
326 /* message-header-to */
327 color: #191970;
328 font-weight: bold;
330 .org-message-header-xheader {
331 /* message-header-xheader */
332 color: #0000ff;
334 .org-message-mml {
335 /* message-mml */
336 color: #228b22;
338 .org-message-separator {
339 /* message-separator */
340 color: #a52a2a;
342 .org-minibuffer-prompt {
343 /* minibuffer-prompt */
344 color: #0000cd;
346 .org-mm-uu-extract {
347 /* mm-uu-extract */
348 color: #006400;
349 background-color: #ffffe0;
351 .org-mode-line {
352 /* mode-line */
353 color: #000000;
354 background-color: #bfbfbf;
356 .org-mode-line-buffer-id {
357 /* mode-line-buffer-id */
358 font-weight: bold;
360 .org-mode-line-highlight {
362 .org-mode-line-inactive {
363 /* mode-line-inactive */
364 color: #333333;
365 background-color: #e5e5e5;
367 .org-mouse {
368 /* mouse */
369 background-color: #000000;
371 .org-negation-char {
373 .org-next-error {
374 /* next-error */
375 background-color: #eedc82;
377 .org-nobreak-space {
378 /* nobreak-space */
379 color: #a52a2a;
380 text-decoration: underline;
382 .org-org-agenda-date {
383 /* org-agenda-date */
384 color: #0000ff;
386 .org-org-agenda-date-weekend {
387 /* org-agenda-date-weekend */
388 color: #0000ff;
389 font-weight: bold;
391 .org-org-agenda-restriction-lock {
392 /* org-agenda-restriction-lock */
393 background-color: #ffff00;
395 .org-org-agenda-structure {
396 /* org-agenda-structure */
397 color: #0000ff;
399 .org-org-archived {
400 /* org-archived */
401 color: #7f7f7f;
403 .org-org-code {
404 /* org-code */
405 color: #7f7f7f;
407 .org-org-column {
408 /* org-column */
409 background-color: #e5e5e5;
411 .org-org-column-title {
412 /* org-column-title */
413 background-color: #e5e5e5;
414 font-weight: bold;
415 text-decoration: underline;
417 .org-org-date {
418 /* org-date */
419 color: #a020f0;
420 text-decoration: underline;
422 .org-org-done {
423 /* org-done */
424 color: #228b22;
425 font-weight: bold;
427 .org-org-drawer {
428 /* org-drawer */
429 color: #0000ff;
431 .org-org-ellipsis {
432 /* org-ellipsis */
433 color: #b8860b;
434 text-decoration: underline;
436 .org-org-formula {
437 /* org-formula */
438 color: #b22222;
440 .org-org-headline-done {
441 /* org-headline-done */
442 color: #bc8f8f;
444 .org-org-hide {
445 /* org-hide */
446 color: #e5e5e5;
448 .org-org-latex-and-export-specials {
449 /* org-latex-and-export-specials */
450 color: #8b4513;
452 .org-org-level-1 {
453 /* org-level-1 */
454 color: #0000ff;
456 .org-org-level-2 {
457 /* org-level-2 */
458 color: #b8860b;
460 .org-org-level-3 {
461 /* org-level-3 */
462 color: #a020f0;
464 .org-org-level-4 {
465 /* org-level-4 */
466 color: #b22222;
468 .org-org-level-5 {
469 /* org-level-5 */
470 color: #228b22;
472 .org-org-level-6 {
473 /* org-level-6 */
474 color: #5f9ea0;
476 .org-org-level-7 {
477 /* org-level-7 */
478 color: #da70d6;
480 .org-org-level-8 {
481 /* org-level-8 */
482 color: #bc8f8f;
484 .org-org-link {
485 /* org-link */
486 color: #a020f0;
487 text-decoration: underline;
489 .org-org-property-value {
491 .org-org-scheduled-previously {
492 /* org-scheduled-previously */
493 color: #b22222;
495 .org-org-scheduled-today {
496 /* org-scheduled-today */
497 color: #006400;
499 .org-org-sexp-date {
500 /* org-sexp-date */
501 color: #a020f0;
503 .org-org-special-keyword {
504 /* org-special-keyword */
505 color: #bc8f8f;
507 .org-org-table {
508 /* org-table */
509 color: #0000ff;
511 .org-org-tag {
512 /* org-tag */
513 font-weight: bold;
515 .org-org-target {
516 /* org-target */
517 text-decoration: underline;
519 .org-org-time-grid {
520 /* org-time-grid */
521 color: #b8860b;
523 .org-org-todo {
524 /* org-todo */
525 color: #ff0000;
527 .org-org-upcoming-deadline {
528 /* org-upcoming-deadline */
529 color: #b22222;
531 .org-org-verbatim {
532 /* org-verbatim */
533 color: #7f7f7f;
534 text-decoration: underline;
536 .org-org-warning {
537 /* org-warning */
538 color: #ff0000;
539 font-weight: bold;
541 .org-outline-1 {
542 /* outline-1 */
543 color: #0000ff;
545 .org-outline-2 {
546 /* outline-2 */
547 color: #b8860b;
549 .org-outline-3 {
550 /* outline-3 */
551 color: #a020f0;
553 .org-outline-4 {
554 /* outline-4 */
555 color: #b22222;
557 .org-outline-5 {
558 /* outline-5 */
559 color: #228b22;
561 .org-outline-6 {
562 /* outline-6 */
563 color: #5f9ea0;
565 .org-outline-7 {
566 /* outline-7 */
567 color: #da70d6;
569 .org-outline-8 {
570 /* outline-8 */
571 color: #bc8f8f;
573 .org-preprocessor {
574 /* font-lock-preprocessor-face */
575 color: #da70d6;
577 .org-query-replace {
578 /* query-replace */
579 color: #b0e2ff;
580 background-color: #cd00cd;
582 .org-regexp-grouping-backslash {
583 /* font-lock-regexp-grouping-backslash */
584 font-weight: bold;
586 .org-regexp-grouping-construct {
587 /* font-lock-regexp-grouping-construct */
588 font-weight: bold;
590 .org-region {
591 /* region */
592 background-color: #eedc82;
594 .org-rmail-highlight {
596 .org-scroll-bar {
597 /* scroll-bar */
598 background-color: #bfbfbf;
600 .org-secondary-selection {
601 /* secondary-selection */
602 background-color: #ffff00;
604 .org-shadow {
605 /* shadow */
606 color: #7f7f7f;
608 .org-show-paren-match {
609 /* show-paren-match */
610 background-color: #40e0d0;
612 .org-show-paren-mismatch {
613 /* show-paren-mismatch */
614 color: #ffffff;
615 background-color: #a020f0;
617 .org-string {
618 /* font-lock-string-face */
619 color: #bc8f8f;
621 .org-texinfo-heading {
622 /* texinfo-heading */
623 color: #0000ff;
625 .org-tool-bar {
626 /* tool-bar */
627 color: #000000;
628 background-color: #bfbfbf;
630 .org-tooltip {
631 /* tooltip */
632 color: #000000;
633 background-color: #ffffe0;
635 .org-trailing-whitespace {
636 /* trailing-whitespace */
637 background-color: #ff0000;
639 .org-type {
640 /* font-lock-type-face */
641 color: #228b22;
643 .org-underline {
644 /* underline */
645 text-decoration: underline;
647 .org-variable-name {
648 /* font-lock-variable-name-face */
649 color: #b8860b;
651 .org-variable-pitch {
653 .org-vertical-border {
655 .org-warning {
656 /* font-lock-warning-face */
657 color: #ff0000;
658 font-weight: bold;
661 } /* END OF @media screen */
664 /* These style are only for IE: */
666 * html {
667 overflow-y: hidden;
668 padding-bottom:0px;
669 margin:0px;
671 * html body
673 height: 100%;
674 overflow-y: auto;
675 font-size: 100%;
676 margin: 0px 0px 0px 250px;
677 padding: 0px 10% 0px 0px;
679 * html #table-of-contents
681 position: absolute;
682 width:200px;
684 The evil IE-JavaScript hack :-) depends on Picture and y-distance.
685 Added to support small screens (Netbooks...).
687 height: expression((document.body.clientHeight - 210) + "px");
690 * html h1
692 margin-top:10px;
695 * html .logo-link
697 position: absolute;
698 top: 10px;
699 left: 30px;