]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
interface tweaks
[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 : 2px;
303 right : 2px;
304 float : right;
305 position : absolute;
306 -moz-border-radius : 3px;
307 font-size : x-small;
308 font-weight : bold;
309 }
310
311 #dispSwitch {
312 padding : 5px 5px 5px 0px;
313 font-size : x-small;
314 text-align : right;
315 }
316
317 #dispSwitch a {
318 color : gray;
319 }
320
321 #dispSwitch a:hover {
322 color : #4684ff;
323 }
324
325 div.expPane {
326 margin : 15px;
327 }
328
329 iframe {
330 border : 0px solid white;
331 }
332
333 iframe.feedsFrameWithActions {
334 width : 100%;
335 height : 90%;
336 margin : 0px;
337 padding : 0px;
338 }
339
340 iframe.feedsFrame {
341 width : 100%;
342 height : 100%;
343 margin : 0px;
344 padding : 0px;
345 }
346
347 iframe.contentFrame, iframe.headlinesFrame {
348 width : 100%;
349 padding : 0px;
350 margin : 0px;
351 height : 100%;
352 }
353
354 /*.button {
355 border : 1px solid #d0d0d0;
356 background-image : url("images/button.png");
357 background-position : top;
358 background-repeat : repeat-x;
359 background-color : white;
360 color : black;
361 }
362
363 .button:hover {
364 background : white;
365 text-decoration : none;
366 color : black;
367 }
368
369 .disabledButton {
370 border : 1px solid #c0c0c0;
371 background-color : white;
372 color : gray;
373 }
374
375 a.button {
376 padding : 2px 5px 2px 5px;
377 font-size : small;
378 } */
379
380 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
381 .evenSelectedUnread td {
382 background-color : #fff7d5;
383 font-weight : bold;
384 border-width : 1px 0px 1px 0px;
385 border-style : solid;
386 border-color : #e7d796;
387 }
388
389 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
390 .oddSelectedUnread td {
391 background-color : #fff7d5;
392 font-weight : bold;
393 }
394
395 .evenSelected, .evenSelected td {
396 background-color : #fff7d5;
397 border-width : 1px 0px 1px 0px;
398 border-style : solid;
399 border-color : #e7d796;
400 }
401
402 .oddSelected, .evenSelected td {
403 background-color : #fff7d5;
404 }
405
406 /*
407 .feedUnreadSelected, .feedSelectedUnread,
408 .virtUnreadSelected, .virtSelectedUnread,
409 .labelUnreadSelected, .labelSelectedUnread {
410 background-color : #e0e0ff;
411 font-weight : bold;
412 } */
413
414
415 .evenGrayed, .evenGrayed td {
416 background-color : #f0f0f0;
417 color : #909090;
418 border-width : 1px 0px 1px 0px;
419 border-style : solid;
420 border-color : #c0c0c0;
421 }
422
423 .oddGrayed {
424 color : #909090;
425 }
426
427 .even, .even td {
428 border-width : 1px 0px 1px 0px;
429 border-style : solid;
430 border-color : #c0c0c0;
431 background-color : #f0f0f0;
432 }
433
434 .evenUnread, .evenUnread td {
435 background-color : #f0f0f0;
436 font-weight : bold;
437 border-width : 1px 0px 1px 0px;
438 border-style : solid;
439 border-color : #c0c0c0;
440 }
441
442 .oddUnread, .oddUnread td {
443 font-weight : bold;
444 }
445
446 .invisible {
447 display : none;
448 }
449
450 /*
451 td > input, div > input {
452 border : 1px solid #a0a0a0;
453 } */
454
455 /* preferences */
456
457 tr.title td {
458 border-width : 0px 0px 1px 0px;
459 border-color : #ecf4ff;
460 border-style : solid;
461 font-size : x-small;
462 color : black;
463 }
464
465 tr.title td a {
466 color : black;
467 }
468
469 tr.title td a:hover {
470 color : #4684ff;
471 }
472
473 table.prefFeedList td.feedEditCat {
474 font-size : large;
475 font-weight : bold;
476 padding : 5px 0px 5px 0px;
477 }
478
479 table.prefFeedList td.feedIcon {
480 text-align : center;
481 }
482
483 table.prefFeedList td.feedSelect {
484 text-align : center;
485 }
486
487 a.helpLink {
488 color : #808080;
489 }
490
491 a.helpLink:hover {
492 color : #4684ff;
493 }
494
495 div.helpResponse {
496 margin : 10px;
497 background-image : url("images/vgrad_light_rev2.png");
498 background-position : top left;
499 background-repeat : repeat-x;
500 padding : 10px 20px 10px 20px;
501 border : 1px solid #f0f0f0;
502 }
503
504 #userDlgShadow {
505 z-index : 3;
506 position : absolute;
507 left : 30%;
508 top : 30%;
509 display : none;
510 background-image : url("images/shadow.png");
511 }
512
513 #userDlg {
514 padding : 15px;
515 border : 1px solid #88b0f0;
516 font-size : small;
517 position : relative;
518 bottom : 2px;
519 right : 2px;
520 background-color : #ecf4ff;
521 }
522
523 #infoBoxTitle {
524 border-width : 1px 1px 1px 1px;
525 border-style : solid;
526 border-color : #88b0f0;
527 background-color : #88b0f0;
528 padding : 2px;
529 color : white;
530 }
531
532 #infoBox {
533 border-width : 1px 1px 1px 1px;
534 border-style : solid;
535 border-color : #88b0f0;
536 font-size : small;
537 position : relative;
538 bottom : 2px;
539 right : 2px;
540 background-color : #ecf4ff;
541 padding-bottom : 5px;
542 }
543
544 #infoBoxShadow {
545 background-image : url("images/shadow.png");
546 position : absolute;
547 left : 35%;
548 top : 30%;
549 width : 30%;
550 z-index : 3;
551 display : none;
552 }
553
554 div.infoBoxContents {
555 padding : 5px;
556 margin-bottom : 5px;
557 }
558
559 div.infoBoxContents td {
560 font-size : small;
561 }
562
563 div.helpResponse h1, div.infoBoxContents h1 {
564 /* border-width : 0px 0px 1px 0px;
565 border-style : solid;
566 border-color : #c0c0c0; */
567 font-size : 16pt;
568 }
569
570 div.helpResponse h2, div.infoBoxContents h2 {
571 /* border-width : 0px 0px 0px 0px; */
572 font-size : 12pt;
573 }
574
575 /* pre {
576 border : 1px solid #c0c0c0;
577 padding : 5px;
578 background : #f0f0f0;
579 margin : 5px 10px 5px 10px;
580 } */
581
582 pre {
583 margin : 5px;
584 }
585
586 input.extSearch {
587 width : 100%;
588 }
589
590 table.main td.prefsTabs {
591 padding-left : 5px;
592 /* background-image : url("images/toolbar.png");
593 background-position : bottom left;
594 background-repeat : repeat-x; */
595 }
596
597 input.prefsTab {
598
599 background-image : url("images/prefs_tab.png");
600 background-position : top left;
601 background-repeat : repeat-x;
602 border : 0px solid black;
603 padding : 2px 7px 2px 7px;
604 margin : 0px 1px 0px 0px;
605 width : 130px;
606 font-size : small;
607 background-color : white;
608 }
609
610 input.prefsTabSelected {
611
612 background-image : url("images/active_tab.png");
613 background-position : top left;
614 background-repeat : repeat-x;
615 border : 0px solid black;
616 padding : 2px 7px 2px 7px;
617 margin : 0px 1px 0px 0px;
618 width : 130px;
619 font-weight : bold;
620 background-position : top left;
621 background-repeat : repeat-x;
622 font-size : small;
623 }
624
625
626 /*input.prefsTab:hover {
627 background : white;
628 }*/
629
630 div.warning {
631 background : #fff7d5;
632 border : 1px solid #d7c47a;
633 padding : 3px;
634 margin : 5px;
635 font-size : x-small;
636 }
637
638 div.notice {
639 background : #ffffff;
640 border : 1px solid #88b0f0;
641 padding : 5px;
642 margin : 5px;
643 font-size : x-small;
644 }
645
646 ul.nomarks {
647 list-style-type : none;
648 margin : 0px;
649 padding : 10px;
650 }
651
652 div.bigErrorMsg {
653 border : 1px solid #c0c0c0;
654 background : #fff0f0;
655 padding : 30px;
656 margin : 20px;
657 }
658
659 div.prefHelp, td.prefHelp {
660 font-size : x-small;
661 color : gray;
662 padding : 5px;
663 }
664
665 td.welcomePrompt {
666 font-size : x-small;
667 color : #4684ff;
668 text-align : right;
669 padding-right : 10px;
670
671 }
672
673 td.httpWelcomePrompt {
674 font-size : small;
675 color : gray;
676 text-align : right;
677 }
678
679 table.loginForm {
680 background-color : #ecf4ff;
681 }
682
683 table.innerLoginForm {
684 border : 1px solid #88b0f0;
685 padding : 50px;
686 background-color : white;
687 }
688
689 table.innerLoginForm td {
690 padding : 3px 3px 5px 3px;
691 }
692
693 span.insensitive {
694 color : gray;
695 }
696
697 .prefGenericAddBox {
698 margin : 5px;
699 font-size : small;
700 }
701
702 .prefGenericAddBox td {
703 font-size : small;
704 }
705
706 body.logoutBody {
707 background-color : #f0f0f0;
708 color : black;
709 }
710
711 span.logoutWarning {
712 color : red;
713 font-weight : bold;
714 }
715
716 div.logoutContent {
717 width : 600px;
718 border : 1px solid #c0c0c0;
719 background-color : white;
720 margin-left : auto;
721 margin-right : auto;
722 margin-top : 20px;
723 padding : 10px;
724 }
725
726 .small {
727 font-size : x-small;
728 }
729
730 table.innerFeedTable td {
731 margin : 0px;
732 padding : 0px;
733 }
734
735 td.selectPrompt {
736 font-size : x-small;
737 color : gray;
738 }
739
740 table.headlinesSubToolbar td.headlineActions {
741 font-size : x-small;
742 color : gray;
743 padding : 5px 0px 5px 5px;
744 }
745
746 table.headlinesSubToolbar td.headlineActionsRTL {
747 font-size : x-small;
748 color : gray;
749 padding : 5px 5px 5px 0px;
750 }
751
752 table.headlinesSubToolbar td.headlineTitle {
753 font-size : x-small;
754 color : gray;
755 padding : 5px 5px 5px 0px;
756 text-align : right;
757 }
758
759 table.headlinesSubToolbar td.headlineTitleRTL {
760 font-size : x-small;
761 color : gray;
762 padding : 5px 0px 5px 5px;
763 text-align : left;
764 }
765
766 span.contentPreview {
767 font-size : x-small;
768 color : gray;
769 font-weight : normal;
770 }
771
772 span.contentPreview:hover {
773 color : #4684ff;
774 }
775
776 table.headlinesList td.hlMarkedPic {
777 width : 25px;
778 text-align : center;
779 }
780
781 table.headlinesList td.hlfeed {
782 text-align : right;
783 font-size : small;
784 }
785
786 td.hlSelectRow, td.hlUpdatePic {
787 width : 25px;
788 text-align : center;
789 }
790
791 table.headlinesList td.hlUpdated {
792 font-size : small;
793 color : gray;
794 text-align : right;
795 width : 100px;
796 }
797
798 table.headlinesList tr td {
799 padding : 2px 0px 2px 0px;
800 }
801
802 /*
803 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
804 display : block;
805 overflow : hidden;
806 height : 1em;
807 background-color : #f0f0f0;
808 }
809
810 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
811 display : block;
812 overflow : hidden;
813 height : 1em;
814 }
815
816 tr.oddSelected td.headlineContent,
817 tr.evenSelected td.headlineContent,
818 tr.oddUnreadSelected td.headlineContent,
819 tr.evenUnreadSelected td.headlineContent {
820 display : block;
821 overflow : hidden;
822 height : 1em;
823 background-color : #e0e0ff;
824 } */
825
826 div.postHeader td.postDate {
827 font-size : x-small;
828 text-align : right;
829 color : gray;
830 }
831
832 div.postHeader td.postDateRTL {
833 font-size : x-small;
834 text-align : left;
835 color : gray;
836 }
837
838 #feedUpdateErrors {
839 display : none;
840 }
841
842 #allEntryTags {
843 font-size : x-small;
844 border-width : 0px 0px 1px 0px;
845 border-style : solid;
846 border-color : #c0c0c0;
847 padding-bottom : 5px;
848 display : none;
849 }
850
851 /*td.hlContent {
852 overflow : hidden;
853 height : 1em;
854 display : block;
855 } */
856
857 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
858 height : 1em;
859 }
860
861 div.cdmArticle {
862 border : 1px solid #f0f0f0;
863 background-color : #fafafa;
864 -moz-border-radius : 5px;
865 margin : 10px 10px 0px 10px;
866 padding : 10px;
867 }
868
869 div.cdmArticleUnread {
870 border : 1px solid #d5f1f4;
871 background-color : #fafeff;
872 -moz-border-radius : 5px;
873 margin : 10px 10px 0px 10px;
874 padding : 10px;
875 }
876
877 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
878 -moz-border-radius : 5px;
879 margin : 10px 10px 0px 10px;
880 padding : 10px;
881 background-color : #fff7d5;
882 border : 1px solid #e7d796;
883 }
884
885 div.cdmArticleUnread div.cdmHeader a.title,
886 div.cdmArticleUnreadSelected div.cdmHeader a.title {
887 font-weight : bold;
888 }
889
890 div.cdmHeader {
891 padding-bottom : 5px;
892 }
893
894 div.cdmFooter {
895 font-size : x-small;
896 color : gray;
897 padding-top : 5px;
898 }
899
900 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
901 margin : 0px;
902 }
903
904 div.cdmHeader, div.cdmHeader a {
905 color : gray;
906 font-size : x-small;
907 }
908
909 div.cdmHeader a:hover {
910 color : #4684ff;
911 }
912
913 div.cdmContent {
914 margin-bottom : 5px;
915 }
916
917 a.warning {
918 color : #f04040;
919 }
920
921 img.closeButton {
922 border-width : 0px;
923 float : right;
924 }
925
926 span.groupPrompt {
927 font-size : x-small;
928 color : #4684ff;
929 }
930
931 ul.userFeedList {
932 height : 300px;
933 overflow : auto;
934 list-style-type : none;
935 border : 1px solid #88b0f0;
936 background-color : white;
937 margin : 0px 0px 5px 0px;
938 padding : 0px;
939 }
940
941 /* #browseBigFeedList li.oddSelected {
942 border : 1px solid #d0d0f6;
943 background-color : #eaeaff;
944 -moz-border-radius : 5px;
945 } */
946
947 ul.browseFeedList {
948 height : 300px;
949 overflow : auto;
950 list-style-type : none;
951 margin : 0px 0px 5px 0px;
952 padding : 0px;
953 border : 1px solid #88b0f0;
954 background-color : white;
955 }
956
957 ul.browseFeedList li {
958 margin : 0px;
959 padding : 0px;
960 }
961
962 span.subscribers {
963 color : #808080;
964 }
965
966 div.subscribers {
967 color : #808080;
968 font-size : x-small;
969 float : right;
970 }
971
972 input.feedBrowseCB {
973 margin-right : 1em;
974 }
975
976 div.browserDetails {
977 margin : 5px 5px 5px 5px;
978 display : none;
979 padding : 5px;
980 }
981
982 ul.compact {
983 list-style-type : none;
984 margin : 0px;
985 padding : 0px;
986 }
987
988 ul.compact li {
989 margin : 0px;
990 padding : 0px;
991 }
992
993 div.browserFeedInfo {
994 font-size : x-small;
995 border : 1px solid #88b0f0;
996 background-color : #ecf4ff;
997 -moz-border-radius : 5px;
998 padding : 10px;
999 }
1000
1001 div.browserFeedInfo div.detailsPart {
1002 margin : 5px 0px 5px 5px;
1003 }
1004
1005 div.cdmContent a {
1006 color : #4684ff;
1007 }
1008
1009 div.cdmContent a:hover {
1010 color : black;
1011 }
1012
1013 a.cdmToggleLink {
1014 color : #808080;
1015 font-size : x-small;
1016 }
1017
1018 a.cdmToggleLink:hover {
1019 color : #4684ff;
1020 }
1021
1022 .noborder {
1023 border-width : 0px;
1024 }
1025
1026 #debug_output {
1027 width : 400;
1028 height : 200;
1029 right : 20;
1030 bottom : 20;
1031 background-color : white;
1032 display : none;
1033 z-index : 999;
1034 position : absolute;
1035 border : 1px solid #c0c0c0;
1036 overflow : auto;
1037 margin : 0px;
1038 padding : 0px;
1039 list-style-type : none;
1040 }
1041
1042 #debug_output li {
1043 margin : 0px;
1044 padding : 0px;
1045 font-size : x-small;
1046 }
1047
1048 #overlay {
1049 background : white;
1050 left : 0;
1051 top : 0;
1052 height : 100%;
1053 width : 100%;
1054 z-index : 100;
1055 position : absolute;
1056 }
1057
1058 #overlay_inner {
1059 font-weight : bold;
1060 text-align : center;
1061 margin : 10px;
1062 }
1063
1064 #fatal_error {
1065 background : white;
1066 left : 0;
1067 top : 0;
1068 height : 100%;
1069 width : 100%;
1070 z-index : 200;
1071 display : none;
1072 position : absolute;
1073 }
1074
1075 #fatal_error_inner {
1076 font-weight : bold;
1077 margin : 10px;
1078 color : red;
1079 }
1080
1081 #fatal_error_msg {
1082 border : 1px solid #c0c0c0;
1083 background-color : #f0f0f0;
1084 color : black;
1085 padding : 10px;
1086 font-weight : normal;
1087 }
1088
1089 div.noDaemonWarning {
1090 position : absolute;
1091 background-color : #ecf4ff;
1092 border : 1px solid #88b0f0;
1093 padding : 10px;
1094 margin : 5px;
1095 z-index : 2;
1096 }
1097
1098 #qafInput {
1099 width : 100%;
1100 }