]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
rework preferences tabs
[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 : #4684ff;
398 }
399
400 tr.title td a {
401 color : #4684ff;
402 }
403
404 tr.title td a:hover {
405 color : black;
406 }
407
408 table.prefFeedList td.feedEditCat {
409 font-weight : bold;
410 border-width : 0px 0px 1px 0px;
411 border-style : solid;
412 border-color : #88b0f0;
413 padding-top : 0.5em;
414 }
415
416 table.prefFeedList td.feedIcon {
417 text-align : center;
418 }
419
420 table.prefFeedList td.feedSelect {
421 text-align : center;
422 }
423
424 a.helpLink {
425 color : #808080;
426 }
427
428 a.helpLink:hover {
429 color : #4684ff;
430 }
431
432 div.helpResponse {
433 margin : 10px;
434 background-image : url("images/vgrad_light_rev2.png");
435 background-position : top left;
436 background-repeat : repeat-x;
437 padding : 10px 20px 10px 20px;
438 border : 1px solid #f0f0f0;
439 }
440
441 #userDlgShadow {
442 z-index : 3;
443 position : absolute;
444 left : 30%;
445 top : 30%;
446 display : none;
447 background-image : url("images/shadow.png");
448 }
449
450 #userDlg {
451 padding : 15px;
452 border : 1px solid #88b0f0;
453 font-size : small;
454 position : relative;
455 bottom : 2px;
456 right : 2px;
457 background-color : #ecf4ff;
458 }
459
460 #infoBoxTitle {
461 border-width : 1px 1px 1px 1px;
462 border-style : solid;
463 border-color : #88b0f0;
464 background-color : #88b0f0;
465 padding : 2px;
466 color : white;
467 }
468
469
470 #infoBox {
471 border-width : 1px 1px 1px 1px;
472 border-style : solid;
473 border-color : #88b0f0;
474 font-size : small;
475 position : relative;
476 bottom : 2px;
477 right : 2px;
478 padding-bottom : 5px;
479 background-image : url("images/prefs-content.png");
480 background-position : top left;
481 background-repeat : repeat-x;
482 background-color : white;
483 }
484
485 #infoBoxShadow {
486 background-image : url("images/shadow.png");
487 left : 30%;
488 top : 30%;
489 width : 30%;
490 z-index : 3;
491 position : absolute;
492 display : none;
493 }
494
495 div.infoBoxContents {
496 padding : 5px;
497 margin-bottom : 5px;
498 }
499
500 div.infoBoxContents td {
501 font-size : small;
502 }
503
504 div.helpResponse h1, div.infoBoxContents h1 {
505 /* border-width : 0px 0px 1px 0px;
506 border-style : solid;
507 border-color : #c0c0c0; */
508 font-size : 16pt;
509 }
510
511 div.helpResponse h2, div.infoBoxContents h2 {
512 /* border-width : 0px 0px 0px 0px; */
513 font-size : 12pt;
514 }
515
516 /* pre {
517 border : 1px solid #c0c0c0;
518 padding : 5px;
519 background : #f0f0f0;
520 margin : 5px 10px 5px 10px;
521 } */
522
523 pre {
524 margin : 5px;
525 }
526
527 input.extSearch {
528 width : 100%;
529 }
530
531 div.prefsTab:hover {
532 cursor : pointer;
533 }
534
535 div.firstTab {
536 float : left;
537 width : 5px;
538 }
539
540 div.prefsTab {
541 float : left;
542 border-width : 1px 1px 0px 1px;
543 border-color : #88b0f0;
544 border-style : solid;
545 margin : 0px 0px 0px 5px;
546 padding : 3px 5px 3px 5px;
547 font-size : small;
548 position : relative;
549 bottom : -1px;
550 border-collapse : collapse;
551 -moz-border-radius : 3px;
552 min-width : 100px;
553 text-align : center;
554 }
555
556 div.prefsTabSelected {
557 float : left;
558 border-width : 1px 1px 0px 1px;
559 border-color : #88b0f0;
560 border-style : solid;
561 margin : 0px 0px 0px 5px;
562 padding : 3px 5px 3px 5px;
563 background-color : #ecf4ff;
564 font-size : small;
565 position : relative;
566 bottom : -1px;
567 border-collapse : collapse;
568 -moz-border-radius : 3px;
569 font-weight : bold;
570 min-width : 100px;
571 text-align : center;
572 }
573
574 div.warning {
575 background : #fff7d5;
576 border : 1px solid #d7c47a;
577 padding : 5px;
578 margin : 5px;
579 font-size : small;
580 }
581
582 div.notice {
583 background : #ffffff;
584 border : 1px solid #88b0f0;
585 padding : 5px;
586 margin : 5px;
587 font-size : small;
588 }
589
590 ul.nomarks {
591 list-style-type : none;
592 margin : 0px;
593 padding : 10px;
594 }
595
596 div.bigErrorMsg {
597 border : 1px solid #c0c0c0;
598 background : #fff0f0;
599 padding : 30px;
600 margin : 20px;
601 }
602
603 div.prefHelp, td.prefHelp {
604 font-size : small;
605 color : gray;
606 padding : 5px;
607 }
608
609 table.loginForm {
610 background-color : #ecf4ff;
611 }
612
613 table.innerLoginForm {
614 border : 1px solid #88b0f0;
615 padding : 50px;
616 background-color : white;
617 }
618
619 table.innerLoginForm td {
620 padding : 3px 3px 5px 3px;
621 }
622
623 span.insensitive {
624 color : gray;
625 }
626
627 .prefGenericAddBox {
628 margin : 5px;
629 font-size : small;
630 }
631
632 .prefGenericAddBox td {
633 font-size : small;
634 }
635
636 body.logoutBody {
637 background-color : #f0f0f0;
638 color : black;
639 }
640
641 span.logoutWarning {
642 color : red;
643 font-weight : bold;
644 }
645
646 div.logoutContent {
647 width : 600px;
648 border : 1px solid #c0c0c0;
649 background-color : white;
650 margin-left : auto;
651 margin-right : auto;
652 margin-top : 20px;
653 padding : 10px;
654 }
655
656 .small {
657 font-size : small;
658 }
659
660 table.innerFeedTable td {
661 margin : 0px;
662 padding : 0px;
663 }
664
665 td.selectPrompt {
666 font-size : x-small;
667 color : gray;
668 }
669
670 table.headlinesSubToolbar td.headlineActions {
671 font-size : x-small;
672 color : gray;
673 padding : 5px 0px 5px 5px;
674 }
675
676 table.headlinesSubToolbar td.headlineActionsRTL {
677 font-size : x-small;
678 color : gray;
679 padding : 5px 5px 5px 0px;
680 }
681
682 table.headlinesSubToolbar td.headlineTitle {
683 font-size : x-small;
684 color : gray;
685 padding : 5px 5px 5px 0px;
686 text-align : right;
687 }
688
689 table.headlinesSubToolbar td.headlineTitleRTL {
690 font-size : x-small;
691 color : gray;
692 padding : 5px 0px 5px 5px;
693 text-align : left;
694 }
695
696 span.contentPreview {
697 font-size : x-small;
698 color : gray;
699 font-weight : normal;
700 }
701
702 span.contentPreview:hover {
703 color : #4684ff;
704 }
705
706 table.headlinesList td.hlMarkedPic {
707 width : 25px;
708 text-align : center;
709 }
710
711 table.headlinesList td.hlfeed {
712 text-align : right;
713 font-size : small;
714 }
715
716 td.hlSelectRow, td.hlUpdatePic {
717 width : 25px;
718 text-align : center;
719 }
720
721 table.headlinesList td.hlUpdated {
722 font-size : small;
723 color : gray;
724 text-align : right;
725 width : 100px;
726 }
727
728 table.headlinesList tr td {
729 padding : 2px 0px 2px 0px;
730 }
731
732 div.postHeader td.postDate {
733 font-size : x-small;
734 text-align : right;
735 color : gray;
736 }
737
738 div.postHeader td.postDateRTL {
739 font-size : x-small;
740 text-align : left;
741 color : gray;
742 }
743
744 #feedUpdateErrors {
745 display : none;
746 }
747
748 #allEntryTags {
749 font-size : x-small;
750 border-width : 0px 0px 1px 0px;
751 border-style : solid;
752 border-color : #c0c0c0;
753 padding-bottom : 5px;
754 display : none;
755 }
756
757 /*td.hlContent {
758 overflow : hidden;
759 height : 1em;
760 display : block;
761 } */
762
763 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
764 height : 1em;
765 }
766
767 td.hlFeed {
768 text-align : right;
769 }
770
771 div.cdmArticle {
772 border : 1px solid #f0f0f0;
773 background-color : #fafafa;
774 -moz-border-radius : 5px;
775 margin : 10px 10px 0px 10px;
776 padding : 10px;
777 }
778
779 div.cdmArticleUnread {
780 border : 1px solid #d5f1f4;
781 background-color : #fafeff;
782 -moz-border-radius : 5px;
783 margin : 10px 10px 0px 10px;
784 padding : 10px;
785 }
786
787 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
788 -moz-border-radius : 5px;
789 margin : 10px 10px 0px 10px;
790 padding : 10px;
791 background-color : #fff7d5;
792 border : 1px solid #e7d796;
793 }
794
795 div.cdmArticleUnread div.cdmHeader a.title,
796 div.cdmArticleUnreadSelected div.cdmHeader a.title {
797 font-weight : bold;
798 }
799
800 div.cdmHeader {
801 padding-bottom : 5px;
802 }
803
804 div.cdmFooter {
805 font-size : x-small;
806 color : gray;
807 padding-top : 5px;
808 }
809
810 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
811 margin : 0px;
812 }
813
814 div.cdmHeader, div.cdmHeader a {
815 color : gray;
816 font-size : x-small;
817 }
818
819 div.cdmHeader a:hover {
820 color : #4684ff;
821 }
822
823 div.cdmContent {
824 margin-bottom : 5px;
825 }
826
827 a.warning {
828 color : #f04040;
829 }
830
831 img.closeButton {
832 border-width : 0px;
833 float : right;
834 }
835
836 span.groupPrompt {
837 font-size : x-small;
838 color : #4684ff;
839 }
840
841 ul.userFeedList {
842 height : 300px;
843 overflow : auto;
844 list-style-type : none;
845 border : 1px solid #88b0f0;
846 background-color : white;
847 margin : 0px 0px 5px 0px;
848 padding : 0px;
849 }
850
851 /* #browseBigFeedList li.oddSelected {
852 border : 1px solid #d0d0f6;
853 background-color : #eaeaff;
854 -moz-border-radius : 5px;
855 } */
856
857 ul.labelTestResults {
858 height : 100px;
859 overflow : auto;
860 list-style-type : none;
861 margin : 0px 0px 5px 0px;
862 padding : 0px;
863 border : 1px solid #88b0f0;
864 background-color : white;
865 }
866
867 ul.filterTestResults {
868 height : 300px;
869 overflow : auto;
870 list-style-type : none;
871 margin : 0px 0px 5px 0px;
872 padding : 0px;
873 border : 1px solid #88b0f0;
874 background-color : white;
875 }
876
877 ul.browseFeedList {
878 height : 300px;
879 overflow : auto;
880 list-style-type : none;
881 margin : 0px 0px 5px 0px;
882 padding : 0px;
883 border : 1px solid #88b0f0;
884 background-color : white;
885 }
886
887 ul.browseFeedList li {
888 margin : 0px;
889 padding : 0px;
890 }
891
892 span.subscribers {
893 color : #808080;
894 }
895
896 div.subscribers {
897 color : #808080;
898 font-size : x-small;
899 float : right;
900 }
901
902 input.feedBrowseCB {
903 margin-right : 1em;
904 }
905
906 div.browserDetails {
907 margin : 5px 5px 5px 5px;
908 display : none;
909 padding : 5px;
910 }
911
912 ul.compact {
913 list-style-type : none;
914 margin : 0px;
915 padding : 0px;
916 }
917
918 ul.compact li {
919 margin : 0px;
920 padding : 0px;
921 }
922
923 div.browserFeedInfo {
924 font-size : x-small;
925 /* border : 1px solid #88b0f0;
926 background-color : #ecf4ff;
927 -moz-border-radius : 5px; */
928 padding : 5px;
929 }
930
931 div.browserFeedInfo div.detailsPart {
932 margin : 5px 0px 5px 5px;
933 }
934
935 div.cdmContent a {
936 color : #4684ff;
937 }
938
939 div.cdmContent a:hover {
940 color : black;
941 }
942
943 a.cdmToggleLink {
944 color : #808080;
945 font-size : x-small;
946 }
947
948 a.cdmToggleLink:hover {
949 color : #4684ff;
950 }
951
952 .noborder {
953 border-width : 0px;
954 }
955
956 #debug_output {
957 position : absolute;
958 width : 400px;
959 height : 200px;
960 right : 20px;
961 bottom : 20px;
962 z-index : 999;
963 background-color : white;
964 display : none;
965 border : 1px solid #c0c0c0;
966 overflow : auto;
967 margin : 0px;
968 padding : 0px;
969 list-style-type : none;
970 }
971
972 #debug_output li {
973 margin : 0px;
974 padding : 0px;
975 font-size : x-small;
976 }
977
978 #overlay {
979 background : white;
980 left : 0;
981 top : 0;
982 height : 100%;
983 width : 100%;
984 z-index : 100;
985 position : absolute;
986 }
987
988 #overlay_inner {
989 font-weight : bold;
990 text-align : center;
991 margin : 10px;
992 }
993
994 #fatal_error {
995 background : white;
996 left : 0;
997 top : 0;
998 height : 100%;
999 width : 100%;
1000 z-index : 200;
1001 display : none;
1002 position : absolute;
1003 }
1004
1005 #fatal_error_inner {
1006 font-weight : bold;
1007 margin : 10px;
1008 color : red;
1009 }
1010
1011 #fatal_error_msg {
1012 border : 1px solid #c0c0c0;
1013 background-color : #f0f0f0;
1014 color : black;
1015 padding : 10px;
1016 font-weight : normal;
1017 }
1018
1019 #noDaemonWarning {
1020 position : absolute;
1021 background-color : #ecf4ff;
1022 border : 1px solid #88b0f0;
1023 padding : 10px;
1024 margin : 5px;
1025 z-index : 2;
1026 display : none;
1027 }
1028
1029 #qafInput {
1030 width : 100%;
1031 }
1032
1033 form {
1034 margin : 0px;
1035 padding : 0px;
1036 }
1037
1038 #main_toolbar_form {
1039 display : inline;
1040 }
1041
1042 div.feedExtInfo {
1043 margin-left : 2em;
1044 font-size : 7pt;
1045 color : gray;
1046 font-weight : normal;
1047 }
1048
1049 span.debugTS {
1050 color : #4684ff;
1051 }
1052
1053 #backReqBox {
1054 display : none;
1055 }
1056
1057 /*.scriptWarn:before {
1058 content : "Disabled script:";
1059 }*/
1060
1061 .scriptWarn {
1062 color : white;
1063 background-color : #903030;
1064 border : 1px solid #601010;
1065 padding : 3px;
1066 font-weight : bold;
1067 }
1068
1069 .objectWarn {
1070 color : gray;
1071 font-style: italic;
1072 text-align : center;
1073 }
1074
1075 table.loginForm2 {
1076 padding : 1em;
1077 }
1078
1079 table.loginForm2 .loginTop {
1080 border-width : 0px 0px 1px 0px;
1081 border-color : #88b0f0;
1082 border-style : solid;
1083 padding : 0.5em;
1084 }
1085
1086 table.loginForm2 .loginMiddle {
1087 padding : 3em;
1088 }
1089
1090 table.loginForm2 .loginBottom {
1091 border-width : 1px 0px 0px 0px;
1092 border-color : #88b0f0;
1093 border-style : solid;
1094 font-size : x-small;
1095 text-align : center;
1096 color : #909090;
1097 padding : 0.5em;
1098 }
1099
1100 table.loginForm2 .loginBottom a {
1101 color : gray;
1102 }
1103
1104 table.loginForm2 .loginBottom a:hover {
1105 color : #4684ff;
1106 }
1107
1108 table.loginForm2 .loginError {
1109 color : red;
1110 margin : 0.5em;
1111 }
1112
1113 table.loginForm2 .innerLoginCell {
1114 padding-top : 0.5em;
1115 }
1116
1117 #milestoneDetails {
1118 display : none;
1119 }
1120
1121 div.loadingPrompt {
1122 padding : 1em;
1123 text-align : center;
1124 font-weight : bold;
1125 }
1126
1127 div.whiteBox {
1128 background-color : white;
1129 margin-left : 1px;
1130 text-align : center;
1131 padding : 1em;
1132 }
1133
1134 /* layout */
1135
1136 #header {
1137 position : absolute;
1138 white-space: nowrap;
1139 top : 10px;
1140 left : 15px;
1141 right : 5px;
1142 height : 40px;
1143 color : #4684ff;
1144 font-size : small;
1145 }
1146
1147 #feeds-holder {
1148 border-width : 1px 1px 1px 0px;
1149 border-style : solid;
1150 border-color : #88b0f0;
1151 top : 50px;
1152 left : 0px;
1153 position : absolute;
1154 width : 260px;
1155 overflow : auto;
1156 bottom : 40px;
1157 border-collapse : collapse;
1158 height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1159 }
1160
1161 #toolbar {
1162 position : absolute;
1163 left : 261px;
1164 padding : 5px 10px 5px 10px;
1165 top : 50px;
1166 right : 0px;
1167 white-space: nowrap;
1168 height : 30px;
1169 background-image : url("images/toolbar.png");
1170 background-position : bottom left;
1171 background-repeat : repeat-x;
1172 }
1173
1174 div.headlines_normal {
1175 position : absolute;
1176 border-width : 1px 0px 0px 0px;
1177 border-style : solid;
1178 border-color : #88b0f0;
1179 left : 260px;
1180 height : 305px;
1181 top : 85px;
1182 right : 0px;
1183 overflow : hidden;
1184 font-size : small;
1185 border-collapse : collapse;
1186 /* css hack for IE */
1187 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1188 }
1189
1190 div.headlines_cdm {
1191 position : absolute;
1192 border-width : 1px 0px 1px 0px;
1193 border-style : solid;
1194 border-color : #88b0f0;
1195 left : 260px;
1196 bottom : 40px;
1197 top : 85px;
1198 right : 0px;
1199 overflow : auto;
1200 font-size : small;
1201 border-collapse : collapse;
1202 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1203 }
1204
1205 #content-frame {
1206 position : absolute;
1207 border-width : 1px 0px 1px 0px;
1208 border-style : solid;
1209 border-color : #88b0f0;
1210 overflow : auto;
1211 top : 390px;
1212 left : 260px;
1213 bottom : 40px;
1214 right : 0px;
1215 border-collapse : collapse;
1216 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1217 height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1218 }
1219
1220 #footer {
1221 position : absolute;
1222 bottom : 0px;
1223 height : 20px;
1224 text-align : center;
1225 color : gray;
1226 font-size : x-small;
1227 background-image : url("images/footer.png");
1228 background-position : top left;
1229 background-repeat : repeat-x;
1230 background-color : white;
1231 right : 0px;
1232 left : 0px;
1233 padding : 10px;
1234 width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1235 border-collapse : collapse;
1236 border-width : 1px 0px 0px 0px;
1237 border-style : solid;
1238 border-color : #88b0f0;
1239
1240 }
1241
1242 #footer a {
1243 color : gray;
1244 }
1245
1246 #headlinesContainer {
1247 margin-left : 1px;
1248 background-color : white;
1249 }
1250
1251 #headlineActionsTop {
1252 /* border-width : 0px 0px 1px 0px;
1253 border-style : solid;
1254 border-color : #c0c0c0;
1255 background-color : #fafafa; */
1256 font-size : x-small;
1257 }
1258
1259 #headlinesInnerContainer {
1260 height : 280px;
1261 overflow : auto;
1262 }
1263
1264 /* preferences layout */
1265
1266 #prefHeader {
1267 margin : 10px;
1268 color : #4684ff;
1269 font-size : small;
1270 }
1271
1272 div.return {
1273 float : right;
1274 font-size : small;
1275 margin-right : 10px;
1276 }
1277
1278 div.return a {
1279 color : #4684ff;
1280 }
1281
1282 div.return a:hover {
1283 color : black;
1284 }
1285
1286 #prefTabs input {
1287 vertical-align : bottom;
1288 }
1289
1290 #prefContent {
1291 clear : left;
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 border-width : 1px 0px 0px 0px;
1300 border-color : #88b0f0;
1301 border-style : solid;
1302
1303 }