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