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