]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
unify update_daemon, update_feeds and update_feedbrowser into update.php; move update...
[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", Arial, sans-serif;
7 }
8
9 blockquote {
10 margin : 0px;
11 border-width : 0px 0px 0px 8px;
12 border-color : #e0e0e0;
13 border-style : solid;
14 padding : 10px;
15 background-color : #f0f0f0;
16 }
17
18 div.postReply {
19 padding : 0px;
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 border-width : 0px 0px 1px 0px;
32 border-style : solid;
33 border-color : #a0a0a0;
34 background-color : #f9faff;
35 margin : 0px 1px 0px 0px;
36 padding : 5px;
37 /* cursor : move; */
38 color : #909090;
39 }
40
41 div.postReply div.postContent {
42 padding : 10px;
43 font-size : 12px;
44 }
45
46 div.postReply div.postContent img {
47 border-width : 0px;
48 max-width : 98%;
49 }
50
51 div.postReply div.postIcon {
52 float : right;
53 border : 0px;
54 margin : 10px 0px 10px 10px;
55 }
56
57 div.postReply div.postEnclosures {
58 margin-top : 1em;
59 color : gray;
60 }
61
62 div.postReply img.tagsPic {
63 width : 16px;
64 height : 16px;
65 margin-left : 4px;
66 vertical-align : middle;
67 }
68
69 div.articleNote div.articleNoteOps {
70 text-align : center;
71 color : #9a8c59;
72 font-style : italic;
73 margin-top : 5px;
74 }
75
76 div.articleNote div.articleNoteOps a {
77 color : #9a8c59;
78 }
79
80 div.articleNote div.articleNoteOps a:hover {
81 color : black;
82 }
83
84 div.articleNote {
85 background-color : #fff7d5;
86 border-width : 1px;
87 padding : 5px;
88 border-style : dashed;
89 border-color : #e7d796;
90 font-size : 8px;
91 margin-bottom : 5px;
92 margin-top : 5px;
93 margin-left : 5px;
94 float : right;
95 color : #9a8c59;
96 max-width : 150px;
97 text-align : justify;
98 }
99
100 div.postReply span.author {
101 font-size : 12px;
102 }
103
104 ul.feedList span.feedlink:hover {
105 cursor : pointer;
106 color : #4684ff;
107 }
108
109
110 ul.feedList img.hlLoading {
111 margin-left : 5px;
112 vertical-align : middle;
113 height : 10px;
114 }
115
116 ul.feedList {
117 list-style-type : none;
118 margin : 5px 5px 5px 0px;
119 padding : 0px 0px 0px 5px;
120 font-size : 12px;
121 }
122
123 ul.feedList li.feedCat, ul.feedList li.virtCat {
124 margin : 0px;
125 padding : 3px 0px 3px 0px;
126 color : #707070;
127 font-size : 12px;
128 }
129
130 ul.feedList img.catCollapse {
131 cursor : pointer;
132 }
133
134 ul.feedList span.catTitle {
135 color : #707070;
136 cursor : pointer;
137 }
138
139 ul.feedList span.catTitle:hover {
140 color : #4684ff;
141 }
142
143 ul.feedList li.feedCatSelected {
144 margin : 0px;
145 padding : 3px 0px 3px 0px;
146 color : #4684ff;
147 font-size : 12px;
148 }
149
150 ul.feedList li.feedCatSelected span.catTitle {
151 color : #4684ff;
152 cursor : pointer;
153 }
154
155 ul.feedCatList {
156 list-style-type : none;
157 margin : 0px 0px 0px 20px;
158 padding : 0px;
159 }
160
161 ul.feedCatList li {
162 margin : 0px;
163 padding : 0px 0px 2px 0px;
164 color : black;
165 }
166
167 ul.feedList > li {
168 padding : 0px 0px 2px 0px;
169 }
170
171 ul.feedCatList img, ul.feedList img {
172 vertical-align : bottom;
173 }
174
175 li.feedUnread,
176 li.errorUnread,
177 li.labelUnread,
178 li.virtUnread,
179 li.tagUnread {
180 font-weight : bold;
181 }
182
183 li.errorSelected span.feedlink,
184 li.error span.feedlink,
185 li.errorUnread span.feedlink,
186 li.errorUnreadSelected span.feedlink {
187 color : #f04040;
188 }
189
190 li.feedSelected span.feedlink,
191 li.labelSelected span.feedlink,
192 li.virtSelected span.feedlink,
193 li.tagSelected span.feedlink {
194 color : #4684ff;
195 }
196
197 li.feedUnreadSelected span.feedlink,
198 li.labelUnreadSelected span.feedlink,
199 li.virtUnreadSelected span.feedlink,
200 li.tagUnreadSelected span.feedlink {
201 color : #4684ff;
202 }
203
204 li.feedUnreadSelected,
205 li.errorUnreadSelected,
206 li.labelUnreadSelected,
207 li.virtUnreadSelected,
208 li.tagUnreadSelected {
209 font-weight : bold;
210 }
211
212 li.feed {
213 display : block;
214 }
215
216 ul.feedList img, img.tinyFeedIcon {
217 margin : 0px 3px 0px 0px;
218 width : 16px;
219 height : 16px;
220 vertical-align : middle;
221 border-width : 0px;
222 }
223
224 h1 {
225 font-size : 18px;
226 }
227
228 h2 {
229 font-size : 16px;
230 font-weight : bold;
231 border-width : 0px 0px 1px 0px;
232 border-style : solid;
233 border-color : #ecf4ff;
234 }
235
236 h3 {
237 font-size : 12px;
238 font-weight : bold;
239 border-width : 0px 0px 1px 0px;
240 border-style : solid;
241 border-color : #ecf4ff;
242 }
243
244 hr {
245 border-width : 0px 0px 1px 0px;
246 border-style : dashed;
247 border-color : #e0e0e0;
248 }
249
250 a {
251 color : black;
252 text-decoration : none;
253 }
254
255 a:hover {
256 color : #4684ff;
257 }
258
259 #piggie {
260 z-index : 999;
261 position : absolute;
262 }
263
264 textarea.iedit {
265 width : 100%;
266 }
267
268 input.iedit {
269 width : 100%;
270 padding-left : 2px;
271 }
272
273 select.iedit {
274 width : 100%;
275 }
276
277 input.editbox {
278 width : 200px;
279 padding-left : 2px;
280 }
281
282 #notify {
283 border-width : 0px 1px 1px 1px;
284 border-style : solid;
285 top : 0px;
286 right : 35%;
287 min-width : 30%;
288 position : absolute;
289 display : none;
290 float : right;
291 font-size : 12px;
292 z-index : 998;
293 padding : 5px 5px 5px 5px;
294 }
295
296 #notify img {
297 vertical-align : middle;
298 }
299
300 .notifyProgress {
301 border-color : #d7c47a;
302 background-color : #fff7d5;
303 color : black;
304 }
305
306 .notifyInfo {
307 border-color : #7AD78E;
308 background-color : #D5FFDB;
309 color : black;
310 }
311
312 .notify {
313 border-color : #d7c47a;
314 background-color : #fff7d5;
315 color : black;
316 }
317
318 .notifyError {
319 background-color : #ffcccc;
320 border-color : #ff0000;
321 color : black;
322 }
323
324 .notifyError span:hover {
325 color : red;
326 cursor : pointer;
327 }
328
329 #dispSwitch {
330 font-size : 12px;
331 font-family : "Lucida Grande", Arial, sans-serif;
332 text-align : right;
333 float : right;
334 margin : 5px 5px 0px 0px;
335 }
336
337 #dispSwitch a {
338 color : gray;
339 }
340
341 #dispSwitch a:hover {
342 color : #4684ff;
343 }
344
345 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
346 .evenSelectedUnread td {
347 background-color : #fff7d5;
348 font-weight : bold;
349 border-width : 0px 0px 1px 0px;
350 border-style : solid;
351 border-color : #e7d796;
352 }
353
354 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
355 .oddSelectedUnread td {
356 background-color : #fff7d5;
357 font-weight : bold;
358 border-width : 0px 0px 1px 0px;
359 border-style : solid;
360 border-color : #e7d796;
361 }
362
363 .evenSelected, .evenSelected td {
364 background-color : #fff7d5;
365 border-width : 0px 0px 1px 0px;
366 border-style : solid;
367 border-color : #e7d796;
368 border-collapse : collapse;
369 }
370
371 .oddSelected, .oddSelected td {
372 background-color : #fff7d5;
373 border-width : 0px 0px 1px 0px;
374 border-style : solid;
375 border-color : #e7d796;
376 border-collapse : collapse;
377 }
378
379 .evenGrayed, .evenGrayed td {
380 background-color : #f0f0f0;
381 color : #909090;
382 border-width : 0px 0px 1px 0px;
383 border-style : solid;
384 border-color : #c0c0c0;
385 border-collapse : collapse;
386 }
387
388 .oddGrayed {
389 color : #909090;
390 }
391
392 .even, .even td {
393 border-width : 0px 0px 1px 0px;
394 border-style : solid;
395 border-color : #c0c0c0;
396 background-color : #f0f0f0;
397 border-collapse : collapse;
398 }
399
400 .odd, .odd td {
401 border-width : 0px 0px 1px 0px;
402 border-style : solid;
403 border-color : #c0c0c0;
404 border-collapse : collapse;
405 }
406
407 .evenUnread, .evenUnread td {
408 background-color : #f0f0f0;
409 font-weight : bold;
410 border-width : 0px 0px 1px 0px;
411 border-style : solid;
412 border-color : #c0c0c0;
413 border-collapse : collapse;
414 }
415
416 .oddUnread, .oddUnread td {
417 font-weight : bold;
418 border-width : 0px 0px 1px 0px;
419 border-style : solid;
420 border-color : #c0c0c0;
421 }
422
423 .invisible {
424 display : none;
425 }
426
427 /* preferences */
428
429 table.prefPrefsList tr:hover td.prefValue {
430 color : #88b0f0;
431 }
432
433 table.prefPrefsList tr:hover td.prefValue input {
434 color : #88b0f0;
435 }
436
437 tr.title td {
438 border-width : 0px 0px 1px 0px;
439 border-color : #ecf4ff;
440 border-style : solid;
441 color : #4684ff;
442 }
443
444 tr.title td a {
445 color : #4684ff;
446 }
447
448 tr.title td a:hover {
449 color : black;
450 }
451
452 table.prefFeedList td.feedEditCat {
453 font-weight : bold;
454 border-width : 0px 0px 1px 0px;
455 border-style : solid;
456 border-color : #88b0f0;
457 padding-top : 0.5em;
458 }
459
460 table.prefFilterList td.filterEditCat {
461 font-weight : bold;
462 border-width : 0px 0px 1px 0px;
463 border-style : solid;
464 border-color : #88b0f0;
465 padding-top : 0.5em;
466 }
467
468 /* oh for the love of... */
469
470 table.prefFilterList tr.even,
471 table.prefFilterList tr.odd,
472 table.prefFilterList tr.evenSelected,
473 table.prefFilterList tr.oddSelected,
474 table.prefLabelList tr.even,
475 table.prefLabelList tr.odd,
476 table.prefLabelList tr.evenSelected,
477 table.prefLabelList tr.oddSelected,
478 table.prefUserList tr.even,
479 table.prefUserList tr.odd,
480 table.prefUserList tr.evenSelected,
481 table.prefUserList tr.oddSelected,
482 table.prefFeedList tr.even,
483 table.prefFeedList tr.odd,
484 table.prefFeedList tr.evenSelected,
485 table.prefFeedList tr.oddSelected
486 {
487 cursor : pointer;
488 }
489
490 table.prefFilterList tr.even:hover td,
491 table.prefFilterList tr.odd:hover td,
492 table.prefFilterList tr.evenSelected:hover td,
493 table.prefFilterList tr.oddSelected:hover td
494 table.prefLabelList tr.even:hover td,
495 table.prefLabelList tr.odd:hover td,
496 table.prefLabelList tr.evenSelected:hover td,
497 table.prefLabelList tr.oddSelected:hover td,
498 table.prefUserList tr.even:hover td,
499 table.prefUserList tr.odd:hover td,
500 table.prefUserList tr.evenSelected:hover td,
501 table.prefUserList tr.oddSelected:hover td,
502 table.prefFeedList tr.even:hover td,
503 table.prefFeedList tr.odd:hover td,
504 table.prefFeedList tr.evenSelected:hover td,
505 table.prefFeedList tr.oddSelected:hover td
506 {
507 color : #88b0f0;
508 }
509
510 table.prefFeedList td.feedIcon {
511 text-align : center;
512 }
513
514 table.prefFeedList td.feedSelect {
515 text-align : center;
516 }
517
518 div.prefFeedCatHolder {
519 height : 250px;
520 overflow : auto;
521 border : 1px solid #99d67a;
522 margin : 5px 0px 5px 0px;
523 background-color : white;
524 }
525
526 a.helpLink {
527 color : #808080;
528 }
529
530 a.helpLink:hover {
531 color : #4684ff;
532 }
533
534 pre {
535 margin : 5px;
536 }
537
538 input.extSearch {
539 width : 100%;
540 }
541
542 div.firstTab {
543 width : 10px;
544 float : left;
545 }
546
547 div.prefsTab:hover {
548 cursor : pointer;
549 }
550
551 div.prefsTabSelected:hover {
552 cursor : pointer;
553 }
554
555 div.prefsTab {
556 float : left;
557 border-width : 1px 1px 0px 1px;
558 border-color : #C4D1E4;
559 border-style : solid;
560 margin : 0px 0px 0px 5px;
561 padding : 3px 5px 3px 5px;
562 font-size : 12px;
563 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
564 border-collapse : collapse;
565 min-width : 100px;
566 text-align : center;
567 cursor : pointer;
568 position : relative;
569 bottom : -1px;
570 height : 30px;
571 }
572
573 div.prefsTabSelected {
574 float : left;
575 border-width : 1px 1px 0px 1px;
576 border-color : #88b0f0;
577 border-style : solid;
578 margin : 0px 0px 0px 5px;
579 padding : 3px 5px 3px 5px;
580 background-color : #ecf4ff;
581 font-size : 12px;
582 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
583 border-collapse : collapse;
584 font-weight : bold;
585 min-width : 100px;
586 text-align : center;
587 cursor : pointer;
588 position : relative;
589 bottom : -1px;
590 z-index : 3;
591 height : 30px;
592 }
593
594 div.notice {
595 background : #ffffff;
596 border : 1px solid #88b0f0;
597 width : 60%;
598 padding : 5px;
599 margin : 0px 0px 5px 0px;
600 font-size : 12px;
601 }
602
603 div.warning {
604 background : #fff7d5;
605 border : 1px solid #d7c47a;
606 font-size : 12px;
607 width : 60%;
608 padding : 5px;
609 margin : 0px 0px 5px 0px;
610 }
611
612 div.warning img, div.notice img, div.error img {
613 vertical-align : middle;
614 padding : 5px;
615 }
616
617 span.filterDateError {
618 color : #ff0000;
619 }
620
621 div.error {
622 border : 1px solid #ff0000;
623 background : #ffcccc;
624 padding : 5px;
625 margin : 0px 0px 5px 0px;
626 font-size : 12px;
627 }
628
629 ul.nomarks {
630 list-style-type : none;
631 margin : 0px;
632 padding : 10px;
633 }
634
635 div.prefHelp, td.prefHelp {
636 color : gray;
637 padding : 5px;
638 }
639
640 table.loginForm {
641 background-color : #ecf4ff;
642 }
643
644 span.feed_error {
645 color : red;
646 }
647
648 .insensitive {
649 color : gray;
650 }
651
652 .insensitive a {
653 color : #4684ff;
654 }
655
656 .insensitive a:hover {
657 color : black;
658 }
659
660 .small {
661 font-size : 11px;
662 }
663
664 table.innerFeedTable td {
665 margin : 0px;
666 padding : 0px;
667 }
668
669 td.selectPrompt {
670 font-size : 12px;
671 color : gray;
672 }
673
674 div.headlinesSubToolbar {
675 border-width : 0px 0px 1px 0px;
676 border-style : solid;
677 border-color : #f0f0f0;
678 position : absolute;
679 left : 0px;
680 top : 0px;
681 height : 25px;
682 line-height : 25px;
683 padding-left : 5px;
684 padding-right : 5px;
685 right : 0px;
686 background-color : white;
687 font-size : 11px;
688 font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
689 color : gray;
690 }
691
692 div.headlinesSubToolbar * {
693 line-height : normal;
694 }
695
696
697 div.headlinesSubToolbar div#subtoolbar_ftitle {
698 float : right;
699 line-height : 25px;
700
701 }
702
703 span.contentPreview {
704 font-size : 12px;
705 color : gray;
706 font-weight : normal;
707 }
708
709 span.contentPreview:hover {
710 color : #4684ff;
711 }
712
713 table.headlinesList {
714 width : 100%;
715 }
716
717 table.headlinesList span.hlLabelRef, div.cdmHeader span.hlLabelRef {
718 background-color : #fff7d5;
719 font-height : 8px;
720 color : #063064;
721 font-weight : normal;
722 margin : 0px 3px 0px 3px;
723 padding : 0px 4px 0px 4px;
724 white-space: nowrap;
725 }
726
727 table.headlinesList img.hlLoading {
728 margin-left : 5px;
729 vertical-align : middle;
730 }
731
732 table.headlinesList td.hlFeedIcon {
733 width : 25px;
734 text-align : center;
735 cursor : pointer;
736 }
737
738
739 table.headlinesList td.hlMarkedPic {
740 width : 25px;
741 text-align : center;
742 }
743
744 table.headlinesList td.hlfeed {
745 text-align : right;
746 }
747
748 td.hlSelectRow, td.hlUpdPic {
749 width : 25px;
750 text-align : center;
751 }
752
753 table.headlinesList td.hlUpdated {
754 color : gray;
755 text-align : right;
756 width : 100px;
757 cursor : pointer;
758 }
759
760 table.headlinesList tr td {
761 padding : 2px 0px 2px 0px;
762 }
763
764 div.postHeader div.postDate {
765 text-align : right;
766 color : gray;
767 float : right;
768 }
769
770 div.postHeader div.postDateRTL {
771 text-align : left;
772 color : gray;
773 float : right;
774 }
775
776 div.postHeader div {
777 padding-bottom : 3px;
778 font-size : 12px;
779 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
780 }
781
782 #feedUpdateErrors {
783 display : none;
784 }
785
786 #allEntryTags {
787 font-size : 12px;
788 border-width : 0px 0px 1px 0px;
789 border-style : solid;
790 border-color : #c0c0c0;
791 padding-bottom : 5px;
792 display : none;
793 }
794
795 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
796 height : 1em;
797 }
798
799 td.hlFeed {
800 text-align : right;
801 }
802
803 span.hlFeed, span.hlFeed a {
804 font-size : 12px;
805 color : gray;
806 }
807
808 span.hlFeed a:hover {
809 color : #4684ff;
810 }
811
812 div.cdmAllTags {
813 float : left;
814 background-color : white;
815 border : 1px solid #c0c0c0;
816 display : none;
817 z-index : 3;
818 top : auto;
819 left : auto;
820 right : auto;
821 position : absolute;
822 padding : 10px;
823 }
824
825 span.cdmAllTagsCtr:hover div {
826 display : block;
827 }
828
829 div.cdmArticle {
830 border-color : #c0c0c0;
831 border-width : 1px;
832 border-style : solid;
833 background : white;
834 margin : 5px 5px 0px 5px;
835 color : black;
836 }
837
838 div.cdmArticleUnread {
839 border-color : #88b0f0;
840 border-width : 1px;
841 border-style : solid;
842 background-color : white;
843 margin : 5px 5px 0px 5px;
844 color : black;
845 }
846
847 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
848 background-color : #fff7d5;
849 border-color : #e7d796;
850 border-width : 1px;
851 border-style : solid;
852 margin : 5px 5px 0px 5px;
853 }
854
855 div.cdmArticleUnread div.cdmHeader a.title,
856 div.cdmArticleUnreadSelected div.cdmHeader a.title {
857 font-weight : bold;
858 }
859
860 div.cdmHeader {
861 padding : 5px 5px 10px 5px;
862 color : gray;
863 }
864
865 div.cdmArticleUnread div.cdmHeader {
866 background : url("images/footer.png") top left;
867 background-repeat : repeat-x;
868 }
869
870 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
871 color : black;
872 }
873
874 div.cdmArticleSelected div.cdmFooter, div.cdmArticleUnreadSelected div.cdmFooter {
875 background : #e7d796;
876 }
877
878 div.cdmFooter input {
879 vertical-align : middle;
880 }
881
882 div.cdmFooter {
883 font-size : 12px;
884 color : black;
885 padding : 5px;
886 color : gray;
887 background : #f9f9f9;
888 /* border-width : 1px 0px 0px 0px;
889 border-style : solid;
890 border-color : #88b0f0; */
891 }
892
893 div.cdmFooter span.s0 {
894 border-width : 0px 1px 0px 0px;
895 border-color : #c0c0c0;
896 border-style : dotted;
897 padding : 0px 5px 0px 0px;
898 }
899
900 div.cdmFooter span.s1 {
901 border-width : 0px 1px 0px 0px;
902 border-color : #c0c0c0;
903 border-style : dotted;
904 padding : 0px 5px 0px 5px;
905 }
906
907 div.cdmFooter span.s2 {
908 padding : 0px 5px 0px 5px;
909 }
910
911 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
912 width : 16px;
913 height : 16px;
914 vertical-align : middle;
915 }
916
917 div.cdmHeader div.articleUpdated {
918 float : right;
919 font-weight : bold;
920 color : gray;
921 }
922
923 div.cdmHeader div.articleUpdated img {
924 vertical-align : middle;
925 }
926
927 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
928 margin : 0px;
929 }
930
931 div.cdmHeader, div.cdmHeader a {
932 color : #505050;
933 font-size : 12px;
934 }
935
936 div.cdmHeader a:hover {
937 color : #4684ff;
938 }
939
940 div.cdmContent {
941 margin : 0px 15px 5px 15px;
942 }
943
944 div.cdmContent img {
945 border-width : 0px;
946 max-width : 98%;
947 }
948
949 div.cdmContent:hover {
950 cursor : pointer;
951 }
952
953 div.cdmExcerpt {
954 margin : 0px 15px 5px 15px;
955 }
956
957 div.cdmExcerpt:hover {
958 cursor : pointer;
959 color : #88b0f0;
960 }
961
962 div.cdmEnclosures {
963 margin-top : 1em;
964 color : gray;
965 }
966
967 img.markedPic {
968 cursor : pointer;
969 }
970
971 a.warning {
972 color : #f04040;
973 }
974
975 img.closeButton {
976 border-width : 0px;
977 float : right;
978 }
979
980 span.groupPrompt {
981 font-size : 12px;
982 color : #4684ff;
983 }
984
985 div.tagCloudContainer {
986 border : 1px solid #99d67a;
987 background-color : white;
988 margin : 5px 0px 5px 0px;
989 padding : 5px;
990 text-align : center;
991 }
992
993 div.errorExplained {
994 border : 1px solid #99d67a;
995 background-color : white;
996 margin : 5px 0px 5px 0px;
997 padding : 5px;
998 }
999
1000 ul.feedErrorsList {
1001 height : 300px;
1002 overflow : auto;
1003 list-style-type : none;
1004 border : 1px solid #99d67a;
1005 background-color : white;
1006 margin : 0px 0px 5px 0px;
1007 padding : 0px;
1008 }
1009
1010 ul.userFeedList {
1011 height : 300px;
1012 overflow : auto;
1013 list-style-type : none;
1014 border : 1px solid #99d67a;
1015 background-color : white;
1016 margin : 0px 0px 5px 0px;
1017 padding : 0px;
1018 }
1019
1020 ul.browseFeedList {
1021 height : 300px;
1022 overflow : auto;
1023 list-style-type : none;
1024 margin : 0px 0px 5px 0px;
1025 padding : 0px;
1026 border : 1px solid #99d67a;
1027 background-color : white;
1028 }
1029
1030 ul.browseFeedList li {
1031 margin : 0px;
1032 padding : 0px;
1033 }
1034
1035 span.subscribers {
1036 color : #808080;
1037 }
1038
1039 div.subscribers {
1040 color : #808080;
1041 font-size : 12px;
1042 float : right;
1043 }
1044
1045 input.feedBrowseCB {
1046 margin-right : 1em;
1047 }
1048
1049 div.browserDetails {
1050 margin : 5px 5px 5px 5px;
1051 padding : 5px;
1052 }
1053
1054 ul.compact {
1055 list-style-type : none;
1056 margin : 0px;
1057 padding : 0px;
1058 }
1059
1060 ul.compact li {
1061 margin : 0px;
1062 padding : 0px;
1063 }
1064
1065 div.browserFeedInfo {
1066 font-size : 12px;
1067 /* border : 1px solid #88b0f0;
1068 background-color : #ecf4ff;
1069 -moz-border-radius : 5px; */
1070 padding : 5px;
1071 }
1072
1073 div.browserFeedInfo div.detailsPart {
1074 margin : 5px 0px 5px 5px;
1075 }
1076
1077 div.cdmContent a {
1078 color : #4684ff;
1079 }
1080
1081 div.cdmContent a:hover {
1082 color : black;
1083 }
1084
1085 a.cdmToggleLink {
1086 color : #808080;
1087 font-size : 12px;
1088 }
1089
1090 a.cdmToggleLink:hover {
1091 color : #4684ff;
1092 }
1093
1094 .noborder {
1095 border-width : 0px;
1096 }
1097
1098 #dialog_overlay {
1099 left : 0;
1100 top : 0;
1101 height : 100%;
1102 width : 100%;
1103 z-index : 4;
1104 position : absolute;
1105 background-image : url("images/shadow_white.png");
1106 }
1107
1108 #overlay {
1109 background : white;
1110 left : 0;
1111 top : 0;
1112 height : 100%;
1113 width : 100%;
1114 z-index : 100;
1115 position : absolute;
1116 }
1117
1118 #overlay_inner {
1119 font-weight : bold;
1120 margin : 10px;
1121 }
1122
1123 #noDaemonWarning {
1124 position : absolute;
1125 background-color : #ecf4ff;
1126 border : 1px solid #88b0f0;
1127 padding : 10px;
1128 margin : 5px;
1129 z-index : 2;
1130 display : none;
1131 }
1132
1133 #qafInput {
1134 width : 100%;
1135 }
1136
1137 form {
1138 margin : 0px;
1139 padding : 0px;
1140 }
1141
1142 #main_toolbar_form {
1143 margin : 0px;
1144 padding : 0px;
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 display : none;
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 : 12px;
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 padding : 1em;
1239 }
1240
1241 /* layout */
1242
1243 #header {
1244 position : absolute;
1245 white-space: nowrap;
1246 top : 5px;
1247 left : 15px;
1248 right : 5px;
1249 height : 35px;
1250 color : #4684ff;
1251 font-size : 12px;
1252 }
1253
1254 #feeds-holder {
1255 border-width : 1px 1px 0px 0px;
1256 border-style : solid solid;
1257 border-color : #C4D1E4 #88b0f0;
1258 top : 40px;
1259 left : 0px;
1260 position : absolute;
1261 width : 260px;
1262 overflow : auto;
1263 bottom : 0px;
1264 border-collapse : collapse;
1265 }
1266
1267 #toolbar div.actionChooser {
1268 margin-right : 5px;
1269 float : right;
1270 }
1271
1272 #toolbar {
1273 position : absolute;
1274 left : 261px;
1275 padding : 0px 0px 0px 10px;
1276 top : 40px;
1277 right : 0px;
1278 white-space: nowrap;
1279 height : 30px;
1280 background-image : url("images/toolbar.png");
1281 background-position : bottom left;
1282 background-repeat : repeat-x;
1283 font-size : 12px;
1284 }
1285
1286 #toolbar input {
1287 vertical-align : middle;
1288 }
1289
1290 div.headlines_normal {
1291 position : absolute;
1292 border-width : 1px 0px 0px 0px;
1293 border-style : solid;
1294 border-color : #88b0f0;
1295 left : 261px;
1296 height : 305px;
1297 top : 70px;
1298 right : 0px;
1299 overflow : hidden;
1300 font-size : 12px;
1301 border-collapse : collapse;
1302 }
1303
1304 div.headlines_cdm {
1305 position : absolute;
1306 border-width : 1px 0px 1px 0px;
1307 border-style : solid;
1308 border-color : #88b0f0;
1309 left : 261px;
1310 bottom : 40px;
1311 top : 70px;
1312 right : 0px;
1313 overflow : hidden;
1314 font-size : 12px;
1315 border-collapse : collapse;
1316 }
1317
1318 #content-frame {
1319 position : absolute;
1320 border-width : 1px 0px 0px 0px;
1321 border-style : solid;
1322 border-color : #88b0f0;
1323 overflow : auto;
1324 top : 390px;
1325 left : 261px;
1326 bottom : 40px;
1327 right : 0px;
1328 border-collapse : collapse;
1329 }
1330
1331 /*#resize-grabber {
1332 position : absolute;
1333 border-width : 1px;
1334 border-style : dotted;
1335 border-color : #88b0f0;
1336 background-color : white;
1337 width : 8px;
1338 height : 8px;
1339 z-index : 20;
1340 right : 20px;
1341 top : 20px;
1342 display : none;
1343 cursor : move;
1344 }*/
1345
1346 #resize-grabber {
1347 height : 5px;
1348 border-width : 0px 0px 1px 0px;
1349 border-style : solid;
1350 border-color : #88b0f0;
1351 background : url("images/resize_horiz.png") top left;
1352 cursor : move;
1353 text-align : center;
1354 }
1355
1356 #footer, #prefFooter {
1357 position : absolute;
1358 bottom : 0px;
1359 height : 20px;
1360 text-align : center;
1361 color : gray;
1362 font-size : 12px;
1363 background-image : url("images/footer.png");
1364 background-position : top left;
1365 background-repeat : repeat-x;
1366 background-color : white;
1367 right : 0px;
1368 left : 261px;
1369 padding : 10px;
1370 border-collapse : collapse;
1371 border-width : 1px 0px 0px 0px;
1372 border-style : solid;
1373 border-color : #88b0f0;
1374
1375 }
1376
1377 #prefFooter {
1378 left : 0px;
1379 }
1380
1381 #footer a, #prefFooter a {
1382 color : gray;
1383 }
1384
1385 #footer a:hover, #prefFooter a:hover {
1386 color : black;
1387 }
1388
1389 #headlinesContainer {
1390 margin-left : 0px;
1391 background-color : white;
1392 }
1393
1394 #headlineActionsTop {
1395 font-size : 12px;
1396 }
1397
1398 #headlinesInnerContainer {
1399 overflow : auto;
1400 position : absolute;
1401 left : 0px;
1402 right : 0px;
1403 bottom : 0px;
1404 top : 25px;
1405 }
1406
1407 /* preferences layout */
1408
1409 #prefHeader {
1410 color : #4684ff;
1411 font-size : 12px;
1412 margin : 10px;
1413 height : 33px;
1414 }
1415
1416 div.return {
1417 float : right;
1418 font-size : 12px;
1419 margin-right : 10px;
1420 }
1421
1422 div.return a {
1423 color : #4684ff;
1424 }
1425
1426 div.return a:hover {
1427 color : black;
1428 }
1429
1430 #prefContentOuter {
1431 clear : left;
1432 position : absolute;
1433 bottom : 41px;
1434 top : 75px;
1435 left : 0px;
1436 right : 0px;
1437 min-height : 300px;
1438 border-width : 1px 0px 0px 0px;
1439 border-color : #88b0f0;
1440 border-style : solid;
1441 font-size : 12px;
1442 }
1443
1444 #prefContent {
1445 z-index : 4;
1446 background-image : url("images/prefs-content.png");
1447 background-position : top left;
1448 background-repeat : repeat-x;
1449 position : absolute;
1450 bottom : 0px;
1451 top : 0px;
1452 left : 0px;
1453 right : 0px;
1454 padding : 1em;
1455 overflow : auto;
1456
1457 }
1458
1459 #userSwitch {
1460 position : absolute;
1461 bottom : 2px;
1462 right : 2px;
1463 }
1464
1465 .catCtrHasUnread, .feedCtrHasUnread {
1466 font-weight : bold;
1467 color : #707070;
1468 }
1469
1470 .catCtrNoUnread, .feedCtrNoUnread {
1471 display : none;
1472 }
1473
1474 div.topLinks img {
1475 vertical-align : middle;
1476 cursor : pointer;
1477 }
1478
1479 #offlineModePic {
1480 margin-left : 5px;
1481 }
1482
1483 a.helpLinkPic img {
1484 border-width : 0px;
1485 vertical-align : middle;
1486 }
1487
1488 li.feedCatHolder {
1489 display : inline;
1490 }
1491
1492 table.prefFeedCatList {
1493 background-color : white;
1494 }
1495
1496 div.autocomplete {
1497 position : absolute;
1498 width : 250px;
1499 background-color : white;
1500 border :1px solid #778899;
1501 margin : 0px;
1502 padding : 0px;
1503 }
1504
1505 div.autocomplete ul {
1506 list-style-type : none;
1507 margin : 0px;
1508 padding : 0px;
1509 }
1510
1511 div.autocomplete ul li.selected {
1512 background-color : #fff7d5;
1513 }
1514
1515 div.autocomplete ul li {
1516 list-style-type : none;
1517 display : block;
1518 margin : 0;
1519 padding : 2px;
1520 height : 32px;
1521 cursor : pointer;
1522 }
1523
1524 #feedOpToolbar {
1525 float : right;
1526 }
1527
1528 div.topLinks {
1529 float : right;
1530 color : gray;
1531 font-size : 12px;
1532 }
1533
1534 div.topLinks a {
1535 color : #4684ff;
1536 }
1537
1538 div.topLinks a:hover {
1539 color : black;
1540 }
1541
1542 div.topLinks a.feedback {
1543 color : #009900;
1544 }
1545
1546 a.visibleLink {
1547 color : #4684ff;
1548 }
1549
1550 a.visibleLinkB {
1551 color : #4684ff;
1552 border : 1px solid #4684ff;
1553 padding : 2px;
1554 }
1555
1556 a.visibleLinkB:hover {
1557 background-color : #ecf4ff;
1558 }
1559
1560 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1561 color : #4684ff;
1562 }
1563
1564 div.cdmFeedTitle {
1565 border-color : #a0a0a0;
1566 border-width : 0px 0px 1px 0px;
1567 border-style : solid;
1568 padding : 5px 3px 5px 5px;
1569 background : url("images/toolbar.png") bottom left;
1570 background-repeat : repeat-x;
1571 }
1572
1573 table.headlinesList tr, table.headlinesList td {
1574 border-collapse : collapse;
1575 margin : 0px;
1576 }
1577
1578 table.headlinesList tr.feedTitle td {
1579 /* text-align : right;
1580 margin-top : 10px; */
1581 /*padding-left : 5px;*/
1582
1583 background : url("images/toolbar.png") bottom left;
1584 background-repeat : repeat-x;
1585
1586 border-color : #c0c0c0;
1587 border-width : 0px 0px 1px 0px;
1588 border-style : solid;
1589 padding : 5px 3px 5px 5px;
1590
1591 }
1592
1593 td.hlContent, td.hlContentL, td.hlContentH {
1594 cursor : pointer;
1595 }
1596
1597 td.hlContentH a, td.hlContentH span {
1598 color : #00cc00;
1599 }
1600
1601 td.hlContentL a, td.hlContentL span {
1602 color : #909090;
1603 text-decoration : line-through;
1604 }
1605
1606 span.titleWrapH, span.titleWrapH a {
1607 color : #00cc00;
1608 }
1609
1610 span.titleWrapL, span.titleWrapL a {
1611 color : #909090;
1612 text-decoration : line-through;
1613 }
1614
1615 img.hlScorePic {
1616 vertical-align : middle;
1617 width : 16px;
1618 height : 16px;
1619 }
1620
1621 div#hotkey_help_overlay {
1622 position : absolute;
1623 left : 30px;
1624 right : 30px;
1625 top : 30px;
1626 z-index : 999;
1627 color : white;
1628 font-size : 15px;
1629 }
1630
1631 div#hotkey_help_overlay h1 {
1632 text-align : center;
1633 }
1634
1635 div#hotkey_help_overlay ul {
1636 list-style-type : none;
1637 margin : 0px;
1638 }
1639
1640 div#hotkey_help_overlay li {
1641 margin : 0px;
1642 }
1643
1644 div#hotkey_help_overlay p {
1645 text-align : center;
1646 }
1647
1648 div#hotkey_help_overlay td.n {
1649 text-align : right;
1650 font-weight : bold;
1651 width : 6em;
1652 color : #a0ffa0;
1653 padding-right : 5px;
1654 }
1655
1656 div#hotkey_help_overlay td {
1657 vertical-align : top;
1658 }
1659
1660 div#hotkey_help_overlay h1 {
1661 margin : 0px;
1662 }
1663
1664 div#hotkey_help_overlay h2 {
1665 font-size : 16px;
1666 border-width : 0px;
1667 margin : 0.3em 0px 0.3em 0px;
1668 text-align : center;
1669 color : #88b0f0;
1670 }
1671
1672 div#hotkey_help_overlay table.hho td.c1 {
1673 height : 30px;
1674 width : 30px;
1675 background : url("images/c1.png");
1676 background-repeat : no-repeat;
1677
1678 }
1679
1680 div#hotkey_help_overlay table.hho td.c2 {
1681 height : 30px;
1682 width : 30px;
1683 background : url("images/c2.png");
1684 background-repeat : no-repeat;
1685 }
1686
1687 div#hotkey_help_overlay table.hho td.c3 {
1688 height : 30px;
1689 width : 30px;
1690 background : url("images/c3.png");
1691 background-repeat : no-repeat;
1692 }
1693
1694 div#hotkey_help_overlay table.hho td.c4 {
1695 height : 30px;
1696 width : 30px;
1697 background : url("images/c4.png");
1698 background-repeat : no-repeat;
1699 }
1700
1701 div#hotkey_help_overlay table.hho td.top,
1702 div#hotkey_help_overlay table.hho td.left,
1703 div#hotkey_help_overlay table.hho td.right,
1704 div#hotkey_help_overlay table.hho td.bottom,
1705 div#hotkey_help_overlay table.hho td.content {
1706 background : url("images/shadow_dark.png");
1707 }
1708
1709 div#hotkey_help_overlay table.hho td.top,
1710 div#hotkey_help_overlay table.hho td.bottom {
1711 text-align : center;
1712 font-size : 11px;
1713 }
1714
1715 div.prefKbdHelp {
1716 float : right;
1717 font-size : 12px;
1718 margin-right : 15px;
1719 }
1720
1721 div.prefKbdHelp img {
1722 vertical-align : middle;
1723 }
1724
1725 div#l_progress_o {
1726 width : 200px;
1727 border : 1px solid black;
1728 background-color : white;
1729 margin-top : 10px;
1730 }
1731
1732 div#l_progress_i {
1733 width : 10px;
1734 background-color : #88b0f0;
1735 height : 10px;
1736 }
1737
1738 #content-insert {
1739 background-color : white;
1740 overflow : auto;
1741 position : absolute;
1742 left : 0px;
1743 right : 0px;
1744 bottom : 0px;
1745 top : 6px;
1746 }
1747
1748 div.dlgSec {
1749 font-size : 12px;
1750 color : gray;
1751 font-weight : bold;
1752 clear : both;
1753 height : 20px;
1754 }
1755
1756 div.dlgSecCont {
1757 position : relative;
1758 left : 150px;
1759 top : -20px;
1760 float : left;
1761 font-size : 12px;
1762 font-weight : normal;
1763 line-height : 200%;
1764 }
1765
1766 div.dlgButtons {
1767 text-align : right;
1768 clear : both;
1769 }
1770
1771 pre, code {
1772 font-size : 12px;
1773 font-family : monospace;
1774 }
1775
1776 span#headlineActionsDrop {
1777 border : 1px solid #c0c0c0;
1778 padding : 1px 5px 1px 10px;
1779 color : #063064;
1780 cursor : pointer;
1781 }
1782
1783 ul#headlineActionsBody {
1784 list-style-type : none;
1785 position : absolute;
1786 margin : 0px;
1787 padding : 0px;
1788 background-color : white;
1789 width : 150px;
1790 z-index : 4;
1791 top : auto;
1792 left : auto;
1793 border-width : 1px 1px 1px 1px;
1794 border-color : #c0c0c0;
1795 border-style : solid;
1796 margin-left : -1px;
1797 max-height : 250px;
1798 overflow : auto;
1799 }
1800
1801 ul#headlineActionsBody li {
1802 padding : 2px 5px 2px 10px;
1803 color : black;
1804 }
1805
1806 ul#headlineActionsBody li:hover {
1807 color : #4684ff;
1808 cursor : pointer;
1809 background : #ecf4ff;
1810 }
1811
1812 ul#headlineActionsBody li.insensitive {
1813 color : gray;
1814 }
1815
1816 ul#headlineActionsBody li.insensitive:hover {
1817 background : white;
1818 cursor : normal;
1819 color : gray;
1820 }
1821
1822 span.prefsLabelEntry {
1823 padding : 2px;
1824 }
1825
1826 div.labelColorIndicator {
1827 height : 14px;
1828 width : 14px;
1829 line-height : 14px;
1830 font-height : 9px;
1831 text-align : center;
1832 border : 1px solid black;
1833 float : left;
1834 background-color : #fff7d5;
1835 color : #063064;
1836 margin-right : 10px;
1837 }
1838
1839 div.colorPicker div.colorPickerEntry:hover {
1840 border : 1px solid #88b0f0;
1841 }
1842
1843 div.colorPicker div.ccPrompt:hover {
1844 color : black;
1845 }
1846
1847 div.colorPicker div.colorPickerEntry {
1848 height : 15px;
1849 width : 15px;
1850 line-height : 13px;
1851 font-height : 9px;
1852 text-align : center;
1853 border : 1px solid black;
1854 margin : 5px 5px 0px 0px;
1855 float : left;
1856 }
1857
1858 div.colorPicker {
1859 border : 1px solid #cccccc;
1860 background : #f0f0f0;
1861 width : 110px;
1862 padding : 0px 0px 5px 5px;
1863 position : absolute;
1864 left : auto;
1865 top : auto;
1866 z-index : 3;
1867 color : #909090;
1868 }
1869
1870 div#offlineModeDrop div {
1871 padding : 2px 2px 2px 2px;
1872 text-align : left;
1873 }
1874
1875 div#offlineModeDrop {
1876 position : absolute;
1877 margin : 0px;
1878 padding : 2px;
1879 background-color : white;
1880 z-index : 2;
1881 margin : 2px 0px 0px 0px;
1882 top : auto;
1883 right : 0px;
1884 border : 1px solid #cccccc;
1885 background : white;
1886 min-width : 170px;
1887 margin-left : -1px;
1888 max-height : 250px;
1889 overflow : auto;
1890 color : #909090;
1891 }
1892
1893 optgroup {
1894 color : #4684ff;
1895 font-style : normal;
1896 }
1897
1898 option {
1899 color : black;
1900 }
1901
1902 div#cmdline {
1903 position : absolute;
1904 left : 5px;
1905 bottom : 5px;
1906 font-size : 11px;
1907 color : gray;
1908 font-weight : bold;
1909 background-color : white;
1910 border : 1px solid #88b0f0;
1911 padding : 3px 5px 3px 5px;
1912 z-index : 5;
1913 }
1914
1915 #feed_browser_spinner {
1916 vertical-align : middle;
1917 height : 18px;
1918 width : 18px;
1919 }
1920
1921 div#auxDlg {
1922 position : absolute;
1923 z-index : 3;
1924 bottom : 5px;
1925 right : 25px;
1926 padding : 5px;
1927 border-width : 1px;
1928 border-style : solid;
1929 border-color : #d7c47a;
1930 background-color : #fff7d5;
1931 color : black;
1932 text-align : center;
1933 font-size : 13px;
1934 }
1935
1936 div#auxDlg a {
1937 color : #4684ff;
1938 }
1939
1940 /*
1941 button:active {
1942 background-image : url("images/button_pressed.png");
1943 }
1944
1945 button, select {
1946 background-color : transparent;
1947 background-repeat : repeat-x;
1948 background-position : top left;
1949 background-image : url("images/button.png");
1950 border : 1px solid #bebebe;
1951 font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
1952 font-size : 100%;
1953 text-decoration : none;
1954 color : #303030;
1955 cursor : pointer;
1956 padding : 1px 5px 1px 5px;
1957 margin : 0px;
1958 }
1959
1960 select {
1961 background : #ffffff;
1962 padding : 1px 0px 1px 3px;
1963 }
1964
1965 input {
1966 background : white;
1967 border : 1px solid #bebebe;
1968 font-size : 100%;
1969 padding : 1px 3px 1px 3px;
1970 }
1971
1972 button:hover {
1973 background-color : #f9faff;
1974 border : 1px solid #88b0f0;
1975 color : #336699;
1976 }
1977
1978 button[disabled] {
1979 background : #f0f0f0;
1980 color : #dedede;
1981 border : 1px solid #dedede;
1982 } */
1983
1984