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