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