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