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