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