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