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