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