]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
e81713564a13fb4302613bc63cfc02c129bb811f
[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 .notify {
208 background : #fff7d5;
209 border : 1px solid #d7c47a;
210 top : 10px;
211 right : 35%;
212 min-width : 30%;
213 position : absolute;
214 display : none;
215 float : right;
216 font-size : small;
217 text-align : center;
218 z-index : 999;
219 -moz-border-radius : 2px;
220 padding : 5px 5px 5px 5px;
221 }
222
223 #dispSwitch {
224 font-size : x-small;
225 text-align : right;
226 float : right;
227 margin : 5px 5px 0px 0px;
228 }
229
230 #dispSwitch a {
231 color : gray;
232 }
233
234 #dispSwitch a:hover {
235 color : #4684ff;
236 }
237
238 div.expPane {
239 margin : 15px;
240 }
241
242 iframe {
243 border : 0px solid white;
244 }
245
246 iframe.feedsFrameWithActions {
247 width : 100%;
248 height : 90%;
249 margin : 0px;
250 padding : 0px;
251 }
252
253 iframe.feedsFrame {
254 width : 100%;
255 height : 100%;
256 margin : 0px;
257 padding : 0px;
258 }
259
260 iframe.contentFrame, iframe.headlinesFrame {
261 width : 100%;
262 padding : 0px;
263 margin : 0px;
264 height : 100%;
265 }
266
267 /*.button {
268 border : 1px solid #d0d0d0;
269 background-image : url("images/button.png");
270 background-position : top;
271 background-repeat : repeat-x;
272 background-color : white;
273 color : black;
274 }
275
276 .button:hover {
277 background : white;
278 text-decoration : none;
279 color : black;
280 }
281
282 .disabledButton {
283 border : 1px solid #c0c0c0;
284 background-color : white;
285 color : gray;
286 }
287
288 a.button {
289 padding : 2px 5px 2px 5px;
290 font-size : small;
291 } */
292
293 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
294 .evenSelectedUnread td {
295 background-color : #fff7d5;
296 font-weight : bold;
297 border-width : 1px 0px 1px 0px;
298 border-style : solid;
299 border-color : #e7d796;
300 }
301
302 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
303 .oddSelectedUnread td {
304 background-color : #fff7d5;
305 font-weight : bold;
306 }
307
308 .evenSelected, .evenSelected td {
309 background-color : #fff7d5;
310 border-width : 1px 0px 1px 0px;
311 border-style : solid;
312 border-color : #e7d796;
313 }
314
315 .oddSelected, .evenSelected td {
316 background-color : #fff7d5;
317 }
318
319 /*
320 .feedUnreadSelected, .feedSelectedUnread,
321 .virtUnreadSelected, .virtSelectedUnread,
322 .labelUnreadSelected, .labelSelectedUnread {
323 background-color : #e0e0ff;
324 font-weight : bold;
325 } */
326
327
328 .evenGrayed, .evenGrayed td {
329 background-color : #f0f0f0;
330 color : #909090;
331 border-width : 1px 0px 1px 0px;
332 border-style : solid;
333 border-color : #c0c0c0;
334 }
335
336 .oddGrayed {
337 color : #909090;
338 }
339
340 .even, .even td {
341 border-width : 1px 0px 1px 0px;
342 border-style : solid;
343 border-color : #c0c0c0;
344 background-color : #f0f0f0;
345 }
346
347 .evenUnread, .evenUnread td {
348 background-color : #f0f0f0;
349 font-weight : bold;
350 border-width : 1px 0px 1px 0px;
351 border-style : solid;
352 border-color : #c0c0c0;
353 }
354
355 .oddUnread, .oddUnread td {
356 font-weight : bold;
357 }
358
359 .invisible {
360 display : none;
361 }
362
363 /*
364 td > input, div > input {
365 border : 1px solid #a0a0a0;
366 } */
367
368 /* preferences */
369
370 tr.title td {
371 border-width : 0px 0px 1px 0px;
372 border-color : #ecf4ff;
373 border-style : solid;
374 font-size : small;
375 color : #4684ff;
376 }
377
378 tr.title td a {
379 color : #4684ff;
380 }
381
382 tr.title td a:hover {
383 color : black;
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 margin : 5px;
581 font-size : small;
582 }
583
584 .prefGenericAddBox td {
585 font-size : small;
586 }
587
588 body.logoutBody {
589 background-color : #f0f0f0;
590 color : black;
591 }
592
593 span.logoutWarning {
594 color : red;
595 font-weight : bold;
596 }
597
598 div.logoutContent {
599 width : 600px;
600 border : 1px solid #c0c0c0;
601 background-color : white;
602 margin-left : auto;
603 margin-right : auto;
604 margin-top : 20px;
605 padding : 10px;
606 }
607
608 .small {
609 font-size : small;
610 }
611
612 table.innerFeedTable td {
613 margin : 0px;
614 padding : 0px;
615 }
616
617 td.selectPrompt {
618 font-size : x-small;
619 color : gray;
620 }
621
622 table.headlinesSubToolbar td.headlineActions {
623 font-size : x-small;
624 color : gray;
625 padding : 5px 0px 5px 5px;
626 }
627
628 table.headlinesSubToolbar td.headlineActionsRTL {
629 font-size : x-small;
630 color : gray;
631 padding : 5px 5px 5px 0px;
632 }
633
634 table.headlinesSubToolbar td.headlineTitle {
635 font-size : x-small;
636 color : gray;
637 padding : 5px 5px 5px 0px;
638 text-align : right;
639 }
640
641 table.headlinesSubToolbar td.headlineTitleRTL {
642 font-size : x-small;
643 color : gray;
644 padding : 5px 0px 5px 5px;
645 text-align : left;
646 }
647
648 span.contentPreview {
649 font-size : x-small;
650 color : gray;
651 font-weight : normal;
652 }
653
654 span.contentPreview:hover {
655 color : #4684ff;
656 }
657
658 table.headlinesList td.hlMarkedPic {
659 width : 25px;
660 text-align : center;
661 }
662
663 table.headlinesList td.hlfeed {
664 text-align : right;
665 font-size : small;
666 }
667
668 td.hlSelectRow, td.hlUpdatePic {
669 width : 25px;
670 text-align : center;
671 }
672
673 table.headlinesList td.hlUpdated {
674 font-size : small;
675 color : gray;
676 text-align : right;
677 width : 100px;
678 }
679
680 table.headlinesList tr td {
681 padding : 2px 0px 2px 0px;
682 }
683
684 div.postHeader td.postDate {
685 font-size : x-small;
686 text-align : right;
687 color : gray;
688 }
689
690 div.postHeader td.postDateRTL {
691 font-size : x-small;
692 text-align : left;
693 color : gray;
694 }
695
696 #feedUpdateErrors {
697 display : none;
698 }
699
700 #allEntryTags {
701 font-size : x-small;
702 border-width : 0px 0px 1px 0px;
703 border-style : solid;
704 border-color : #c0c0c0;
705 padding-bottom : 5px;
706 display : none;
707 }
708
709 /*td.hlContent {
710 overflow : hidden;
711 height : 1em;
712 display : block;
713 } */
714
715 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
716 height : 1em;
717 }
718
719 td.hlFeed {
720 text-align : right;
721 }
722
723 div.cdmArticle {
724 border : 1px solid #f0f0f0;
725 background-color : #fafafa;
726 -moz-border-radius : 5px;
727 margin : 10px 10px 0px 10px;
728 padding : 10px;
729 }
730
731 div.cdmArticleUnread {
732 border : 1px solid #d5f1f4;
733 background-color : #fafeff;
734 -moz-border-radius : 5px;
735 margin : 10px 10px 0px 10px;
736 padding : 10px;
737 }
738
739 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
740 -moz-border-radius : 5px;
741 margin : 10px 10px 0px 10px;
742 padding : 10px;
743 background-color : #fff7d5;
744 border : 1px solid #e7d796;
745 }
746
747 div.cdmArticleUnread div.cdmHeader a.title,
748 div.cdmArticleUnreadSelected div.cdmHeader a.title {
749 font-weight : bold;
750 }
751
752 div.cdmHeader {
753 padding-bottom : 5px;
754 }
755
756 div.cdmFooter {
757 font-size : x-small;
758 color : gray;
759 padding-top : 5px;
760 }
761
762 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
763 margin : 0px;
764 }
765
766 div.cdmHeader, div.cdmHeader a {
767 color : gray;
768 font-size : x-small;
769 }
770
771 div.cdmHeader a:hover {
772 color : #4684ff;
773 }
774
775 div.cdmContent {
776 margin-bottom : 5px;
777 }
778
779 a.warning {
780 color : #f04040;
781 }
782
783 img.closeButton {
784 border-width : 0px;
785 float : right;
786 }
787
788 span.groupPrompt {
789 font-size : x-small;
790 color : #4684ff;
791 }
792
793 ul.userFeedList {
794 height : 300px;
795 overflow : auto;
796 list-style-type : none;
797 border : 1px solid #88b0f0;
798 background-color : white;
799 margin : 0px 0px 5px 0px;
800 padding : 0px;
801 }
802
803 /* #browseBigFeedList li.oddSelected {
804 border : 1px solid #d0d0f6;
805 background-color : #eaeaff;
806 -moz-border-radius : 5px;
807 } */
808
809 ul.labelTestResults {
810 height : 100px;
811 overflow : auto;
812 list-style-type : none;
813 margin : 0px 0px 5px 0px;
814 padding : 0px;
815 border : 1px solid #88b0f0;
816 background-color : white;
817 }
818
819 ul.filterTestResults {
820 height : 300px;
821 overflow : auto;
822 list-style-type : none;
823 margin : 0px 0px 5px 0px;
824 padding : 0px;
825 border : 1px solid #88b0f0;
826 background-color : white;
827 }
828
829 ul.browseFeedList {
830 height : 300px;
831 overflow : auto;
832 list-style-type : none;
833 margin : 0px 0px 5px 0px;
834 padding : 0px;
835 border : 1px solid #88b0f0;
836 background-color : white;
837 }
838
839 ul.browseFeedList li {
840 margin : 0px;
841 padding : 0px;
842 }
843
844 span.subscribers {
845 color : #808080;
846 }
847
848 div.subscribers {
849 color : #808080;
850 font-size : x-small;
851 float : right;
852 }
853
854 input.feedBrowseCB {
855 margin-right : 1em;
856 }
857
858 div.browserDetails {
859 margin : 5px 5px 5px 5px;
860 display : none;
861 padding : 5px;
862 }
863
864 ul.compact {
865 list-style-type : none;
866 margin : 0px;
867 padding : 0px;
868 }
869
870 ul.compact li {
871 margin : 0px;
872 padding : 0px;
873 }
874
875 div.browserFeedInfo {
876 font-size : x-small;
877 /* border : 1px solid #88b0f0;
878 background-color : #ecf4ff;
879 -moz-border-radius : 5px; */
880 padding : 5px;
881 }
882
883 div.browserFeedInfo div.detailsPart {
884 margin : 5px 0px 5px 5px;
885 }
886
887 div.cdmContent a {
888 color : #4684ff;
889 }
890
891 div.cdmContent a:hover {
892 color : black;
893 }
894
895 a.cdmToggleLink {
896 color : #808080;
897 font-size : x-small;
898 }
899
900 a.cdmToggleLink:hover {
901 color : #4684ff;
902 }
903
904 .noborder {
905 border-width : 0px;
906 }
907
908 #debug_output {
909 position : absolute;
910 width : 400px;
911 height : 200px;
912 right : 20px;
913 bottom : 20px;
914 z-index : 999;
915 background-color : white;
916 display : none;
917 border : 1px solid #c0c0c0;
918 overflow : auto;
919 margin : 0px;
920 padding : 0px;
921 list-style-type : none;
922 }
923
924 #debug_output li {
925 margin : 0px;
926 padding : 0px;
927 font-size : x-small;
928 }
929
930 #overlay {
931 background : white;
932 left : 0;
933 top : 0;
934 height : 100%;
935 width : 100%;
936 z-index : 100;
937 position : absolute;
938 }
939
940 #overlay_inner {
941 font-weight : bold;
942 text-align : center;
943 margin : 10px;
944 }
945
946 #fatal_error {
947 background : white;
948 left : 0;
949 top : 0;
950 height : 100%;
951 width : 100%;
952 z-index : 200;
953 display : none;
954 position : absolute;
955 }
956
957 #fatal_error_inner {
958 font-weight : bold;
959 margin : 10px;
960 color : red;
961 }
962
963 #fatal_error_msg {
964 border : 1px solid #c0c0c0;
965 background-color : #f0f0f0;
966 color : black;
967 padding : 10px;
968 font-weight : normal;
969 }
970
971 #noDaemonWarning {
972 position : absolute;
973 background-color : #ecf4ff;
974 border : 1px solid #88b0f0;
975 padding : 10px;
976 margin : 5px;
977 z-index : 2;
978 display : none;
979 }
980
981 #qafInput {
982 width : 100%;
983 }
984
985 form {
986 margin : 0px;
987 padding : 0px;
988 }
989
990 #main_toolbar_form {
991 display : inline;
992 }
993
994 div.feedExtInfo {
995 margin-left : 2em;
996 font-size : 7pt;
997 color : gray;
998 font-weight : normal;
999 }
1000
1001 span.debugTS {
1002 color : #4684ff;
1003 }
1004
1005 #backReqBox {
1006 display : none;
1007 }
1008
1009 /*.scriptWarn:before {
1010 content : "Disabled script:";
1011 }*/
1012
1013 .scriptWarn {
1014 color : white;
1015 background-color : #903030;
1016 border : 1px solid #601010;
1017 padding : 3px;
1018 font-weight : bold;
1019 }
1020
1021 .objectWarn {
1022 color : gray;
1023 font-style: italic;
1024 text-align : center;
1025 }
1026
1027 table.loginForm2 {
1028 padding : 1em;
1029 }
1030
1031 table.loginForm2 .loginTop {
1032 border-width : 0px 0px 1px 0px;
1033 border-color : #88b0f0;
1034 border-style : solid;
1035 padding : 0.5em;
1036 }
1037
1038 table.loginForm2 .loginMiddle {
1039 padding : 3em;
1040 }
1041
1042 table.loginForm2 .loginBottom {
1043 border-width : 1px 0px 0px 0px;
1044 border-color : #88b0f0;
1045 border-style : solid;
1046 font-size : x-small;
1047 text-align : center;
1048 color : #909090;
1049 padding : 0.5em;
1050 }
1051
1052 table.loginForm2 .loginBottom a {
1053 color : gray;
1054 }
1055
1056 table.loginForm2 .loginBottom a:hover {
1057 color : #4684ff;
1058 }
1059
1060 table.loginForm2 .loginError {
1061 color : red;
1062 margin : 0.5em;
1063 }
1064
1065 table.loginForm2 .innerLoginCell {
1066 padding-top : 0.5em;
1067 }
1068
1069 #milestoneDetails {
1070 display : none;
1071 }
1072
1073 div.loadingPrompt {
1074 padding : 1em;
1075 text-align : center;
1076 font-weight : bold;
1077 }
1078
1079 div.whiteBox {
1080 background-color : white;
1081 margin-left : 1px;
1082 text-align : center;
1083 padding : 1em;
1084 }
1085
1086 /* layout */
1087
1088 #header {
1089 position : absolute;
1090 white-space: nowrap;
1091 top : 10px;
1092 left : 15px;
1093 right : 5px;
1094 height : 40px;
1095 color : #4684ff;
1096 font-size : small;
1097 }
1098
1099 #feeds-holder {
1100 border-width : 1px 1px 1px 0px;
1101 border-style : solid;
1102 border-color : #88b0f0;
1103 top : 50px;
1104 left : 0px;
1105 position : absolute;
1106 width : 260px;
1107 overflow : auto;
1108 bottom : 40px;
1109 border-collapse : collapse;
1110 height: expression((parseInt(document.documentElement.clientHeight)-40-20-30)+'px');
1111 }
1112
1113 #toolbar {
1114 position : absolute;
1115 left : 261px;
1116 padding : 5px 10px 5px 10px;
1117 top : 50px;
1118 right : 0px;
1119 white-space: nowrap;
1120 height : 30px;
1121 background-image : url("images/toolbar.png");
1122 background-position : bottom left;
1123 background-repeat : repeat-x;
1124 }
1125
1126 div.headlines_normal {
1127 position : absolute;
1128 border-width : 1px 0px 0px 0px;
1129 border-style : solid;
1130 border-color : #88b0f0;
1131 left : 260px;
1132 height : 305px;
1133 top : 85px;
1134 right : 0px;
1135 overflow : hidden;
1136 font-size : small;
1137 border-collapse : collapse;
1138 /* css hack for IE */
1139 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1140 }
1141
1142 div.headlines_cdm {
1143 position : absolute;
1144 border-width : 1px 0px 1px 0px;
1145 border-style : solid;
1146 border-color : #88b0f0;
1147 left : 260px;
1148 bottom : 40px;
1149 top : 85px;
1150 right : 0px;
1151 overflow : auto;
1152 font-size : small;
1153 border-collapse : collapse;
1154 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1155 }
1156
1157 #content-frame {
1158 position : absolute;
1159 border-width : 1px 0px 1px 0px;
1160 border-style : solid;
1161 border-color : #88b0f0;
1162 overflow : auto;
1163 top : 390px;
1164 left : 260px;
1165 bottom : 40px;
1166 right : 0px;
1167 border-collapse : collapse;
1168 width: expression((parseInt(document.documentElement.clientWidth)-260)+'px');
1169 height: expression((parseInt(document.documentElement.clientHeight)-40-305-50)+'px');
1170 }
1171
1172 #footer {
1173 position : absolute;
1174 bottom : 0px;
1175 height : 20px;
1176 text-align : center;
1177 color : gray;
1178 font-size : x-small;
1179 background-image : url("images/footer.png");
1180 background-position : top left;
1181 background-repeat : repeat-x;
1182 background-color : white;
1183 right : 0px;
1184 left : 0px;
1185 padding : 10px;
1186 width: expression((parseInt(document.documentElement.clientWidth)-20)+'px');
1187 border-collapse : collapse;
1188 border-width : 1px 0px 0px 0px;
1189 border-style : solid;
1190 border-color : #88b0f0;
1191
1192 }
1193
1194 #footer a {
1195 color : gray;
1196 }
1197
1198 #headlinesContainer {
1199 margin-left : 1px;
1200 background-color : white;
1201 }
1202
1203 #headlineActionsTop {
1204 /* border-width : 0px 0px 1px 0px;
1205 border-style : solid;
1206 border-color : #c0c0c0;
1207 background-color : #fafafa; */
1208 font-size : x-small;
1209 }
1210
1211 #headlinesInnerContainer {
1212 height : 280px;
1213 overflow : auto;
1214 }
1215
1216 /* preferences layout */
1217
1218 #prefHeader {
1219 margin : 10px;
1220 color : #4684ff;
1221 font-size : small;
1222 }
1223
1224 div.return {
1225 float : right;
1226 font-size : small;
1227 margin-right : 10px;
1228 }
1229
1230 div.return a {
1231 color : #4684ff;
1232 }
1233
1234 div.return a:hover {
1235 color : black;
1236 }
1237
1238 #prefContent {
1239 clear : left;
1240 bottom : 20px;
1241 padding : 1em;
1242 min-height : 300px;
1243 background-image : url("images/prefs-content.png");
1244 background-position : top left;
1245 background-repeat : repeat-x;
1246 font-size : small;
1247 border-width : 1px 0px 0px 0px;
1248 border-color : #88b0f0;
1249 border-style : solid;
1250
1251 }