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