]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
help uses popup window, recolor infoBox, use subscribe dialog in prefs
[tt-rss.git] / tt-rss.css
1 body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
6 font-family : "Lucida Grande", sans-serif;
7 }
8
9 blockquote {
10 margin : 5px;
11 border-width : 0px 0px 0px 4px;
12 border-color : #f0f0f0;
13 border-style : solid;
14 padding : 2px 0px 2px 5px;
15 }
16
17 div.postReply {
18 padding : 10px;
19 }
20
21 div.postReply a {
22 color : #4684ff;
23 }
24
25 div.postReply a:hover {
26 color : black;
27 }
28
29 div.postReply div.postHeader {
30 background : #ecf4ff;
31 border : 1px solid #88b0f0;
32 }
33
34 div.postReply > div.postHeader {
35 padding : 5px;
36 }
37
38 div.postReply div.postContent {
39 padding : 10px;
40 font-size : 10pt;
41 }
42
43 div.postReply div.postIcon {
44 float : right;
45 border : 0px;
46 margin : 10px 0px 10px 10px;
47 }
48
49 ul.feedList {
50 list-style-type : none;
51 margin : 5px;
52 padding : 0px 0px 0px 5px;
53 font-size : 9pt;
54 font-family : "Lucida Grande", Tahoma, sans-serif;
55 }
56
57 ul.feedList li.feedCat {
58 margin : 0px;
59 padding : 3px 0px 3px 0px;
60 color : #707070;
61 font-size : 9pt;
62 }
63
64 ul.feedList li.feedCat a {
65 color : #707070;
66 }
67
68 ul.feedList li.feedCat a:hover {
69 color : #4684ff;
70 }
71
72 ul.feedCatList {
73 list-style-type : none;
74 margin : 0px 0px 0px 15px;
75 padding : 0px;
76 }
77
78 ul.feedCatList li {
79 margin : 0px;
80 padding : 0px 0px 2px 0px;
81 color : black;
82 }
83
84 ul.feedList li {
85 margin : 0px;
86 }
87
88 ul.feedCatList img {
89 vertical-align : bottom;
90 }
91
92 li.feedUnread,
93 li.errorUnread,
94 li.labelUnread,
95 li.virtUnread,
96 li.tagUnread {
97 font-weight : bold;
98 }
99
100 li.errorSelected a,
101 li.error a,
102 li.errorUnread a,
103 li.errorUnreadSelected a {
104 color : #f04040;
105 }
106
107 li.feedSelected a,
108 li.labelSelected a,
109 li.virtSelected a,
110 li.tagSelected a {
111 color : #4684ff;
112 }
113
114 li.feedUnreadSelected a,
115 li.labelUnreadSelected a,
116 li.virtUnreadSelected a,
117 li.tagUnreadSelected a {
118 color : #4684ff;
119 }
120
121 li.feedUnreadSelected,
122 li.errorUnreadSelected,
123 li.labelUnreadSelected,
124 li.virtUnreadSelected,
125 li.tagUnreadSelected {
126 font-weight : bold;
127 }
128
129 li.feed {
130 display : block;
131 }
132
133 ul.feedList img, img.tinyFeedIcon {
134 margin : 0px 3px 0px 0px;
135 width : 16px;
136 height : 16px;
137 border-width : 0px;
138 }
139
140 h1 {
141 font-size : 16pt;
142 }
143
144 h2 {
145 font-size : 14pt;
146 font-weight : bold;
147 border-width : 0px 0px 1px 0px;
148 border-style : solid;
149 border-color : #ecf4ff;
150 }
151
152 h3 {
153 font-size : 12pt;
154 font-weight : bold;
155 border-width : 0px 0px 1px 0px;
156 border-style : solid;
157 border-color : #ecf4ff;
158 }
159
160 hr {
161 border-width : 0px 0px 1px 0px;
162 border-style : dashed;
163 border-color : #e0e0e0;
164 }
165
166 a {
167 color : black;
168 text-decoration : none;
169 }
170
171 a:hover {
172 color : #4684ff;
173 }
174
175 #piggie {
176 width : 400;
177 height : 400;
178 right : 0;
179 top : -400;
180 background-color : white;
181 display : none;
182 z-index : 999;
183 background-image : url("images/piggie.png");
184 background-position : center center;
185 background-repeat : no-repeat;
186 position : absolute;
187 border : 1px solid pink;
188 margin-left : auto;
189 margin-right : auto;
190 -moz-border-radius : 10px;
191 opacity : 0.8;
192 }
193
194 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
195 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
196 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
197 #iedit_parent_feed {
198 width : 100%;
199 padding-left : 2px;
200 background-color : #f0fff0;
201 }
202
203 textarea.iedit {
204 width : 100%;
205 }
206
207 input.iedit {
208 width : 100%;
209 padding-left : 2px;
210 }
211
212 select.iedit {
213 width : 100%;
214 }
215
216 input.editbox {
217 width : 200px;
218 padding-left : 2px;
219 }
220
221 #notify {
222 border-width : 1px;
223 border-style : solid;
224 top : 10px;
225 right : 35%;
226 min-width : 30%;
227 position : absolute;
228 display : none;
229 float : right;
230 font-size : 9pt;
231 z-index : 999;
232 -moz-border-radius : 2px;
233 padding : 5px 5px 5px 5px;
234 }
235
236 #notify img {
237 vertical-align : middle;
238 }
239
240 .notifyProgress {
241 border-color : #d7c47a;
242 background-color : #fff7d5;
243 color : black;
244 }
245
246 .notifyInfo {
247 border-color : #7AD78E;
248 background-color : #D5FFDB;
249 color : black;
250 }
251
252 .notify {
253 border-color : #d7c47a;
254 background-color : #fff7d5;
255 color : black;
256 }
257
258 .notifyError {
259 background-color : #ffcccc;
260 border-color : #ff0000;
261 color : black;
262 }
263
264 .notifyError span:hover {
265 color : red;
266 cursor : pointer;
267 }
268
269 #dispSwitch {
270 font-size : 8pt;
271 font-family : "Lucida Grande", Tahoma, sans-serif;
272 text-align : right;
273 float : right;
274 margin : 5px 5px 0px 0px;
275 }
276
277 #dispSwitch a {
278 color : gray;
279 }
280
281 #dispSwitch a:hover {
282 color : #4684ff;
283 }
284
285 div.expPane {
286 margin : 15px;
287 }
288
289 iframe {
290 border : 0px solid white;
291 }
292
293 iframe.feedsFrameWithActions {
294 width : 100%;
295 height : 90%;
296 margin : 0px;
297 padding : 0px;
298 }
299
300 iframe.feedsFrame {
301 width : 100%;
302 height : 100%;
303 margin : 0px;
304 padding : 0px;
305 }
306
307 iframe.contentFrame, iframe.headlinesFrame {
308 width : 100%;
309 padding : 0px;
310 margin : 0px;
311 height : 100%;
312 }
313
314 /*.button {
315 border : 1px solid #d0d0d0;
316 background-image : url("images/button.png");
317 background-position : top;
318 background-repeat : repeat-x;
319 background-color : white;
320 color : black;
321 }
322
323 .button:hover {
324 background : white;
325 text-decoration : none;
326 color : black;
327 }
328
329 .disabledButton {
330 border : 1px solid #c0c0c0;
331 background-color : white;
332 color : gray;
333 }
334
335 a.button {
336 padding : 2px 5px 2px 5px;
337 font-size : small;
338 } */
339
340 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
341 .evenSelectedUnread td {
342 background-color : #fff7d5;
343 font-weight : bold;
344 border-width : 1px 0px 1px 0px;
345 border-style : solid;
346 border-color : #e7d796;
347 }
348
349 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
350 .oddSelectedUnread td {
351 background-color : #fff7d5;
352 font-weight : bold;
353 }
354
355 .evenSelected, .evenSelected td {
356 background-color : #fff7d5;
357 border-width : 1px 0px 1px 0px;
358 border-style : solid;
359 border-color : #e7d796;
360 }
361
362 .oddSelected, .evenSelected td {
363 background-color : #fff7d5;
364 }
365
366 .evenGrayed, .evenGrayed td {
367 background-color : #f0f0f0;
368 color : #909090;
369 border-width : 1px 0px 1px 0px;
370 border-style : solid;
371 border-color : #c0c0c0;
372 }
373
374 .oddGrayed {
375 color : #909090;
376 }
377
378 .even, .even td {
379 border-width : 1px 0px 1px 0px;
380 border-style : solid;
381 border-color : #c0c0c0;
382 background-color : #f0f0f0;
383 }
384
385 .evenUnread, .evenUnread td {
386 background-color : #f0f0f0;
387 font-weight : bold;
388 border-width : 1px 0px 1px 0px;
389 border-style : solid;
390 border-color : #c0c0c0;
391 }
392
393 .oddUnread, .oddUnread td {
394 font-weight : bold;
395 }
396
397 .invisible {
398 display : none;
399 }
400
401 /* preferences */
402
403 tr.title td {
404 border-width : 0px 0px 1px 0px;
405 border-color : #ecf4ff;
406 border-style : solid;
407 color : #4684ff;
408 }
409
410 tr.title td a {
411 color : #4684ff;
412 }
413
414 tr.title td a:hover {
415 color : black;
416 }
417
418 div.feedEditSearch {
419 float : right;
420 }
421
422 table.prefFeedList td.feedEditCat {
423 font-weight : bold;
424 border-width : 0px 0px 1px 0px;
425 border-style : solid;
426 border-color : #88b0f0;
427 padding-top : 0.5em;
428 }
429
430 table.prefFeedList td.feedIcon {
431 text-align : center;
432 }
433
434 table.prefFeedList td.feedSelect {
435 text-align : center;
436 }
437
438 div.prefFeedCatHolder {
439 height : 250px;
440 overflow : auto;
441 border : 1px solid #88b0f0;
442 margin : 5px 0px 5px 0px;
443 }
444
445 a.helpLink {
446 color : #808080;
447 }
448
449 a.helpLink:hover {
450 color : #4684ff;
451 }
452
453 div.helpResponse {
454 margin : 10px;
455 background-image : url("images/vgrad_light_rev2.png");
456 background-position : top left;
457 background-repeat : repeat-x;
458 padding : 10px 20px 10px 20px;
459 border : 1px solid #f0f0f0;
460 }
461
462 #infoBoxTitle {
463 border-width : 1px 1px 1px 1px;
464 border-style : solid;
465 border-color : #99d67a;
466 background-color : #99d67a;
467 padding : 2px;
468 color : white;
469 }
470
471 #infoBox {
472 border-width : 1px 1px 1px 1px;
473 border-style : solid;
474 border-color : #99d67a;
475 position : relative;
476 bottom : 2px;
477 right : 2px;
478 padding-bottom : 5px;
479 background-color : #f8fcf5;
480 }
481
482 /*
483 #infoBoxTitle {
484 border-width : 1px 1px 1px 1px;
485 border-style : solid;
486 border-color : #88b0f0;
487 background-color : #88b0f0;
488 padding : 2px;
489 color : white;
490 }
491
492 #infoBox {
493 border-width : 1px 1px 1px 1px;
494 border-style : solid;
495 border-color : #88b0f0;
496 position : relative;
497 bottom : 2px;
498 right : 2px;
499 padding-bottom : 5px;
500 background-color : #f7faff;
501 } */
502
503 #infoBoxShadow {
504 background-image : url("images/shadow.png");
505 left : 25%;
506 top : 30%;
507 width : 50%;
508 z-index : 3;
509 position : absolute;
510 display : none;
511 }
512
513 div.infoBoxContents {
514 padding : 10px;
515 margin-bottom : 5px;
516 font-size : 9pt;
517 }
518
519 div.infoBoxContents td {
520 font-size : 9pt;
521 }
522
523 div.infoBoxContents a {
524 color : #4684ff;
525 }
526
527 div.infoBoxContents a:hover {
528 color : black;
529 }
530
531 div.helpResponse h1, div.infoBoxContents h1 {
532 /* border-width : 0px 0px 1px 0px;
533 border-style : solid;
534 border-color : #c0c0c0; */
535 font-size : 16pt;
536 }
537
538 div.helpResponse h2, div.infoBoxContents h2 {
539 /* border-width : 0px 0px 0px 0px; */
540 font-size : 12pt;
541 }
542
543 pre {
544 margin : 5px;
545 }
546
547 input.extSearch {
548 width : 100%;
549 }
550
551 div.firstTab {
552 width : 10px;
553 float : left;
554 }
555
556 div.prefsTab:hover {
557 cursor : pointer;
558 }
559
560 div.prefsTabSelected:hover {
561 cursor : pointer;
562 }
563
564 div.prefsTab {
565 float : left;
566 border-width : 1px 1px 0px 1px;
567 border-color : #88b0f0;
568 border-style : solid;
569 margin : 0px 0px 0px 5px;
570 padding : 3px 5px 3px 5px;
571 font-size : 9pt;
572 font-family : "Lucida Grande", Tahoma, sans-serif;
573 position : relative;
574 bottom : -2px;
575 border-collapse : collapse;
576 -moz-border-radius : 3px;
577 min-width : 100px;
578 text-align : center;
579 }
580
581 div.prefsTabSelected {
582 float : left;
583 border-width : 1px 1px 0px 1px;
584 border-color : #88b0f0;
585 border-style : solid;
586 margin : 0px 0px 0px 5px;
587 padding : 3px 5px 3px 5px;
588 background-color : #ecf4ff;
589 font-size : 9pt;
590 font-family : "Lucida Grande", Tahoma, sans-serif;
591 position : relative;
592 bottom : -1px;
593 border-collapse : collapse;
594 -moz-border-radius : 3px;
595 font-weight : bold;
596 min-width : 100px;
597 text-align : center;
598 z-index : 2;
599 }
600
601 div.notice {
602 background : #ffffff;
603 border : 1px solid #88b0f0;
604 width : 50%;
605 padding : 5px;
606 margin : 0px 0px 5px 0px;
607 font-size : 9pt;
608 }
609
610 div.warning {
611 background : #fff7d5;
612 border : 1px solid #d7c47a;
613 font-size : 9pt;
614 width : 50%;
615 padding : 5px;
616 margin : 0px 0px 5px 0px;
617 }
618
619
620 div.warning img, div.notice img, div.error img {
621 vertical-align : middle;
622 padding : 5px;
623 }
624
625 div.error {
626 border : 1px solid #ff0000;
627 background : #ffcccc;
628 padding : 5px;
629 margin : 0px 0px 5px 0px;
630 font-size : 9pt;
631 }
632
633 ul.nomarks {
634 list-style-type : none;
635 margin : 0px;
636 padding : 10px;
637 }
638
639 div.prefHelp, td.prefHelp {
640 color : gray;
641 padding : 5px;
642 }
643
644 table.loginForm {
645 background-color : #ecf4ff;
646 }
647
648 table.innerLoginForm {
649 border : 1px solid #88b0f0;
650 padding : 50px;
651 background-color : white;
652 }
653
654 table.innerLoginForm td {
655 padding : 3px 3px 5px 3px;
656 }
657
658 span.insensitive, div.insensitive {
659 color : gray;
660 }
661
662 .insensitive a {
663 color : #4684ff;
664 }
665
666 .insensitive a:hover {
667 color : black;
668 }
669
670 /* .prefGenericAddBox {
671 font-size : 9pt;
672 } */
673
674 body.logoutBody {
675 background-color : #f0f0f0;
676 color : black;
677 }
678
679 span.logoutWarning {
680 color : red;
681 font-weight : bold;
682 }
683
684 div.logoutContent {
685 width : 600px;
686 border : 1px solid #c0c0c0;
687 background-color : white;
688 margin-left : auto;
689 margin-right : auto;
690 margin-top : 20px;
691 padding : 10px;
692 }
693
694 .small {
695 font-size : 9pt;
696 }
697
698 table.innerFeedTable td {
699 margin : 0px;
700 padding : 0px;
701 }
702
703 td.selectPrompt {
704 font-size : 9pt;
705 color : gray;
706 }
707
708 table.headlinesSubToolbar {
709 border-width : 0px 0px 1px 0px;
710 border-style : solid;
711 border-color : #f0f0f0;
712 position : absolute;
713 left : 1px;
714 top : 0px;
715 height : 25px;
716 right : 0px;
717 background-color : white;
718 }
719
720 table.headlinesSubToolbar td.headlineActions {
721 font-size : 9pt;
722 font-family : "Lucida Grande", Tahoma, sans-serif;
723 color : gray;
724 padding : 0px 5px 0px 5px;
725 }
726
727 table.headlinesSubToolbar td.headlineActionsRTL {
728 font-size : 9pt;
729 font-family : "Lucida Grande", Tahoma, sans-serif;
730 color : gray;
731 padding : 0px 5px 0px 5px;
732 }
733
734 table.headlinesSubToolbar td.headlineTitle {
735 font-size : 9pt;
736 font-family : "Lucida Grande", Tahoma, sans-serif;
737 color : gray;
738 padding : 0px 5px 0px 5px;
739 text-align : right;
740 }
741
742 table.headlinesSubToolbar td.headlineTitleRTL {
743 font-size : 9pt;
744 font-family : "Lucida Grande", Tahoma, sans-serif;
745 color : gray;
746 padding : 0px 5px 0px 5px;
747 text-align : left;
748 }
749
750 span.contentPreview {
751 font-size : 9pt;
752 color : gray;
753 font-weight : normal;
754 }
755
756 span.contentPreview:hover {
757 color : #4684ff;
758 }
759
760 table.headlinesList {
761 width : 100%;
762 }
763
764 table.headlinesList td.hlMarkedPic {
765 width : 25px;
766 text-align : center;
767 }
768
769 table.headlinesList td.hlfeed {
770 text-align : right;
771 }
772
773 td.hlSelectRow, td.hlUpdatePic {
774 width : 25px;
775 text-align : center;
776 }
777
778 table.headlinesList td.hlUpdated {
779 color : gray;
780 text-align : right;
781 width : 100px;
782 }
783
784 table.headlinesList tr td {
785 padding : 2px 0px 2px 0px;
786 }
787
788 div.postHeader div.postDate {
789 text-align : right;
790 color : gray;
791 float : right;
792 }
793
794 div.postHeader div.postDateRTL {
795 text-align : left;
796 color : gray;
797 float : right;
798 }
799
800 div.postReply span.tagList {
801 color : gray;
802 }
803
804 div.postHeader div {
805 padding-bottom : 3px;
806 font-size : 10pt;
807 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
808 }
809
810 #feedUpdateErrors {
811 display : none;
812 }
813
814 #allEntryTags {
815 font-size : 9pt;
816 border-width : 0px 0px 1px 0px;
817 border-style : solid;
818 border-color : #c0c0c0;
819 padding-bottom : 5px;
820 display : none;
821 }
822
823 /*td.hlContent {
824 overflow : hidden;
825 height : 1em;
826 display : block;
827 } */
828
829 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
830 height : 1em;
831 }
832
833 td.hlFeed {
834 text-align : right;
835 }
836
837 div.cdmArticle {
838 border-color : #c0c0c0;
839 border-width : 0px 0px 1px 0px;
840 border-style : solid;
841 background-color : #fafafa;
842 margin : 0px;
843 padding : 10px;
844 }
845
846 div.cdmArticleUnread {
847 border-color : #c0c0c0;
848 border-width : 0px 0px 1px 0px;
849 border-style : solid;
850 background-color : #fafeff;
851 margin : 0px;
852 padding : 10px;
853 }
854
855 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
856 margin : 0px;
857 padding : 10px;
858 background-color : #fff7d5;
859 border-color : #e7d796;
860 border-width : 0px 0px 1px 0px;
861 border-style : solid;
862 }
863
864 div.cdmArticleUnread div.cdmHeader a.title,
865 div.cdmArticleUnreadSelected div.cdmHeader a.title {
866 font-weight : bold;
867 }
868
869 div.cdmHeader {
870 padding-bottom : 5px;
871 }
872
873 div.cdmFooter {
874 font-size : 9pt;
875 color : gray;
876 padding-top : 5px;
877 }
878
879 div.cdmFooter img.markedPic {
880 width : 16px;
881 height : 16px;
882 float : right;
883 }
884
885 div.cdmHeader div.articleUpdated {
886 float : right;
887 }
888
889 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
890 margin : 0px;
891 }
892
893 div.cdmHeader, div.cdmHeader a {
894 color : gray;
895 font-size : 9pt;
896 }
897
898 div.cdmHeader a:hover {
899 color : #4684ff;
900 }
901
902 div.cdmContent {
903 margin-bottom : 5px;
904 }
905
906 a.warning {
907 color : #f04040;
908 }
909
910 img.closeButton {
911 border-width : 0px;
912 float : right;
913 }
914
915 span.groupPrompt {
916 font-size : 9pt;
917 color : #4684ff;
918 }
919
920 ul.feedErrorsList {
921 height : 300px;
922 overflow : auto;
923 list-style-type : none;
924 border : 1px solid #88b0f0;
925 background-color : white;
926 margin : 0px 0px 5px 0px;
927 padding : 0px;
928 }
929
930 ul.userFeedList {
931 height : 300px;
932 overflow : auto;
933 list-style-type : none;
934 border : 1px solid #99d67a;
935 background-color : white;
936 margin : 0px 0px 5px 0px;
937 padding : 0px;
938 }
939
940 /* #browseBigFeedList li.oddSelected {
941 border : 1px solid #d0d0f6;
942 background-color : #eaeaff;
943 -moz-border-radius : 5px;
944 } */
945
946 ul.labelTestResults {
947 height : 100px;
948 overflow : auto;
949 list-style-type : none;
950 margin : 0px 0px 5px 0px;
951 padding : 0px;
952 border : 1px solid #99d67a;
953 background-color : white;
954 }
955
956 ul.filterTestResults {
957 height : 300px;
958 overflow : auto;
959 list-style-type : none;
960 margin : 0px 0px 5px 0px;
961 padding : 0px;
962 border : 1px solid #99d67a;
963 background-color : white;
964 }
965
966 ul.browseFeedList {
967 height : 300px;
968 overflow : auto;
969 list-style-type : none;
970 margin : 0px 0px 5px 0px;
971 padding : 0px;
972 border : 1px solid #99d67a;
973 background-color : white;
974 }
975
976 ul.browseFeedList li {
977 margin : 0px;
978 padding : 0px;
979 }
980
981 span.subscribers {
982 color : #808080;
983 }
984
985 div.subscribers {
986 color : #808080;
987 font-size : 9pt;
988 float : right;
989 }
990
991 input.feedBrowseCB {
992 margin-right : 1em;
993 }
994
995 div.browserDetails {
996 margin : 5px 5px 5px 5px;
997 display : none;
998 padding : 5px;
999 }
1000
1001 ul.compact {
1002 list-style-type : none;
1003 margin : 0px;
1004 padding : 0px;
1005 }
1006
1007 ul.compact li {
1008 margin : 0px;
1009 padding : 0px;
1010 }
1011
1012 div.browserFeedInfo {
1013 font-size : 9pt;
1014 /* border : 1px solid #88b0f0;
1015 background-color : #ecf4ff;
1016 -moz-border-radius : 5px; */
1017 padding : 5px;
1018 }
1019
1020 div.browserFeedInfo div.detailsPart {
1021 margin : 5px 0px 5px 5px;
1022 }
1023
1024 div.cdmContent a {
1025 color : #4684ff;
1026 }
1027
1028 div.cdmContent a:hover {
1029 color : black;
1030 }
1031
1032 a.cdmToggleLink {
1033 color : #808080;
1034 font-size : 9pt;
1035 }
1036
1037 a.cdmToggleLink:hover {
1038 color : #4684ff;
1039 }
1040
1041 .noborder {
1042 border-width : 0px;
1043 }
1044
1045 #debug_output {
1046 position : absolute;
1047 width : 400px;
1048 height : 200px;
1049 right : 20px;
1050 bottom : 20px;
1051 z-index : 999;
1052 background-color : white;
1053 display : none;
1054 border : 1px solid #c0c0c0;
1055 overflow : auto;
1056 margin : 0px;
1057 padding : 0px;
1058 list-style-type : none;
1059 }
1060
1061 #debug_output li {
1062 margin : 0px;
1063 padding : 0px;
1064 font-size : 8pt;
1065 }
1066
1067 #overlay {
1068 background : white;
1069 left : 0;
1070 top : 0;
1071 height : 100%;
1072 width : 100%;
1073 z-index : 100;
1074 position : absolute;
1075 }
1076
1077 #overlay_inner {
1078 font-weight : bold;
1079 text-align : center;
1080 margin : 10px;
1081 }
1082
1083 #fatal_error {
1084 background : white;
1085 left : 0;
1086 top : 0;
1087 height : 100%;
1088 width : 100%;
1089 z-index : 200;
1090 display : none;
1091 position : absolute;
1092 }
1093
1094 #fatal_error_inner {
1095 font-weight : bold;
1096 margin : 10px;
1097 color : red;
1098 }
1099
1100 #fatal_error_msg {
1101 color : black;
1102 padding : 10px;
1103 font-weight : normal;
1104 background-color : #ffcccc;
1105 border : 1px solid #ff0000;
1106 }
1107
1108 #fatal_error_msg a {
1109 color : red;
1110 }
1111
1112 #fatal_error_msg a:hover {
1113 color : red;
1114 text-decoration : underline;
1115 }
1116
1117 #fatal_error_msg img {
1118 vertical-align : middle;
1119 }
1120
1121 #noDaemonWarning {
1122 position : absolute;
1123 background-color : #ecf4ff;
1124 border : 1px solid #88b0f0;
1125 padding : 10px;
1126 margin : 5px;
1127 z-index : 2;
1128 display : none;
1129 }
1130
1131 #qafInput {
1132 width : 100%;
1133 }
1134
1135 form {
1136 margin : 0px;
1137 padding : 0px;
1138 }
1139
1140 #main_toolbar_form {
1141 margin : 0px;
1142 padding : 0px;
1143 display : inline;
1144 }
1145
1146 div.feedExtInfo {
1147 margin-left : 2em;
1148 font-size : 7pt;
1149 color : gray;
1150 font-weight : normal;
1151 }
1152
1153 span.debugTS {
1154 color : #4684ff;
1155 }
1156
1157 #backReqBox {
1158 display : none;
1159 }
1160
1161 /*.scriptWarn:before {
1162 content : "Disabled script:";
1163 }*/
1164
1165 .scriptWarn {
1166 color : white;
1167 background-color : #903030;
1168 border : 1px solid #601010;
1169 padding : 3px;
1170 font-weight : bold;
1171 display : none;
1172 }
1173
1174 .objectWarn {
1175 color : gray;
1176 font-style: italic;
1177 text-align : center;
1178 }
1179
1180 table.loginForm2 {
1181 padding : 1em;
1182 }
1183
1184 table.loginForm2 .loginTop {
1185 border-width : 0px 0px 1px 0px;
1186 border-color : #88b0f0;
1187 border-style : solid;
1188 padding : 0.5em;
1189 }
1190
1191 table.loginForm2 .loginMiddle {
1192 padding : 3em;
1193 }
1194
1195 table.loginForm2 .loginBottom {
1196 border-width : 1px 0px 0px 0px;
1197 border-color : #88b0f0;
1198 border-style : solid;
1199 font-size : 9pt;
1200 text-align : center;
1201 color : #909090;
1202 padding : 0.5em;
1203 }
1204
1205 table.loginForm2 .loginBottom a {
1206 color : gray;
1207 }
1208
1209 table.loginForm2 .loginBottom a:hover {
1210 color : #4684ff;
1211 }
1212
1213 table.loginForm2 .loginError {
1214 color : red;
1215 margin : 0.5em;
1216 }
1217
1218 table.loginForm2 .innerLoginCell {
1219 padding-top : 0.5em;
1220 }
1221
1222 #milestoneDetails {
1223 display : none;
1224 }
1225
1226 div.loadingPrompt {
1227 padding : 1em;
1228 text-align : center;
1229 font-weight : bold;
1230 }
1231
1232 div.whiteBox {
1233 background-color : white;
1234 margin-left : 1px;
1235 text-align : center;
1236 padding : 1em;
1237 }
1238
1239 /* layout */
1240
1241 #header {
1242 position : absolute;
1243 white-space: nowrap;
1244 top : 10px;
1245 left : 15px;
1246 right : 5px;
1247 height : 40px;
1248 color : #4684ff;
1249 font-size : 9pt;
1250 }
1251
1252 #feeds-holder {
1253 border-width : 1px 1px 1px 0px;
1254 border-style : solid;
1255 border-color : #88b0f0;
1256 top : 50px;
1257 left : 0px;
1258 position : absolute;
1259 width : 260px;
1260 overflow : auto;
1261 bottom : 40px;
1262 border-collapse : collapse;
1263 height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1264 }
1265
1266 #toolbar {
1267 position : absolute;
1268 left : 261px;
1269 padding : 5px 10px 5px 10px;
1270 top : 50px;
1271 right : 0px;
1272 white-space: nowrap;
1273 height : 30px;
1274 background-image : url("images/toolbar.png");
1275 background-position : bottom left;
1276 background-repeat : repeat-x;
1277 font-size : 9pt;
1278 }
1279
1280 div.headlines_normal {
1281 position : absolute;
1282 border-width : 1px 0px 0px 0px;
1283 border-style : solid;
1284 border-color : #88b0f0;
1285 left : 260px;
1286 height : 305px;
1287 top : 85px;
1288 right : 0px;
1289 overflow : hidden;
1290 font-size : 9pt;
1291 border-collapse : collapse;
1292 /* css hack for IE */
1293 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1294 }
1295
1296 div.headlines_cdm {
1297 position : absolute;
1298 border-width : 1px 0px 1px 0px;
1299 border-style : solid;
1300 border-color : #88b0f0;
1301 left : 260px;
1302 bottom : 40px;
1303 top : 85px;
1304 right : 0px;
1305 overflow : hidden;
1306 font-size : 9pt;
1307 border-collapse : collapse;
1308 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1309 }
1310
1311 #content-frame {
1312 position : absolute;
1313 border-width : 1px 0px 0px 0px;
1314 border-style : solid;
1315 border-color : #88b0f0;
1316 overflow : auto;
1317 top : 390px;
1318 left : 260px;
1319 bottom : 40px;
1320 right : 0px;
1321 border-collapse : collapse;
1322 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1323 /* height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1324 }
1325
1326 #footer, #prefFooter {
1327 position : absolute;
1328 bottom : 0px;
1329 height : 20px;
1330 text-align : center;
1331 color : gray;
1332 font-size : 9pt;
1333 background-image : url("images/footer.png");
1334 background-position : top left;
1335 background-repeat : repeat-x;
1336 background-color : white;
1337 right : 0px;
1338 left : 0px;
1339 padding : 10px;
1340 width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1341 border-collapse : collapse;
1342 border-width : 1px 0px 0px 0px;
1343 border-style : solid;
1344 border-color : #88b0f0;
1345
1346 }
1347
1348 #footer a, #prefFooter a {
1349 color : gray;
1350 }
1351
1352 #footer a:hover, #prefFooter a:hover {
1353 color : black;
1354 }
1355
1356 #headlinesContainer {
1357 margin-left : 1px;
1358 background-color : white;
1359 }
1360
1361 #headlineActionsTop {
1362 /* border-width : 0px 0px 1px 0px;
1363 border-style : solid;
1364 border-color : #c0c0c0;
1365 background-color : #fafafa; */
1366 font-size : 9pt;
1367 }
1368
1369 #headlinesInnerContainer {
1370 overflow : auto;
1371 position : absolute;
1372 left : 1px;
1373 right : 0px;
1374 bottom : 0px;
1375 top : 25px;
1376 }
1377
1378 /* preferences layout */
1379
1380 #prefHeader {
1381 color : #4684ff;
1382 font-size : 9pt;
1383 margin : 10px;
1384 height : 33px;
1385 }
1386
1387 div.return {
1388 float : right;
1389 font-size : 9pt;
1390 margin-right : 10px;
1391 }
1392
1393 div.return a {
1394 color : #4684ff;
1395 }
1396
1397 div.return a:hover {
1398 color : black;
1399 }
1400
1401 #prefContent {
1402 clear : left;
1403 position : absolute;
1404 bottom : 40px;
1405 top : 75px;
1406 left : 0px;
1407 right : 0px;
1408 padding : 1em;
1409 overflow : auto;
1410 min-height : 300px;
1411 background-image : url("images/prefs-content.png");
1412 background-position : top left;
1413 background-repeat : repeat-x;
1414 border-width : 1px 0px 0px 0px;
1415 border-color : #88b0f0;
1416 border-style : solid;
1417 height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1418 width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1419 font-size : 10pt;
1420 }
1421
1422 #userSwitch {
1423 position : absolute;
1424 bottom : 2px;
1425 right : 2px;
1426 }
1427
1428 a.feedUpdErrLink {
1429 color : #ff0000;
1430 display : block;
1431 margin-bottom : 0.5em;
1432 }
1433
1434 .catCtrHasUnread {
1435 font-weight : bold;
1436 }
1437
1438 .catCtrNoUnread {
1439 display : none;
1440 }
1441
1442 ul.headlineDropdownMenu {
1443 list-style-type : none;
1444 margin : 0px;
1445 padding : 0px;
1446 }
1447
1448 ul.headlineDropdownMenu li.top {
1449 float : left;
1450 width : 9em;
1451 background-image : url("images/down_arrow.png");
1452 background-position : center right;
1453 background-repeat : no-repeat;
1454 margin : 0px;
1455 cursor : pointer;
1456 border-width : 1px 1px 1px 1px;
1457 border-color : transparent;
1458 border-style : solid;
1459 }
1460
1461 ul.headlineDropdownMenu li.top2 {
1462 float : left;
1463 }
1464
1465 ul.headlineDropdownMenu li.vsep {
1466 float : left;
1467 margin : 0px 5px 0px 0px;
1468 border-width : 0px 1px 0px 0px;
1469 border-color : #c0c0c0;
1470 border-style : dotted;
1471 color : white;
1472 }
1473
1474 ul.headlineDropdownMenu li.top:hover {
1475 cursor : pointer;
1476 border-width : 1px 1px 0px 1px;
1477 border-color : #c0c0c0;
1478 border-style : solid;
1479 }
1480
1481 ul.headlineDropdownMenu li.top:hover ul {
1482 display : block;
1483 }
1484
1485 ul.headlineDropdownMenu ul {
1486 list-style-type : none;
1487 position : absolute;
1488 float : none;
1489 margin : 0px;
1490 padding : 0px;
1491 display : none;
1492 background-color : white;
1493 width : 9em;
1494 z-index : 3;
1495 top : auto;
1496 left : auto;
1497 border-width : 0px 1px 1px 1px;
1498 border-color : #c0c0c0;
1499 border-style : solid;
1500 margin-left : -1px;
1501 }
1502
1503 ul.headlineDropdownMenu ul li {
1504 float: none;
1505 padding : 2px 0px 2px 10px;
1506 color : black;
1507 }
1508
1509 ul.headlineDropdownMenu ul li:hover {
1510 color : #4684ff;
1511 background-color : #f0f0f0;
1512 }
1513
1514 #newVersionIcon {
1515 vertical-align : middle;
1516 cursor : pointer;
1517 display : none;
1518 }
1519
1520 a.helpLinkPic {
1521 float : right;
1522 }
1523
1524 a.helpLinkPic img {
1525 border-width : 0px;
1526 }
1527
1528 #fadd_login_container {
1529 display : none;
1530 }
1531
1532 li.feedCatHolder {
1533 display : inline;
1534 }