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