]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
I18N
[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.postReply span.tagList {
731 color : gray;
732 font-size : x-small;
733 }
734
735 div.postHeader div {
736 padding-bottom : 3px;
737 font-size : x-small;
738 }
739
740 #feedUpdateErrors {
741 display : none;
742 }
743
744 #allEntryTags {
745 font-size : x-small;
746 border-width : 0px 0px 1px 0px;
747 border-style : solid;
748 border-color : #c0c0c0;
749 padding-bottom : 5px;
750 display : none;
751 }
752
753 /*td.hlContent {
754 overflow : hidden;
755 height : 1em;
756 display : block;
757 } */
758
759 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
760 height : 1em;
761 }
762
763 td.hlFeed {
764 text-align : right;
765 }
766
767 div.cdmArticle {
768 border-color : #c0c0c0;
769 border-width : 0px 0px 1px 0px;
770 border-style : solid;
771 background-color : #fafafa;
772 margin : 0px;
773 padding : 10px;
774 }
775
776 div.cdmArticleUnread {
777 border-color : #c0c0c0;
778 border-width : 0px 0px 1px 0px;
779 border-style : solid;
780 background-color : #fafeff;
781 margin : 0px;
782 padding : 10px;
783 }
784
785 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
786 margin : 0px;
787 padding : 10px;
788 background-color : #fff7d5;
789 border-color : #e7d796;
790 border-width : 0px 0px 1px 0px;
791 border-style : solid;
792 }
793
794 div.cdmArticleUnread div.cdmHeader a.title,
795 div.cdmArticleUnreadSelected div.cdmHeader a.title {
796 font-weight : bold;
797 }
798
799 div.cdmHeader {
800 padding-bottom : 5px;
801 }
802
803 div.cdmFooter {
804 font-size : x-small;
805 color : gray;
806 padding-top : 5px;
807 }
808
809 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
810 margin : 0px;
811 }
812
813 div.cdmHeader, div.cdmHeader a {
814 color : gray;
815 font-size : x-small;
816 }
817
818 div.cdmHeader a:hover {
819 color : #4684ff;
820 }
821
822 div.cdmContent {
823 margin-bottom : 5px;
824 }
825
826 a.warning {
827 color : #f04040;
828 }
829
830 img.closeButton {
831 border-width : 0px;
832 float : right;
833 }
834
835 span.groupPrompt {
836 font-size : x-small;
837 color : #4684ff;
838 }
839
840 ul.feedErrorsList {
841 height : 300px;
842 overflow : auto;
843 list-style-type : none;
844 border : 1px solid #88b0f0;
845 background-color : white;
846 margin : 0px 0px 5px 0px;
847 padding : 0px;
848 }
849
850 ul.userFeedList {
851 height : 300px;
852 overflow : auto;
853 list-style-type : none;
854 border : 1px solid #88b0f0;
855 background-color : white;
856 margin : 0px 0px 5px 0px;
857 padding : 0px;
858 }
859
860 /* #browseBigFeedList li.oddSelected {
861 border : 1px solid #d0d0f6;
862 background-color : #eaeaff;
863 -moz-border-radius : 5px;
864 } */
865
866 ul.labelTestResults {
867 height : 100px;
868 overflow : auto;
869 list-style-type : none;
870 margin : 0px 0px 5px 0px;
871 padding : 0px;
872 border : 1px solid #88b0f0;
873 background-color : white;
874 }
875
876 ul.filterTestResults {
877 height : 300px;
878 overflow : auto;
879 list-style-type : none;
880 margin : 0px 0px 5px 0px;
881 padding : 0px;
882 border : 1px solid #88b0f0;
883 background-color : white;
884 }
885
886 ul.browseFeedList {
887 height : 300px;
888 overflow : auto;
889 list-style-type : none;
890 margin : 0px 0px 5px 0px;
891 padding : 0px;
892 border : 1px solid #88b0f0;
893 background-color : white;
894 }
895
896 ul.browseFeedList li {
897 margin : 0px;
898 padding : 0px;
899 }
900
901 span.subscribers {
902 color : #808080;
903 }
904
905 div.subscribers {
906 color : #808080;
907 font-size : x-small;
908 float : right;
909 }
910
911 input.feedBrowseCB {
912 margin-right : 1em;
913 }
914
915 div.browserDetails {
916 margin : 5px 5px 5px 5px;
917 display : none;
918 padding : 5px;
919 }
920
921 ul.compact {
922 list-style-type : none;
923 margin : 0px;
924 padding : 0px;
925 }
926
927 ul.compact li {
928 margin : 0px;
929 padding : 0px;
930 }
931
932 div.browserFeedInfo {
933 font-size : x-small;
934 /* border : 1px solid #88b0f0;
935 background-color : #ecf4ff;
936 -moz-border-radius : 5px; */
937 padding : 5px;
938 }
939
940 div.browserFeedInfo div.detailsPart {
941 margin : 5px 0px 5px 5px;
942 }
943
944 div.cdmContent a {
945 color : #4684ff;
946 }
947
948 div.cdmContent a:hover {
949 color : black;
950 }
951
952 a.cdmToggleLink {
953 color : #808080;
954 font-size : x-small;
955 }
956
957 a.cdmToggleLink:hover {
958 color : #4684ff;
959 }
960
961 .noborder {
962 border-width : 0px;
963 }
964
965 #debug_output {
966 position : absolute;
967 width : 400px;
968 height : 200px;
969 right : 20px;
970 bottom : 20px;
971 z-index : 999;
972 background-color : white;
973 display : none;
974 border : 1px solid #c0c0c0;
975 overflow : auto;
976 margin : 0px;
977 padding : 0px;
978 list-style-type : none;
979 }
980
981 #debug_output li {
982 margin : 0px;
983 padding : 0px;
984 font-size : x-small;
985 }
986
987 #overlay {
988 background : white;
989 left : 0;
990 top : 0;
991 height : 100%;
992 width : 100%;
993 z-index : 100;
994 position : absolute;
995 }
996
997 #overlay_inner {
998 font-weight : bold;
999 text-align : center;
1000 margin : 10px;
1001 }
1002
1003 #fatal_error {
1004 background : white;
1005 left : 0;
1006 top : 0;
1007 height : 100%;
1008 width : 100%;
1009 z-index : 200;
1010 display : none;
1011 position : absolute;
1012 }
1013
1014 #fatal_error_inner {
1015 font-weight : bold;
1016 margin : 10px;
1017 color : red;
1018 }
1019
1020 #fatal_error_msg {
1021 border : 1px solid #c0c0c0;
1022 background-color : #f0f0f0;
1023 color : black;
1024 padding : 10px;
1025 font-weight : normal;
1026 }
1027
1028 #noDaemonWarning {
1029 position : absolute;
1030 background-color : #ecf4ff;
1031 border : 1px solid #88b0f0;
1032 padding : 10px;
1033 margin : 5px;
1034 z-index : 2;
1035 display : none;
1036 }
1037
1038 #qafInput {
1039 width : 100%;
1040 }
1041
1042 form {
1043 margin : 0px;
1044 padding : 0px;
1045 }
1046
1047 #main_toolbar_form {
1048 display : inline;
1049 }
1050
1051 div.feedExtInfo {
1052 margin-left : 2em;
1053 font-size : 7pt;
1054 color : gray;
1055 font-weight : normal;
1056 }
1057
1058 span.debugTS {
1059 color : #4684ff;
1060 }
1061
1062 #backReqBox {
1063 display : none;
1064 }
1065
1066 /*.scriptWarn:before {
1067 content : "Disabled script:";
1068 }*/
1069
1070 .scriptWarn {
1071 color : white;
1072 background-color : #903030;
1073 border : 1px solid #601010;
1074 padding : 3px;
1075 font-weight : bold;
1076 }
1077
1078 .objectWarn {
1079 color : gray;
1080 font-style: italic;
1081 text-align : center;
1082 }
1083
1084 table.loginForm2 {
1085 padding : 1em;
1086 }
1087
1088 table.loginForm2 .loginTop {
1089 border-width : 0px 0px 1px 0px;
1090 border-color : #88b0f0;
1091 border-style : solid;
1092 padding : 0.5em;
1093 }
1094
1095 table.loginForm2 .loginMiddle {
1096 padding : 3em;
1097 }
1098
1099 table.loginForm2 .loginBottom {
1100 border-width : 1px 0px 0px 0px;
1101 border-color : #88b0f0;
1102 border-style : solid;
1103 font-size : x-small;
1104 text-align : center;
1105 color : #909090;
1106 padding : 0.5em;
1107 }
1108
1109 table.loginForm2 .loginBottom a {
1110 color : gray;
1111 }
1112
1113 table.loginForm2 .loginBottom a:hover {
1114 color : #4684ff;
1115 }
1116
1117 table.loginForm2 .loginError {
1118 color : red;
1119 margin : 0.5em;
1120 }
1121
1122 table.loginForm2 .innerLoginCell {
1123 padding-top : 0.5em;
1124 }
1125
1126 #milestoneDetails {
1127 display : none;
1128 }
1129
1130 div.loadingPrompt {
1131 padding : 1em;
1132 text-align : center;
1133 font-weight : bold;
1134 }
1135
1136 div.whiteBox {
1137 background-color : white;
1138 margin-left : 1px;
1139 text-align : center;
1140 padding : 1em;
1141 }
1142
1143 /* layout */
1144
1145 #header {
1146 position : absolute;
1147 white-space: nowrap;
1148 top : 10px;
1149 left : 15px;
1150 right : 5px;
1151 height : 40px;
1152 color : #4684ff;
1153 font-size : small;
1154 }
1155
1156 #feeds-holder {
1157 border-width : 1px 1px 1px 0px;
1158 border-style : solid;
1159 border-color : #88b0f0;
1160 top : 50px;
1161 left : 0px;
1162 position : absolute;
1163 width : 260px;
1164 overflow : auto;
1165 bottom : 40px;
1166 border-collapse : collapse;
1167 height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1168 }
1169
1170 #toolbar {
1171 position : absolute;
1172 left : 261px;
1173 padding : 5px 10px 5px 10px;
1174 top : 50px;
1175 right : 0px;
1176 white-space: nowrap;
1177 height : 30px;
1178 background-image : url("images/toolbar.png");
1179 background-position : bottom left;
1180 background-repeat : repeat-x;
1181 }
1182
1183 div.headlines_normal {
1184 position : absolute;
1185 border-width : 1px 0px 0px 0px;
1186 border-style : solid;
1187 border-color : #88b0f0;
1188 left : 260px;
1189 height : 305px;
1190 top : 85px;
1191 right : 0px;
1192 overflow : hidden;
1193 font-size : small;
1194 border-collapse : collapse;
1195 /* css hack for IE */
1196 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1197 }
1198
1199 div.headlines_cdm {
1200 position : absolute;
1201 border-width : 1px 0px 1px 0px;
1202 border-style : solid;
1203 border-color : #88b0f0;
1204 left : 260px;
1205 bottom : 40px;
1206 top : 85px;
1207 right : 0px;
1208 overflow : hidden;
1209 font-size : small;
1210 border-collapse : collapse;
1211 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1212 }
1213
1214 #content-frame {
1215 position : absolute;
1216 border-width : 1px 0px 1px 0px;
1217 border-style : solid;
1218 border-color : #88b0f0;
1219 overflow : auto;
1220 top : 390px;
1221 left : 260px;
1222 bottom : 40px;
1223 right : 0px;
1224 border-collapse : collapse;
1225 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1226 height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1227 }
1228
1229 #footer, #prefFooter {
1230 position : absolute;
1231 bottom : 0px;
1232 height : 20px;
1233 text-align : center;
1234 color : gray;
1235 font-size : x-small;
1236 background-image : url("images/footer.png");
1237 background-position : top left;
1238 background-repeat : repeat-x;
1239 background-color : white;
1240 right : 0px;
1241 left : 0px;
1242 padding : 10px;
1243 width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1244 border-collapse : collapse;
1245 border-width : 1px 0px 0px 0px;
1246 border-style : solid;
1247 border-color : #88b0f0;
1248
1249 }
1250
1251 #footer a, #prefFooter a {
1252 color : gray;
1253 }
1254
1255 #footer a:hover, #prefFooter a:hover {
1256 color : black;
1257 }
1258
1259 #headlinesContainer {
1260 margin-left : 1px;
1261 background-color : white;
1262 }
1263
1264 #headlineActionsTop {
1265 /* border-width : 0px 0px 1px 0px;
1266 border-style : solid;
1267 border-color : #c0c0c0;
1268 background-color : #fafafa; */
1269 font-size : x-small;
1270 }
1271
1272 #headlinesInnerContainer {
1273 overflow : auto;
1274 position : absolute;
1275 left : 1px;
1276 right : 0px;
1277 bottom : 0px;
1278 top : 25px;
1279 }
1280
1281 /* preferences layout */
1282
1283 #prefHeader {
1284 color : #4684ff;
1285 font-size : small;
1286 margin : 10px;
1287 height : 33px;
1288 }
1289
1290 div.return {
1291 float : right;
1292 font-size : small;
1293 margin-right : 10px;
1294 }
1295
1296 div.return a {
1297 color : #4684ff;
1298 }
1299
1300 div.return a:hover {
1301 color : black;
1302 }
1303
1304 #prefContent {
1305 clear : left;
1306 position : absolute;
1307 bottom : 40px;
1308 top : 75px;
1309 left : 0px;
1310 right : 0px;
1311 padding : 1em;
1312 overflow : auto;
1313 min-height : 300px;
1314 background-image : url("images/prefs-content.png");
1315 background-position : top left;
1316 background-repeat : repeat-x;
1317 font-size : small;
1318 border-width : 1px 0px 0px 0px;
1319 border-color : #88b0f0;
1320 border-style : solid;
1321 height: expression((parseInt(document.documentElement.clientHeight)-75-40)+'px');
1322 width: expression((parseInt(document.documentElement.clientWidth)-25)+'px');
1323
1324
1325 }
1326
1327 #userSwitch {
1328 position : absolute;
1329 bottom : 2px;
1330 right : 2px;
1331 }
1332
1333 a.feedUpdErrLink {
1334 color : #ff0000;
1335 display : block;
1336 margin-bottom : 0.5em;
1337 }
1338
1339 .catCtrHasUnread {
1340 font-weight : bold;
1341 }
1342
1343 .catCtrNoUnread {
1344 display : none;
1345 }