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