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