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