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