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