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