]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
css layout for preferences
[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 : x-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 : x-small;
599 color : gray;
600 padding : 5px;
601 }
602
603 td.welcomePrompt {
604 font-size : x-small;
605 color : #4684ff;
606 text-align : right;
607 padding-right : 10px;
608 padding-top : 5px;
609 }
610
611 td.httpWelcomePrompt {
612 font-size : small;
613 color : gray;
614 text-align : right;
615 }
616
617 table.loginForm {
618 background-color : #ecf4ff;
619 }
620
621 table.innerLoginForm {
622 border : 1px solid #88b0f0;
623 padding : 50px;
624 background-color : white;
625 }
626
627 table.innerLoginForm td {
628 padding : 3px 3px 5px 3px;
629 }
630
631 span.insensitive {
632 color : gray;
633 }
634
635 .prefGenericAddBox {
636 margin : 5px;
637 font-size : small;
638 }
639
640 .prefGenericAddBox td {
641 font-size : small;
642 }
643
644 body.logoutBody {
645 background-color : #f0f0f0;
646 color : black;
647 }
648
649 span.logoutWarning {
650 color : red;
651 font-weight : bold;
652 }
653
654 div.logoutContent {
655 width : 600px;
656 border : 1px solid #c0c0c0;
657 background-color : white;
658 margin-left : auto;
659 margin-right : auto;
660 margin-top : 20px;
661 padding : 10px;
662 }
663
664 .small {
665 font-size : x-small;
666 }
667
668 table.innerFeedTable td {
669 margin : 0px;
670 padding : 0px;
671 }
672
673 td.selectPrompt {
674 font-size : x-small;
675 color : gray;
676 }
677
678 table.headlinesSubToolbar td.headlineActions {
679 font-size : x-small;
680 color : gray;
681 padding : 5px 0px 5px 5px;
682 }
683
684 table.headlinesSubToolbar td.headlineActionsRTL {
685 font-size : x-small;
686 color : gray;
687 padding : 5px 5px 5px 0px;
688 }
689
690 table.headlinesSubToolbar td.headlineTitle {
691 font-size : x-small;
692 color : gray;
693 padding : 5px 5px 5px 0px;
694 text-align : right;
695 }
696
697 table.headlinesSubToolbar td.headlineTitleRTL {
698 font-size : x-small;
699 color : gray;
700 padding : 5px 0px 5px 5px;
701 text-align : left;
702 }
703
704 span.contentPreview {
705 font-size : x-small;
706 color : gray;
707 font-weight : normal;
708 }
709
710 span.contentPreview:hover {
711 color : #4684ff;
712 }
713
714 table.headlinesList td.hlMarkedPic {
715 width : 25px;
716 text-align : center;
717 }
718
719 table.headlinesList td.hlfeed {
720 text-align : right;
721 font-size : small;
722 }
723
724 td.hlSelectRow, td.hlUpdatePic {
725 width : 25px;
726 text-align : center;
727 }
728
729 table.headlinesList td.hlUpdated {
730 font-size : small;
731 color : gray;
732 text-align : right;
733 width : 100px;
734 }
735
736 table.headlinesList tr td {
737 padding : 2px 0px 2px 0px;
738 }
739
740 div.postHeader td.postDate {
741 font-size : x-small;
742 text-align : right;
743 color : gray;
744 }
745
746 div.postHeader td.postDateRTL {
747 font-size : x-small;
748 text-align : left;
749 color : gray;
750 }
751
752 #feedUpdateErrors {
753 display : none;
754 }
755
756 #allEntryTags {
757 font-size : x-small;
758 border-width : 0px 0px 1px 0px;
759 border-style : solid;
760 border-color : #c0c0c0;
761 padding-bottom : 5px;
762 display : none;
763 }
764
765 /*td.hlContent {
766 overflow : hidden;
767 height : 1em;
768 display : block;
769 } */
770
771 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
772 height : 1em;
773 }
774
775 td.hlFeed {
776 text-align : right;
777 }
778
779 div.cdmArticle {
780 border : 1px solid #f0f0f0;
781 background-color : #fafafa;
782 -moz-border-radius : 5px;
783 margin : 10px 10px 0px 10px;
784 padding : 10px;
785 }
786
787 div.cdmArticleUnread {
788 border : 1px solid #d5f1f4;
789 background-color : #fafeff;
790 -moz-border-radius : 5px;
791 margin : 10px 10px 0px 10px;
792 padding : 10px;
793 }
794
795 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
796 -moz-border-radius : 5px;
797 margin : 10px 10px 0px 10px;
798 padding : 10px;
799 background-color : #fff7d5;
800 border : 1px solid #e7d796;
801 }
802
803 div.cdmArticleUnread div.cdmHeader a.title,
804 div.cdmArticleUnreadSelected div.cdmHeader a.title {
805 font-weight : bold;
806 }
807
808 div.cdmHeader {
809 padding-bottom : 5px;
810 }
811
812 div.cdmFooter {
813 font-size : x-small;
814 color : gray;
815 padding-top : 5px;
816 }
817
818 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
819 margin : 0px;
820 }
821
822 div.cdmHeader, div.cdmHeader a {
823 color : gray;
824 font-size : x-small;
825 }
826
827 div.cdmHeader a:hover {
828 color : #4684ff;
829 }
830
831 div.cdmContent {
832 margin-bottom : 5px;
833 }
834
835 a.warning {
836 color : #f04040;
837 }
838
839 img.closeButton {
840 border-width : 0px;
841 float : right;
842 }
843
844 span.groupPrompt {
845 font-size : x-small;
846 color : #4684ff;
847 }
848
849 ul.userFeedList {
850 height : 300px;
851 overflow : auto;
852 list-style-type : none;
853 border : 1px solid #88b0f0;
854 background-color : white;
855 margin : 0px 0px 5px 0px;
856 padding : 0px;
857 }
858
859 /* #browseBigFeedList li.oddSelected {
860 border : 1px solid #d0d0f6;
861 background-color : #eaeaff;
862 -moz-border-radius : 5px;
863 } */
864
865 ul.labelTestResults {
866 height : 100px;
867 overflow : auto;
868 list-style-type : none;
869 margin : 0px 0px 5px 0px;
870 padding : 0px;
871 border : 1px solid #88b0f0;
872 background-color : white;
873 }
874
875 ul.filterTestResults {
876 height : 300px;
877 overflow : auto;
878 list-style-type : none;
879 margin : 0px 0px 5px 0px;
880 padding : 0px;
881 border : 1px solid #88b0f0;
882 background-color : white;
883 }
884
885 ul.browseFeedList {
886 height : 300px;
887 overflow : auto;
888 list-style-type : none;
889 margin : 0px 0px 5px 0px;
890 padding : 0px;
891 border : 1px solid #88b0f0;
892 background-color : white;
893 }
894
895 ul.browseFeedList li {
896 margin : 0px;
897 padding : 0px;
898 }
899
900 span.subscribers {
901 color : #808080;
902 }
903
904 div.subscribers {
905 color : #808080;
906 font-size : x-small;
907 float : right;
908 }
909
910 input.feedBrowseCB {
911 margin-right : 1em;
912 }
913
914 div.browserDetails {
915 margin : 5px 5px 5px 5px;
916 display : none;
917 padding : 5px;
918 }
919
920 ul.compact {
921 list-style-type : none;
922 margin : 0px;
923 padding : 0px;
924 }
925
926 ul.compact li {
927 margin : 0px;
928 padding : 0px;
929 }
930
931 div.browserFeedInfo {
932 font-size : x-small;
933 /* border : 1px solid #88b0f0;
934 background-color : #ecf4ff;
935 -moz-border-radius : 5px; */
936 padding : 5px;
937 }
938
939 div.browserFeedInfo div.detailsPart {
940 margin : 5px 0px 5px 5px;
941 }
942
943 div.cdmContent a {
944 color : #4684ff;
945 }
946
947 div.cdmContent a:hover {
948 color : black;
949 }
950
951 a.cdmToggleLink {
952 color : #808080;
953 font-size : x-small;
954 }
955
956 a.cdmToggleLink:hover {
957 color : #4684ff;
958 }
959
960 .noborder {
961 border-width : 0px;
962 }
963
964 #debug_output {
965 position : absolute;
966 width : 400px;
967 height : 200px;
968 right : 20px;
969 bottom : 20px;
970 z-index : 999;
971 background-color : white;
972 display : none;
973 border : 1px solid #c0c0c0;
974 overflow : auto;
975 margin : 0px;
976 padding : 0px;
977 list-style-type : none;
978 }
979
980 #debug_output li {
981 margin : 0px;
982 padding : 0px;
983 font-size : x-small;
984 }
985
986 #overlay {
987 background : white;
988 left : 0;
989 top : 0;
990 height : 100%;
991 width : 100%;
992 z-index : 100;
993 position : absolute;
994 }
995
996 #overlay_inner {
997 font-weight : bold;
998 text-align : center;
999 margin : 10px;
1000 }
1001
1002 #fatal_error {
1003 background : white;
1004 left : 0;
1005 top : 0;
1006 height : 100%;
1007 width : 100%;
1008 z-index : 200;
1009 display : none;
1010 position : absolute;
1011 }
1012
1013 #fatal_error_inner {
1014 font-weight : bold;
1015 margin : 10px;
1016 color : red;
1017 }
1018
1019 #fatal_error_msg {
1020 border : 1px solid #c0c0c0;
1021 background-color : #f0f0f0;
1022 color : black;
1023 padding : 10px;
1024 font-weight : normal;
1025 }
1026
1027 #noDaemonWarning {
1028 position : absolute;
1029 background-color : #ecf4ff;
1030 border : 1px solid #88b0f0;
1031 padding : 10px;
1032 margin : 5px;
1033 z-index : 2;
1034 display : none;
1035 }
1036
1037 #qafInput {
1038 width : 100%;
1039 }
1040
1041 form {
1042 margin : 0px;
1043 padding : 0px;
1044 }
1045
1046 #main_toolbar_form {
1047 display : inline;
1048 }
1049
1050 div.feedExtInfo {
1051 margin-left : 2em;
1052 font-size : 7pt;
1053 color : gray;
1054 font-weight : normal;
1055 }
1056
1057 span.debugTS {
1058 color : #4684ff;
1059 }
1060
1061 #backReqBox {
1062 display : none;
1063 }
1064
1065 /*.scriptWarn:before {
1066 content : "Disabled script:";
1067 }*/
1068
1069 .scriptWarn {
1070 color : white;
1071 background-color : #903030;
1072 border : 1px solid #601010;
1073 padding : 3px;
1074 font-weight : bold;
1075 }
1076
1077 .objectWarn {
1078 color : gray;
1079 font-style: italic;
1080 text-align : center;
1081 }
1082
1083 table.loginForm2 {
1084 padding : 1em;
1085 }
1086
1087 table.loginForm2 .loginTop {
1088 border-width : 0px 0px 1px 0px;
1089 border-color : #88b0f0;
1090 border-style : solid;
1091 padding : 0.5em;
1092 }
1093
1094 table.loginForm2 .loginMiddle {
1095 padding : 3em;
1096 }
1097
1098 table.loginForm2 .loginBottom {
1099 border-width : 1px 0px 0px 0px;
1100 border-color : #88b0f0;
1101 border-style : solid;
1102 font-size : x-small;
1103 text-align : center;
1104 color : #909090;
1105 padding : 0.5em;
1106 }
1107
1108 table.loginForm2 .loginBottom a {
1109 color : gray;
1110 }
1111
1112 table.loginForm2 .loginBottom a:hover {
1113 color : #4684ff;
1114 }
1115
1116 table.loginForm2 .loginError {
1117 color : red;
1118 margin : 0.5em;
1119 }
1120
1121 table.loginForm2 .innerLoginCell {
1122 padding-top : 0.5em;
1123 }
1124
1125 #milestoneDetails {
1126 display : none;
1127 }
1128
1129 div.loadingPrompt {
1130 padding : 1em;
1131 text-align : center;
1132 font-weight : bold;
1133 }
1134
1135 div.whiteBox {
1136 background-color : white;
1137 margin-left : 1px;
1138 text-align : center;
1139 padding : 1em;
1140 }
1141
1142 /* layout */
1143
1144 #header {
1145 position : absolute;
1146 white-space: nowrap;
1147 top : 10px;
1148 left : 15px;
1149 right : 5px;
1150 height : 40px;
1151 color : #4684ff;
1152 font-size : small;
1153 }
1154
1155 #feeds-holder {
1156 border-width : 1px 1px 1px 0px;
1157 border-style : solid;
1158 border-color : #88b0f0;
1159 top : 50px;
1160 left : 0px;
1161 position : absolute;
1162 width : 260px;
1163 overflow : auto;
1164 bottom : 40px;
1165 border-collapse : collapse;
1166 height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1167 }
1168
1169 #toolbar {
1170 position : absolute;
1171 left : 261px;
1172 padding : 5px 10px 5px 10px;
1173 top : 50px;
1174 right : 0px;
1175 white-space: nowrap;
1176 height : 30px;
1177 background-image : url("images/toolbar.png");
1178 background-position : bottom left;
1179 background-repeat : repeat-x;
1180 }
1181
1182 div.headlines_normal {
1183 position : absolute;
1184 border-width : 1px 0px 0px 0px;
1185 border-style : solid;
1186 border-color : #88b0f0;
1187 left : 260px;
1188 height : 305px;
1189 top : 85px;
1190 right : 0px;
1191 overflow : hidden;
1192 font-size : small;
1193 border-collapse : collapse;
1194 /* css hack for IE */
1195 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1196 }
1197
1198 div.headlines_cdm {
1199 position : absolute;
1200 border-width : 1px 0px 1px 0px;
1201 border-style : solid;
1202 border-color : #88b0f0;
1203 left : 260px;
1204 bottom : 40px;
1205 top : 85px;
1206 right : 0px;
1207 overflow : auto;
1208 font-size : small;
1209 border-collapse : collapse;
1210 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1211 }
1212
1213 #content-frame {
1214 position : absolute;
1215 border-width : 1px 0px 1px 0px;
1216 border-style : solid;
1217 border-color : #88b0f0;
1218 overflow : auto;
1219 top : 390px;
1220 left : 260px;
1221 bottom : 40px;
1222 right : 0px;
1223 border-collapse : collapse;
1224 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1225 height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1226 }
1227
1228 #footer {
1229 position : absolute;
1230 bottom : 0px;
1231 height : 20px;
1232 text-align : center;
1233 color : gray;
1234 font-size : x-small;
1235 background-image : url("images/footer.png");
1236 background-position : top left;
1237 background-repeat : repeat-x;
1238 background-color : white;
1239 right : 0px;
1240 left : 0px;
1241 padding : 10px;
1242 width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1243 border-collapse : collapse;
1244 border-width : 1px 0px 0px 0px;
1245 border-style : solid;
1246 border-color : #88b0f0;
1247
1248 }
1249
1250 #footer a {
1251 color : gray;
1252 }
1253
1254 #headlinesContainer {
1255 margin-left : 1px;
1256 background-color : white;
1257 }
1258
1259 #headlineActionsTop {
1260 /* border-width : 0px 0px 1px 0px;
1261 border-style : solid;
1262 border-color : #c0c0c0;
1263 background-color : #fafafa; */
1264 font-size : x-small;
1265 }
1266
1267 #headlinesInnerContainer {
1268 height : 280px;
1269 overflow : auto;
1270 }
1271
1272 /* preferences layout */
1273
1274 #prefHeader {
1275 margin : 10px;
1276 color : #4684ff;
1277 font-size : small;
1278 }
1279
1280 #prefTabs {
1281 border-width : 0px 0px 1px 0px;
1282 border-color : #88b0f0;
1283 border-style : solid;
1284 border-collapse : collapse;
1285 padding : 0px 10px 0px 10px;
1286 }
1287
1288 #prefTabs div.return {
1289 float : right;
1290 font-size : small;
1291 }
1292
1293 #prefTabs div.return a {
1294 color : #4684ff;
1295 }
1296
1297 #prefTabs div.return a:hover {
1298 color : black;
1299 }
1300
1301 #prefTabs input {
1302 vertical-align : bottom;
1303 }
1304
1305 #prefContent {
1306 bottom : 20px;
1307 padding : 1em;
1308 min-height : 300px;
1309 background-image : url("images/prefs-content.png");
1310 background-position : top left;
1311 background-repeat : repeat-x;
1312 font-size : small;
1313 }