]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
infobox uses semi-transparent overlay
[tt-rss.git] / tt-rss.css
1 body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
6 font-family : sans-serif;
7 }
8
9 /* common styles */
10
11 table.main td.headerBox {
12 /* background-image : url("images/vgrad_light_rev2.png");
13 background-position : top left;
14 background-repeat : repeat-x; */
15 background-color : white;
16 }
17
18 table.main td.header {
19 padding : 10px 10px 10px 10px;
20 height : 70px;
21 }
22
23 table.main td.mainToolbar {
24 border-width : 0px 0px 0px 0px;
25 border-style : solid;
26 border-color : #c0c0c0;
27 padding : 3px 25px 3px 10px;
28 }
29
30 table.main td.prefsToolbar {
31 padding : 0px 5px 5px 0px;
32 }
33
34 table.main td.feeds {
35 width : 290px;
36 height : 100%;
37 border-width : 1px 0px 0px 0px;
38 border-style : solid;
39 border-color : #88b0f0;
40 padding : 0px;
41 }
42
43 table.main td.headlinesToolbarBox {
44 padding : 10px;
45 border-width : 0px 0px 1px 1px;
46 border-style : solid;
47 border-color : #88b0f0;
48 background-image : url("images/toolbar.png");
49 background-position : bottom left;
50 background-repeat : repeat-x;
51 background-color : white;
52 }
53
54 table.main td.footer {
55 border-width : 1px 0px 0px 0px;
56 border-style : solid;
57 border-color : #88b0f0;
58 padding : 10px;
59 text-align : center;
60 font-size : x-small;
61 background-image : url("images/footer.png");
62 background-position : top left;
63 background-repeat : repeat-x;
64 background-color : white;
65 color : black;
66 }
67
68 table.main td.footer a {
69 color : black;
70 }
71
72 table.main td.footer a:hover {
73 color : #4684ff;
74 }
75
76 table.main td.headlines {
77 height : 25%;
78 border-width : 0px 0px 1px 1px;
79 border-style : solid;
80 border-color : #88b0f0;
81 }
82
83 table.main td.headlines2 {
84 height : 100%;
85 border-width : 0px 0px 0px 1px;
86 border-style : solid;
87 border-color : #c0c0c0;
88 }
89
90 table.main td.content {
91 height : 100%;
92 border-width : 0px 0px 0px 1px;
93 border-style : solid;
94 border-color : #88b0f0;
95 }
96
97 table.main td.prefContent {
98 height : 100%;
99 background-image : url("images/prefs-content.png");
100 background-position : top left;
101 background-repeat : repeat-x;
102 border-width : 1px 0px 0px 0px;
103 border-style : solid;
104 border-color : #88b0f0;
105 padding : 20px;
106 background-color : white;
107 }
108
109 div.postReply {
110 height : 100%;
111 padding : 10px;
112 }
113
114 div.postReply a {
115 color : #4684ff;
116 }
117
118 div.postReply a:hover {
119 color : black;
120 }
121
122 div.postReply div.postHeader {
123 background : #ecf4ff;
124 border : 1px solid #88b0f0;
125 }
126
127 div.postReply > div.postHeader {
128 padding : 5px;
129 }
130
131 div.postReply div.postContent {
132 padding : 10px;
133 }
134
135 div.postReply div.postIcon {
136 float : right;
137 border : 0px;
138 margin : 10px 0px 10px 10px;
139 }
140
141 ul.feedList {
142 list-style-type : none;
143 margin : 5px;
144 padding : 0px 0px 0px 10px;
145 }
146
147 ul.feedList li.feedCat {
148 margin : 0px;
149 padding : 3px 0px 3px 0px;
150 color : #707070;
151 font-size : x-small;
152 }
153
154 ul.feedList li.feedCat a {
155 color : #707070;
156 }
157
158 ul.feedList li.feedCat a:hover {
159 color : #4684ff;
160 }
161
162 ul.feedCatList {
163 list-style-type : none;
164 margin : 0px 0px 0px 20px;
165 padding : 0px;
166 }
167
168 ul.feedCatList li {
169 margin : 0px;
170 padding : 0px 0px 0px 0px;
171 color : black;
172 }
173
174 ul.feedList li {
175 margin : 0px;
176 }
177
178 ul.feedlist li.feedUnread,
179 ul.feedlist li.errorUnread,
180 ul.feedlist li.labelUnread,
181 ul.feedlist li.virtUnread,
182 ul.feedlist li.tagUnread {
183 font-weight : bold;
184 }
185
186 ul.feedlist li.errorSelected a,
187 ul.feedlist li.error a,
188 ul.feedlist li.errorUnread a,
189 ul.feedlist li.errorUnreadSelected a {
190 color : #f04040;
191 }
192
193 ul.feedlist li.feedSelected a,
194 ul.feedlist li.labelSelected a,
195 ul.feedlist li.virtSelected a,
196 ul.feedlist li.tagSelected a {
197 color : #4684ff;
198 }
199
200 ul.feedlist li.feedUnreadSelected a,
201 ul.feedlist li.labelUnreadSelected a,
202 ul.feedlist li.virtUnreadSelected a,
203 ul.feedlist li.tagUnreadSelected a {
204 color : #4684ff;
205 }
206
207 ul.feedlist li.feedUnreadSelected,
208 ul.feedlist li.errorUnreadSelected,
209 ul.feedlist li.labelUnreadSelected,
210 ul.feedlist li.virtUnreadSelected,
211 ul.feedlist li.tagUnreadSelected {
212 font-weight : bold;
213 }
214
215 ul.feedList li.feed {
216 display : block;
217 }
218
219 ul.feedList img, img.tinyFeedIcon {
220 margin : 0px 3px 0px 0px;
221 width : 16px;
222 height : 16px;
223 border-width : 0px;
224 }
225
226 h1 {
227 font-size : 16pt;
228 }
229
230 h2 {
231 font-size : 14pt;
232 font-weight : bold;
233 border-width : 0px 0px 1px 0px;
234 border-style : solid;
235 border-color : #ecf4ff;
236 }
237
238 h3 {
239 font-size : 12pt;
240 font-weight : bold;
241 border-width : 0px 0px 1px 0px;
242 border-style : solid;
243 border-color : #ecf4ff;
244 }
245
246 hr {
247 border-width : 0px 0px 1px 0px;
248 border-style : dashed;
249 border-color : #e0e0e0;
250 }
251
252 a {
253 color : black;
254 text-decoration : none;
255 }
256
257 a:hover {
258 color : #4684ff;
259 }
260
261 #piggie {
262 width : 400;
263 height : 400;
264 right : 0;
265 top : -400;
266 background-color : white;
267 display : none;
268 z-index : 3;
269 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
270 background-position : center center;
271 background-repeat : no-repeat;
272 position : absolute;
273 border : 1px solid pink;
274 margin-left : auto;
275 margin-right : auto;
276 -moz-border-radius : 10px;
277 opacity : 0.8;
278 }
279
280 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
281 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
282 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
283 #iedit_parent_feed {
284 width : 100%;
285 padding-left : 2px;
286 }
287
288 input.editbox {
289 width : 200px;
290 padding-left : 2px;
291 }
292
293 td.notifyBox {
294 font-size : 10pt;
295 text-align : right;
296 }
297
298 #notify {
299 background : #fff7d5;
300 border : 1px solid #d7c47a;
301 padding : 3px;
302 top : 25px;
303 right : 150px;
304 min-width : 300px;
305 position : absolute;
306 -moz-border-radius : 3px;
307 font-size : x-small;
308 font-weight : bold;
309 text-align : center;
310 float : right;
311 padding : 3px 20px 3px 20px;
312 }
313
314 #dispSwitch {
315 padding : 5px 5px 5px 0px;
316 font-size : x-small;
317 text-align : right;
318 }
319
320 #dispSwitch a {
321 color : gray;
322 }
323
324 #dispSwitch a:hover {
325 color : #4684ff;
326 }
327
328 div.expPane {
329 margin : 15px;
330 }
331
332 iframe {
333 border : 0px solid white;
334 }
335
336 iframe.feedsFrameWithActions {
337 width : 100%;
338 height : 90%;
339 margin : 0px;
340 padding : 0px;
341 }
342
343 iframe.feedsFrame {
344 width : 100%;
345 height : 100%;
346 margin : 0px;
347 padding : 0px;
348 }
349
350 iframe.contentFrame, iframe.headlinesFrame {
351 width : 100%;
352 padding : 0px;
353 margin : 0px;
354 height : 100%;
355 }
356
357 /*.button {
358 border : 1px solid #d0d0d0;
359 background-image : url("images/button.png");
360 background-position : top;
361 background-repeat : repeat-x;
362 background-color : white;
363 color : black;
364 }
365
366 .button:hover {
367 background : white;
368 text-decoration : none;
369 color : black;
370 }
371
372 .disabledButton {
373 border : 1px solid #c0c0c0;
374 background-color : white;
375 color : gray;
376 }
377
378 a.button {
379 padding : 2px 5px 2px 5px;
380 font-size : small;
381 } */
382
383 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
384 .evenSelectedUnread td {
385 background-color : #fff7d5;
386 font-weight : bold;
387 border-width : 1px 0px 1px 0px;
388 border-style : solid;
389 border-color : #e7d796;
390 }
391
392 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
393 .oddSelectedUnread td {
394 background-color : #fff7d5;
395 font-weight : bold;
396 }
397
398 .evenSelected, .evenSelected td {
399 background-color : #fff7d5;
400 border-width : 1px 0px 1px 0px;
401 border-style : solid;
402 border-color : #e7d796;
403 }
404
405 .oddSelected, .evenSelected td {
406 background-color : #fff7d5;
407 }
408
409 /*
410 .feedUnreadSelected, .feedSelectedUnread,
411 .virtUnreadSelected, .virtSelectedUnread,
412 .labelUnreadSelected, .labelSelectedUnread {
413 background-color : #e0e0ff;
414 font-weight : bold;
415 } */
416
417
418 .evenGrayed, .evenGrayed td {
419 background-color : #f0f0f0;
420 color : #909090;
421 border-width : 1px 0px 1px 0px;
422 border-style : solid;
423 border-color : #c0c0c0;
424 }
425
426 .oddGrayed {
427 color : #909090;
428 }
429
430 .even, .even td {
431 border-width : 1px 0px 1px 0px;
432 border-style : solid;
433 border-color : #c0c0c0;
434 background-color : #f0f0f0;
435 }
436
437 .evenUnread, .evenUnread td {
438 background-color : #f0f0f0;
439 font-weight : bold;
440 border-width : 1px 0px 1px 0px;
441 border-style : solid;
442 border-color : #c0c0c0;
443 }
444
445 .oddUnread, .oddUnread td {
446 font-weight : bold;
447 }
448
449 .invisible {
450 display : none;
451 }
452
453 /*
454 td > input, div > input {
455 border : 1px solid #a0a0a0;
456 } */
457
458 /* preferences */
459
460 tr.title td {
461 border-width : 0px 0px 1px 0px;
462 border-color : #ecf4ff;
463 border-style : solid;
464 font-size : x-small;
465 color : black;
466 }
467
468 tr.title td a {
469 color : black;
470 }
471
472 tr.title td a:hover {
473 color : #4684ff;
474 }
475
476 table.prefFeedList td.feedEditCat {
477 font-size : large;
478 font-weight : bold;
479 padding : 5px 0px 5px 0px;
480 }
481
482 table.prefFeedList td.feedIcon {
483 text-align : center;
484 }
485
486 table.prefFeedList td.feedSelect {
487 text-align : center;
488 }
489
490 a.helpLink {
491 color : #808080;
492 }
493
494 a.helpLink:hover {
495 color : #4684ff;
496 }
497
498 div.helpResponse {
499 margin : 10px;
500 background-image : url("images/vgrad_light_rev2.png");
501 background-position : top left;
502 background-repeat : repeat-x;
503 padding : 10px 20px 10px 20px;
504 border : 1px solid #f0f0f0;
505 }
506
507 #userDlgShadow {
508 z-index : 3;
509 position : absolute;
510 left : 30%;
511 top : 30%;
512 display : none;
513 background-image : url("images/shadow.png");
514 }
515
516 #userDlg {
517 padding : 15px;
518 border : 1px solid #88b0f0;
519 font-size : small;
520 position : relative;
521 bottom : 2px;
522 right : 2px;
523 background-color : #ecf4ff;
524 }
525
526 #infoBoxTitle {
527 border-width : 1px 1px 1px 1px;
528 border-style : solid;
529 border-color : #88b0f0;
530 background-color : #88b0f0;
531 padding : 2px;
532 color : white;
533 }
534
535 #infoBox {
536 border-width : 1px 1px 1px 1px;
537 border-style : solid;
538 border-color : #88b0f0;
539 font-size : small;
540 position : relative;
541 top : 30%;
542 left : 30%;
543 width : 30%;
544 padding-bottom : 5px;
545 background-image : url("images/prefs-content.png");
546 background-position : top left;
547 background-repeat : repeat-x;
548 background-color : white;
549 }
550
551 #infoBoxShadow {
552 background-image : url("images/overlay.png");
553 left : 0;
554 top : 0;
555 height : 100%;
556 width : 100%;
557 z-index : 3;
558 position : absolute;
559 display : none;
560 }
561
562 div.infoBoxContents {
563 padding : 5px;
564 margin-bottom : 5px;
565 }
566
567 div.infoBoxContents td {
568 font-size : small;
569 }
570
571 div.helpResponse h1, div.infoBoxContents h1 {
572 /* border-width : 0px 0px 1px 0px;
573 border-style : solid;
574 border-color : #c0c0c0; */
575 font-size : 16pt;
576 }
577
578 div.helpResponse h2, div.infoBoxContents h2 {
579 /* border-width : 0px 0px 0px 0px; */
580 font-size : 12pt;
581 }
582
583 /* pre {
584 border : 1px solid #c0c0c0;
585 padding : 5px;
586 background : #f0f0f0;
587 margin : 5px 10px 5px 10px;
588 } */
589
590 pre {
591 margin : 5px;
592 }
593
594 input.extSearch {
595 width : 100%;
596 }
597
598 table.main td.prefsTabs {
599 padding-left : 5px;
600 /* background-image : url("images/toolbar.png");
601 background-position : bottom left;
602 background-repeat : repeat-x; */
603 }
604
605 input.prefsTab {
606
607 background-image : url("images/prefs_tab.png");
608 background-position : top left;
609 background-repeat : repeat-x;
610 border : 0px solid black;
611 padding : 2px 7px 2px 7px;
612 margin : 0px 1px 0px 0px;
613 width : 130px;
614 font-size : small;
615 background-color : white;
616 }
617
618 input.prefsTabSelected {
619
620 background-image : url("images/active_tab.png");
621 background-position : top left;
622 background-repeat : repeat-x;
623 border : 0px solid black;
624 padding : 2px 7px 2px 7px;
625 margin : 0px 1px 0px 0px;
626 width : 130px;
627 font-weight : bold;
628 background-position : top left;
629 background-repeat : repeat-x;
630 font-size : small;
631 }
632
633
634 /*input.prefsTab:hover {
635 background : white;
636 }*/
637
638 div.warning {
639 background : #fff7d5;
640 border : 1px solid #d7c47a;
641 padding : 3px;
642 margin : 5px;
643 font-size : x-small;
644 }
645
646 div.notice {
647 background : #ffffff;
648 border : 1px solid #88b0f0;
649 padding : 5px;
650 margin : 5px;
651 font-size : x-small;
652 }
653
654 ul.nomarks {
655 list-style-type : none;
656 margin : 0px;
657 padding : 10px;
658 }
659
660 div.bigErrorMsg {
661 border : 1px solid #c0c0c0;
662 background : #fff0f0;
663 padding : 30px;
664 margin : 20px;
665 }
666
667 div.prefHelp, td.prefHelp {
668 font-size : x-small;
669 color : gray;
670 padding : 5px;
671 }
672
673 td.welcomePrompt {
674 font-size : x-small;
675 color : #4684ff;
676 text-align : right;
677 padding-right : 10px;
678
679 }
680
681 td.httpWelcomePrompt {
682 font-size : small;
683 color : gray;
684 text-align : right;
685 }
686
687 table.loginForm {
688 background-color : #ecf4ff;
689 }
690
691 table.innerLoginForm {
692 border : 1px solid #88b0f0;
693 padding : 50px;
694 background-color : white;
695 }
696
697 table.innerLoginForm td {
698 padding : 3px 3px 5px 3px;
699 }
700
701 span.insensitive {
702 color : gray;
703 }
704
705 .prefGenericAddBox {
706 margin : 5px;
707 font-size : small;
708 }
709
710 .prefGenericAddBox td {
711 font-size : small;
712 }
713
714 body.logoutBody {
715 background-color : #f0f0f0;
716 color : black;
717 }
718
719 span.logoutWarning {
720 color : red;
721 font-weight : bold;
722 }
723
724 div.logoutContent {
725 width : 600px;
726 border : 1px solid #c0c0c0;
727 background-color : white;
728 margin-left : auto;
729 margin-right : auto;
730 margin-top : 20px;
731 padding : 10px;
732 }
733
734 .small {
735 font-size : x-small;
736 }
737
738 table.innerFeedTable td {
739 margin : 0px;
740 padding : 0px;
741 }
742
743 td.selectPrompt {
744 font-size : x-small;
745 color : gray;
746 }
747
748 table.headlinesSubToolbar td.headlineActions {
749 font-size : x-small;
750 color : gray;
751 padding : 5px 0px 5px 5px;
752 }
753
754 table.headlinesSubToolbar td.headlineActionsRTL {
755 font-size : x-small;
756 color : gray;
757 padding : 5px 5px 5px 0px;
758 }
759
760 table.headlinesSubToolbar td.headlineTitle {
761 font-size : x-small;
762 color : gray;
763 padding : 5px 5px 5px 0px;
764 text-align : right;
765 }
766
767 table.headlinesSubToolbar td.headlineTitleRTL {
768 font-size : x-small;
769 color : gray;
770 padding : 5px 0px 5px 5px;
771 text-align : left;
772 }
773
774 span.contentPreview {
775 font-size : x-small;
776 color : gray;
777 font-weight : normal;
778 }
779
780 span.contentPreview:hover {
781 color : #4684ff;
782 }
783
784 table.headlinesList td.hlMarkedPic {
785 width : 25px;
786 text-align : center;
787 }
788
789 table.headlinesList td.hlfeed {
790 text-align : right;
791 font-size : small;
792 }
793
794 td.hlSelectRow, td.hlUpdatePic {
795 width : 25px;
796 text-align : center;
797 }
798
799 table.headlinesList td.hlUpdated {
800 font-size : small;
801 color : gray;
802 text-align : right;
803 width : 100px;
804 }
805
806 table.headlinesList tr td {
807 padding : 2px 0px 2px 0px;
808 }
809
810 /*
811 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
812 display : block;
813 overflow : hidden;
814 height : 1em;
815 background-color : #f0f0f0;
816 }
817
818 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
819 display : block;
820 overflow : hidden;
821 height : 1em;
822 }
823
824 tr.oddSelected td.headlineContent,
825 tr.evenSelected td.headlineContent,
826 tr.oddUnreadSelected td.headlineContent,
827 tr.evenUnreadSelected td.headlineContent {
828 display : block;
829 overflow : hidden;
830 height : 1em;
831 background-color : #e0e0ff;
832 } */
833
834 div.postHeader td.postDate {
835 font-size : x-small;
836 text-align : right;
837 color : gray;
838 }
839
840 div.postHeader td.postDateRTL {
841 font-size : x-small;
842 text-align : left;
843 color : gray;
844 }
845
846 #feedUpdateErrors {
847 display : none;
848 }
849
850 #allEntryTags {
851 font-size : x-small;
852 border-width : 0px 0px 1px 0px;
853 border-style : solid;
854 border-color : #c0c0c0;
855 padding-bottom : 5px;
856 display : none;
857 }
858
859 /*td.hlContent {
860 overflow : hidden;
861 height : 1em;
862 display : block;
863 } */
864
865 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
866 height : 1em;
867 }
868
869 div.cdmArticle {
870 border : 1px solid #f0f0f0;
871 background-color : #fafafa;
872 -moz-border-radius : 5px;
873 margin : 10px 10px 0px 10px;
874 padding : 10px;
875 }
876
877 div.cdmArticleUnread {
878 border : 1px solid #d5f1f4;
879 background-color : #fafeff;
880 -moz-border-radius : 5px;
881 margin : 10px 10px 0px 10px;
882 padding : 10px;
883 }
884
885 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
886 -moz-border-radius : 5px;
887 margin : 10px 10px 0px 10px;
888 padding : 10px;
889 background-color : #fff7d5;
890 border : 1px solid #e7d796;
891 }
892
893 div.cdmArticleUnread div.cdmHeader a.title,
894 div.cdmArticleUnreadSelected div.cdmHeader a.title {
895 font-weight : bold;
896 }
897
898 div.cdmHeader {
899 padding-bottom : 5px;
900 }
901
902 div.cdmFooter {
903 font-size : x-small;
904 color : gray;
905 padding-top : 5px;
906 }
907
908 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
909 margin : 0px;
910 }
911
912 div.cdmHeader, div.cdmHeader a {
913 color : gray;
914 font-size : x-small;
915 }
916
917 div.cdmHeader a:hover {
918 color : #4684ff;
919 }
920
921 div.cdmContent {
922 margin-bottom : 5px;
923 }
924
925 a.warning {
926 color : #f04040;
927 }
928
929 img.closeButton {
930 border-width : 0px;
931 float : right;
932 }
933
934 span.groupPrompt {
935 font-size : x-small;
936 color : #4684ff;
937 }
938
939 ul.userFeedList {
940 height : 300px;
941 overflow : auto;
942 list-style-type : none;
943 border : 1px solid #88b0f0;
944 background-color : white;
945 margin : 0px 0px 5px 0px;
946 padding : 0px;
947 }
948
949 /* #browseBigFeedList li.oddSelected {
950 border : 1px solid #d0d0f6;
951 background-color : #eaeaff;
952 -moz-border-radius : 5px;
953 } */
954
955 ul.browseFeedList {
956 height : 300px;
957 overflow : auto;
958 list-style-type : none;
959 margin : 0px 0px 5px 0px;
960 padding : 0px;
961 border : 1px solid #88b0f0;
962 background-color : white;
963 }
964
965 ul.browseFeedList li {
966 margin : 0px;
967 padding : 0px;
968 }
969
970 span.subscribers {
971 color : #808080;
972 }
973
974 div.subscribers {
975 color : #808080;
976 font-size : x-small;
977 float : right;
978 }
979
980 input.feedBrowseCB {
981 margin-right : 1em;
982 }
983
984 div.browserDetails {
985 margin : 5px 5px 5px 5px;
986 display : none;
987 padding : 5px;
988 }
989
990 ul.compact {
991 list-style-type : none;
992 margin : 0px;
993 padding : 0px;
994 }
995
996 ul.compact li {
997 margin : 0px;
998 padding : 0px;
999 }
1000
1001 div.browserFeedInfo {
1002 font-size : x-small;
1003 border : 1px solid #88b0f0;
1004 background-color : #ecf4ff;
1005 -moz-border-radius : 5px;
1006 padding : 10px;
1007 }
1008
1009 div.browserFeedInfo div.detailsPart {
1010 margin : 5px 0px 5px 5px;
1011 }
1012
1013 div.cdmContent a {
1014 color : #4684ff;
1015 }
1016
1017 div.cdmContent a:hover {
1018 color : black;
1019 }
1020
1021 a.cdmToggleLink {
1022 color : #808080;
1023 font-size : x-small;
1024 }
1025
1026 a.cdmToggleLink:hover {
1027 color : #4684ff;
1028 }
1029
1030 .noborder {
1031 border-width : 0px;
1032 }
1033
1034 #debug_output {
1035 width : 400;
1036 height : 200;
1037 right : 20;
1038 bottom : 20;
1039 background-color : white;
1040 display : none;
1041 z-index : 999;
1042 position : absolute;
1043 border : 1px solid #c0c0c0;
1044 overflow : auto;
1045 margin : 0px;
1046 padding : 0px;
1047 list-style-type : none;
1048 }
1049
1050 #debug_output li {
1051 margin : 0px;
1052 padding : 0px;
1053 font-size : x-small;
1054 }
1055
1056 #overlay {
1057 background : white;
1058 left : 0;
1059 top : 0;
1060 height : 100%;
1061 width : 100%;
1062 z-index : 100;
1063 position : absolute;
1064 }
1065
1066 #overlay_inner {
1067 font-weight : bold;
1068 text-align : center;
1069 margin : 10px;
1070 }
1071
1072 #fatal_error {
1073 background : white;
1074 left : 0;
1075 top : 0;
1076 height : 100%;
1077 width : 100%;
1078 z-index : 200;
1079 display : none;
1080 position : absolute;
1081 }
1082
1083 #fatal_error_inner {
1084 font-weight : bold;
1085 margin : 10px;
1086 color : red;
1087 }
1088
1089 #fatal_error_msg {
1090 border : 1px solid #c0c0c0;
1091 background-color : #f0f0f0;
1092 color : black;
1093 padding : 10px;
1094 font-weight : normal;
1095 }
1096
1097 div.noDaemonWarning {
1098 position : absolute;
1099 background-color : #ecf4ff;
1100 border : 1px solid #88b0f0;
1101 padding : 10px;
1102 margin : 5px;
1103 z-index : 2;
1104 }
1105
1106 #qafInput {
1107 width : 100%;
1108 }