]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
add infobox overlay, layout fixes
[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 #99d67a;
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 : #527040;
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.feed_error {
659 color : red;
660 }
661
662 span.insensitive, div.insensitive {
663 color : gray;
664 }
665
666 .insensitive a {
667 color : #4684ff;
668 }
669
670 .insensitive a:hover {
671 color : black;
672 }
673
674 /* .prefGenericAddBox {
675 font-size : 9pt;
676 } */
677
678 body.logoutBody {
679 background-color : #f0f0f0;
680 color : black;
681 }
682
683 span.logoutWarning {
684 color : red;
685 font-weight : bold;
686 }
687
688 div.logoutContent {
689 width : 600px;
690 border : 1px solid #c0c0c0;
691 background-color : white;
692 margin-left : auto;
693 margin-right : auto;
694 margin-top : 20px;
695 padding : 10px;
696 }
697
698 .small {
699 font-size : 9pt;
700 }
701
702 table.innerFeedTable td {
703 margin : 0px;
704 padding : 0px;
705 }
706
707 td.selectPrompt {
708 font-size : 9pt;
709 color : gray;
710 }
711
712 table.headlinesSubToolbar {
713 border-width : 0px 0px 1px 0px;
714 border-style : solid;
715 border-color : #f0f0f0;
716 position : absolute;
717 left : 1px;
718 top : 0px;
719 height : 25px;
720 right : 0px;
721 background-color : white;
722 }
723
724 table.headlinesSubToolbar td.headlineActions {
725 font-size : 9pt;
726 font-family : "Lucida Grande", Tahoma, sans-serif;
727 color : gray;
728 padding : 0px 5px 0px 5px;
729 }
730
731 table.headlinesSubToolbar td.headlineActionsRTL {
732 font-size : 9pt;
733 font-family : "Lucida Grande", Tahoma, sans-serif;
734 color : gray;
735 padding : 0px 5px 0px 5px;
736 }
737
738 table.headlinesSubToolbar td.headlineTitle {
739 font-size : 9pt;
740 font-family : "Lucida Grande", Tahoma, sans-serif;
741 color : gray;
742 padding : 0px 5px 0px 5px;
743 text-align : right;
744 }
745
746 table.headlinesSubToolbar td.headlineTitleRTL {
747 font-size : 9pt;
748 font-family : "Lucida Grande", Tahoma, sans-serif;
749 color : gray;
750 padding : 0px 5px 0px 5px;
751 text-align : left;
752 }
753
754 span.contentPreview {
755 font-size : 9pt;
756 color : gray;
757 font-weight : normal;
758 }
759
760 span.contentPreview:hover {
761 color : #4684ff;
762 }
763
764 table.headlinesList {
765 width : 100%;
766 }
767
768 table.headlinesList td.hlMarkedPic {
769 width : 25px;
770 text-align : center;
771 }
772
773 table.headlinesList td.hlfeed {
774 text-align : right;
775 }
776
777 td.hlSelectRow, td.hlUpdatePic {
778 width : 25px;
779 text-align : center;
780 }
781
782 table.headlinesList td.hlUpdated {
783 color : gray;
784 text-align : right;
785 width : 100px;
786 }
787
788 table.headlinesList tr td {
789 padding : 2px 0px 2px 0px;
790 }
791
792 div.postHeader div.postDate {
793 text-align : right;
794 color : gray;
795 float : right;
796 }
797
798 div.postHeader div.postDateRTL {
799 text-align : left;
800 color : gray;
801 float : right;
802 }
803
804 div.postReply span.tagList {
805 color : gray;
806 }
807
808 div.postHeader div {
809 padding-bottom : 3px;
810 font-size : 10pt;
811 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
812 }
813
814 #feedUpdateErrors {
815 display : none;
816 }
817
818 #allEntryTags {
819 font-size : 9pt;
820 border-width : 0px 0px 1px 0px;
821 border-style : solid;
822 border-color : #c0c0c0;
823 padding-bottom : 5px;
824 display : none;
825 }
826
827 /*td.hlContent {
828 overflow : hidden;
829 height : 1em;
830 display : block;
831 } */
832
833 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
834 height : 1em;
835 }
836
837 td.hlFeed {
838 text-align : right;
839 }
840
841 div.cdmArticle {
842 border-color : #c0c0c0;
843 border-width : 0px 0px 1px 0px;
844 border-style : solid;
845 background-color : #fafafa;
846 margin : 0px;
847 padding : 10px;
848 }
849
850 div.cdmArticleUnread {
851 border-color : #c0c0c0;
852 border-width : 0px 0px 1px 0px;
853 border-style : solid;
854 background-color : #fafeff;
855 margin : 0px;
856 padding : 10px;
857 }
858
859 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
860 margin : 0px;
861 padding : 10px;
862 background-color : #fff7d5;
863 border-color : #e7d796;
864 border-width : 0px 0px 1px 0px;
865 border-style : solid;
866 }
867
868 div.cdmArticleUnread div.cdmHeader a.title,
869 div.cdmArticleUnreadSelected div.cdmHeader a.title {
870 font-weight : bold;
871 }
872
873 div.cdmHeader {
874 padding-bottom : 5px;
875 }
876
877 div.cdmFooter {
878 font-size : 9pt;
879 color : gray;
880 padding-top : 5px;
881 }
882
883 div.cdmFooter img.markedPic {
884 width : 16px;
885 height : 16px;
886 float : right;
887 }
888
889 div.cdmHeader div.articleUpdated {
890 float : right;
891 }
892
893 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
894 margin : 0px;
895 }
896
897 div.cdmHeader, div.cdmHeader a {
898 color : gray;
899 font-size : 9pt;
900 }
901
902 div.cdmHeader a:hover {
903 color : #4684ff;
904 }
905
906 div.cdmContent {
907 margin-bottom : 5px;
908 }
909
910 a.warning {
911 color : #f04040;
912 }
913
914 img.closeButton {
915 border-width : 0px;
916 float : right;
917 }
918
919 span.groupPrompt {
920 font-size : 9pt;
921 color : #4684ff;
922 }
923
924 ul.feedErrorsList {
925 height : 300px;
926 overflow : auto;
927 list-style-type : none;
928 border : 1px solid #99d67a;
929 background-color : white;
930 margin : 0px 0px 5px 0px;
931 padding : 0px;
932 }
933
934 ul.userFeedList {
935 height : 300px;
936 overflow : auto;
937 list-style-type : none;
938 border : 1px solid #99d67a;
939 background-color : white;
940 margin : 0px 0px 5px 0px;
941 padding : 0px;
942 }
943
944 /* #browseBigFeedList li.oddSelected {
945 border : 1px solid #d0d0f6;
946 background-color : #eaeaff;
947 -moz-border-radius : 5px;
948 } */
949
950 ul.labelTestResults {
951 height : 100px;
952 overflow : auto;
953 list-style-type : none;
954 margin : 0px 0px 5px 0px;
955 padding : 0px;
956 border : 1px solid #99d67a;
957 background-color : white;
958 }
959
960 ul.filterTestResults {
961 height : 300px;
962 overflow : auto;
963 list-style-type : none;
964 margin : 0px 0px 5px 0px;
965 padding : 0px;
966 border : 1px solid #99d67a;
967 background-color : white;
968 }
969
970 ul.browseFeedList {
971 height : 300px;
972 overflow : auto;
973 list-style-type : none;
974 margin : 0px 0px 5px 0px;
975 padding : 0px;
976 border : 1px solid #99d67a;
977 background-color : white;
978 }
979
980 ul.browseFeedList li {
981 margin : 0px;
982 padding : 0px;
983 }
984
985 span.subscribers {
986 color : #808080;
987 }
988
989 div.subscribers {
990 color : #808080;
991 font-size : 9pt;
992 float : right;
993 }
994
995 input.feedBrowseCB {
996 margin-right : 1em;
997 }
998
999 div.browserDetails {
1000 margin : 5px 5px 5px 5px;
1001 display : none;
1002 padding : 5px;
1003 }
1004
1005 ul.compact {
1006 list-style-type : none;
1007 margin : 0px;
1008 padding : 0px;
1009 }
1010
1011 ul.compact li {
1012 margin : 0px;
1013 padding : 0px;
1014 }
1015
1016 div.browserFeedInfo {
1017 font-size : 9pt;
1018 /* border : 1px solid #88b0f0;
1019 background-color : #ecf4ff;
1020 -moz-border-radius : 5px; */
1021 padding : 5px;
1022 }
1023
1024 div.browserFeedInfo div.detailsPart {
1025 margin : 5px 0px 5px 5px;
1026 }
1027
1028 div.cdmContent a {
1029 color : #4684ff;
1030 }
1031
1032 div.cdmContent a:hover {
1033 color : black;
1034 }
1035
1036 a.cdmToggleLink {
1037 color : #808080;
1038 font-size : 9pt;
1039 }
1040
1041 a.cdmToggleLink:hover {
1042 color : #4684ff;
1043 }
1044
1045 .noborder {
1046 border-width : 0px;
1047 }
1048
1049 #debug_output {
1050 position : absolute;
1051 width : 400px;
1052 height : 200px;
1053 right : 20px;
1054 bottom : 20px;
1055 z-index : 999;
1056 background-color : white;
1057 display : none;
1058 border : 1px solid #c0c0c0;
1059 overflow : auto;
1060 margin : 0px;
1061 padding : 0px;
1062 list-style-type : none;
1063 }
1064
1065 #debug_output li {
1066 margin : 0px;
1067 padding : 0px;
1068 font-size : 8pt;
1069 }
1070
1071 #dialog_overlay {
1072 background : white;
1073 left : 0;
1074 top : 0;
1075 height : 100%;
1076 width : 100%;
1077 z-index : 2;
1078 opacity : 0.5;
1079 position : absolute;
1080 display : none;
1081 }
1082
1083 #overlay {
1084 background : white;
1085 left : 0;
1086 top : 0;
1087 height : 100%;
1088 width : 100%;
1089 z-index : 100;
1090 position : absolute;
1091 }
1092
1093 #overlay_inner {
1094 font-weight : bold;
1095 text-align : center;
1096 margin : 10px;
1097 }
1098
1099 #fatal_error {
1100 background : white;
1101 left : 0;
1102 top : 0;
1103 height : 100%;
1104 width : 100%;
1105 z-index : 200;
1106 display : none;
1107 position : absolute;
1108 }
1109
1110 #fatal_error_inner {
1111 font-weight : bold;
1112 margin : 10px;
1113 color : red;
1114 }
1115
1116 #fatal_error_msg {
1117 color : black;
1118 padding : 10px;
1119 font-weight : normal;
1120 background-color : #ffcccc;
1121 border : 1px solid #ff0000;
1122 }
1123
1124 #fatal_error_msg a {
1125 color : red;
1126 }
1127
1128 #fatal_error_msg a:hover {
1129 color : red;
1130 text-decoration : underline;
1131 }
1132
1133 #fatal_error_msg img {
1134 vertical-align : middle;
1135 }
1136
1137 #noDaemonWarning {
1138 position : absolute;
1139 background-color : #ecf4ff;
1140 border : 1px solid #88b0f0;
1141 padding : 10px;
1142 margin : 5px;
1143 z-index : 2;
1144 display : none;
1145 }
1146
1147 #qafInput {
1148 width : 100%;
1149 }
1150
1151 form {
1152 margin : 0px;
1153 padding : 0px;
1154 }
1155
1156 #main_toolbar_form {
1157 margin : 0px;
1158 padding : 0px;
1159 display : inline;
1160 }
1161
1162 div.feedExtInfo {
1163 margin-left : 2em;
1164 font-size : 7pt;
1165 color : gray;
1166 font-weight : normal;
1167 }
1168
1169 span.debugTS {
1170 color : #4684ff;
1171 }
1172
1173 #backReqBox {
1174 display : none;
1175 }
1176
1177 /*.scriptWarn:before {
1178 content : "Disabled script:";
1179 }*/
1180
1181 .scriptWarn {
1182 color : white;
1183 background-color : #903030;
1184 border : 1px solid #601010;
1185 padding : 3px;
1186 font-weight : bold;
1187 display : none;
1188 }
1189
1190 .objectWarn {
1191 color : gray;
1192 font-style: italic;
1193 text-align : center;
1194 }
1195
1196 table.loginForm2 {
1197 padding : 1em;
1198 }
1199
1200 table.loginForm2 .loginTop {
1201 border-width : 0px 0px 1px 0px;
1202 border-color : #88b0f0;
1203 border-style : solid;
1204 padding : 0.5em;
1205 }
1206
1207 table.loginForm2 .loginMiddle {
1208 padding : 3em;
1209 }
1210
1211 table.loginForm2 .loginBottom {
1212 border-width : 1px 0px 0px 0px;
1213 border-color : #88b0f0;
1214 border-style : solid;
1215 font-size : 9pt;
1216 text-align : center;
1217 color : #909090;
1218 padding : 0.5em;
1219 }
1220
1221 table.loginForm2 .loginBottom a {
1222 color : gray;
1223 }
1224
1225 table.loginForm2 .loginBottom a:hover {
1226 color : #4684ff;
1227 }
1228
1229 table.loginForm2 .loginError {
1230 color : red;
1231 margin : 0.5em;
1232 }
1233
1234 table.loginForm2 .innerLoginCell {
1235 padding-top : 0.5em;
1236 }
1237
1238 #milestoneDetails {
1239 display : none;
1240 }
1241
1242 div.loadingPrompt {
1243 padding : 1em;
1244 text-align : center;
1245 font-weight : bold;
1246 }
1247
1248 div.whiteBox {
1249 background-color : white;
1250 margin-left : 1px;
1251 text-align : center;
1252 padding : 1em;
1253 }
1254
1255 /* layout */
1256
1257 #header {
1258 position : absolute;
1259 white-space: nowrap;
1260 top : 10px;
1261 left : 15px;
1262 right : 5px;
1263 height : 40px;
1264 color : #4684ff;
1265 font-size : 9pt;
1266 }
1267
1268 #feeds-holder {
1269 border-width : 1px 1px 1px 0px;
1270 border-style : solid;
1271 border-color : #88b0f0;
1272 top : 50px;
1273 left : 0px;
1274 position : absolute;
1275 width : 260px;
1276 overflow : auto;
1277 bottom : 40px;
1278 border-collapse : collapse;
1279 height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1280 }
1281
1282 #toolbar {
1283 position : absolute;
1284 left : 261px;
1285 padding : 5px 10px 5px 10px;
1286 top : 50px;
1287 right : 0px;
1288 white-space: nowrap;
1289 height : 30px;
1290 background-image : url("images/toolbar.png");
1291 background-position : bottom left;
1292 background-repeat : repeat-x;
1293 font-size : 9pt;
1294 }
1295
1296 div.headlines_normal {
1297 position : absolute;
1298 border-width : 1px 0px 0px 0px;
1299 border-style : solid;
1300 border-color : #88b0f0;
1301 left : 260px;
1302 height : 305px;
1303 top : 85px;
1304 right : 0px;
1305 overflow : hidden;
1306 font-size : 9pt;
1307 border-collapse : collapse;
1308 /* css hack for IE */
1309 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1310 }
1311
1312 div.headlines_cdm {
1313 position : absolute;
1314 border-width : 1px 0px 1px 0px;
1315 border-style : solid;
1316 border-color : #88b0f0;
1317 left : 260px;
1318 bottom : 40px;
1319 top : 85px;
1320 right : 0px;
1321 overflow : hidden;
1322 font-size : 9pt;
1323 border-collapse : collapse;
1324 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1325 }
1326
1327 #content-frame {
1328 position : absolute;
1329 border-width : 1px 0px 0px 0px;
1330 border-style : solid;
1331 border-color : #88b0f0;
1332 overflow : auto;
1333 top : 390px;
1334 left : 260px;
1335 bottom : 40px;
1336 right : 0px;
1337 border-collapse : collapse;
1338 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1339 /* height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px'); */
1340 }
1341
1342 #footer, #prefFooter {
1343 position : absolute;
1344 bottom : 0px;
1345 height : 20px;
1346 text-align : center;
1347 color : gray;
1348 font-size : 9pt;
1349 background-image : url("images/footer.png");
1350 background-position : top left;
1351 background-repeat : repeat-x;
1352 background-color : white;
1353 right : 0px;
1354 left : 0px;
1355 padding : 10px;
1356 width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1357 border-collapse : collapse;
1358 border-width : 1px 0px 0px 0px;
1359 border-style : solid;
1360 border-color : #88b0f0;
1361
1362 }
1363
1364 #footer a, #prefFooter a {
1365 color : gray;
1366 }
1367
1368 #footer a:hover, #prefFooter a:hover {
1369 color : black;
1370 }
1371
1372 #headlinesContainer {
1373 margin-left : 1px;
1374 background-color : white;
1375 }
1376
1377 #headlineActionsTop {
1378 /* border-width : 0px 0px 1px 0px;
1379 border-style : solid;
1380 border-color : #c0c0c0;
1381 background-color : #fafafa; */
1382 font-size : 9pt;
1383 }
1384
1385 #headlinesInnerContainer {
1386 overflow : auto;
1387 position : absolute;
1388 left : 1px;
1389 right : 0px;
1390 bottom : 0px;
1391 top : 25px;
1392 }
1393
1394 /* preferences layout */
1395
1396 #prefHeader {
1397 color : #4684ff;
1398 font-size : 9pt;
1399 margin : 10px;
1400 height : 33px;
1401 }
1402
1403 div.return {
1404 float : right;
1405 font-size : 9pt;
1406 margin-right : 10px;
1407 }
1408
1409 div.return a {
1410 color : #4684ff;
1411 }
1412
1413 div.return a:hover {
1414 color : black;
1415 }
1416
1417 #prefContent {
1418 clear : left;
1419 position : absolute;
1420 bottom : 40px;
1421 top : 75px;
1422 left : 0px;
1423 right : 0px;
1424 padding : 1em;
1425 overflow : auto;
1426 min-height : 300px;
1427 background-image : url("images/prefs-content.png");
1428 background-position : top left;
1429 background-repeat : repeat-x;
1430 border-width : 1px 0px 0px 0px;
1431 border-color : #88b0f0;
1432 border-style : solid;
1433 height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1434 width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1435 font-size : 10pt;
1436 }
1437
1438 #userSwitch {
1439 position : absolute;
1440 bottom : 2px;
1441 right : 2px;
1442 }
1443
1444 a.feedUpdErrLink {
1445 color : #ff0000;
1446 display : block;
1447 margin-bottom : 0.5em;
1448 }
1449
1450 .catCtrHasUnread {
1451 font-weight : bold;
1452 }
1453
1454 .catCtrNoUnread {
1455 display : none;
1456 }
1457
1458 ul.headlineDropdownMenu {
1459 list-style-type : none;
1460 margin : 0px;
1461 padding : 0px;
1462 }
1463
1464 ul.headlineDropdownMenu li.top {
1465 float : left;
1466 width : 9em;
1467 background-image : url("images/down_arrow.png");
1468 background-position : center right;
1469 background-repeat : no-repeat;
1470 margin : 0px;
1471 cursor : pointer;
1472 border-width : 1px 1px 1px 1px;
1473 border-color : transparent;
1474 border-style : solid;
1475 }
1476
1477 ul.headlineDropdownMenu li.top2 {
1478 float : left;
1479 }
1480
1481 ul.headlineDropdownMenu li.vsep {
1482 float : left;
1483 margin : 0px 5px 0px 0px;
1484 border-width : 0px 1px 0px 0px;
1485 border-color : #c0c0c0;
1486 border-style : dotted;
1487 color : white;
1488 }
1489
1490 ul.headlineDropdownMenu li.top:hover {
1491 cursor : pointer;
1492 border-width : 1px 1px 0px 1px;
1493 border-color : #c0c0c0;
1494 border-style : solid;
1495 }
1496
1497 ul.headlineDropdownMenu li.top:hover ul {
1498 display : block;
1499 }
1500
1501 ul.headlineDropdownMenu ul {
1502 list-style-type : none;
1503 position : absolute;
1504 float : none;
1505 margin : 0px;
1506 padding : 0px;
1507 display : none;
1508 background-color : white;
1509 width : 9em;
1510 z-index : 3;
1511 top : auto;
1512 left : auto;
1513 border-width : 0px 1px 1px 1px;
1514 border-color : #c0c0c0;
1515 border-style : solid;
1516 margin-left : -1px;
1517 }
1518
1519 ul.headlineDropdownMenu ul li {
1520 float: none;
1521 padding : 2px 0px 2px 10px;
1522 color : black;
1523 }
1524
1525 ul.headlineDropdownMenu ul li:hover {
1526 color : #4684ff;
1527 background-color : #f0f0f0;
1528 }
1529
1530 #newVersionIcon {
1531 vertical-align : middle;
1532 cursor : pointer;
1533 display : none;
1534 }
1535
1536 a.helpLinkPic {
1537 float : right;
1538 }
1539
1540 a.helpLinkPic img {
1541 border-width : 0px;
1542 }
1543
1544 #fadd_login_container {
1545 display : none;
1546 }
1547
1548 li.feedCatHolder {
1549 display : inline;
1550 }