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