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