]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
default headline sort order by date_entered instead of updated
[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 #debug_output {
1099 position : absolute;
1100 width : 400px;
1101 height : 200px;
1102 right : 20px;
1103 bottom : 20px;
1104 z-index : 999;
1105 background-color : white;
1106 border : 1px solid #c0c0c0;
1107 overflow : auto;
1108 margin : 0px;
1109 padding : 0px;
1110 list-style-type : none;
1111 }
1112
1113 #debug_output li {
1114 margin : 0px;
1115 padding : 0px;
1116 font-size : 11px;
1117 }
1118
1119 #dialog_overlay {
1120 left : 0;
1121 top : 0;
1122 height : 100%;
1123 width : 100%;
1124 z-index : 4;
1125 position : absolute;
1126 background-image : url("images/shadow_white.png");
1127 }
1128
1129 #overlay {
1130 background : white;
1131 left : 0;
1132 top : 0;
1133 height : 100%;
1134 width : 100%;
1135 z-index : 100;
1136 position : absolute;
1137 }
1138
1139 #overlay_inner {
1140 font-weight : bold;
1141 margin : 10px;
1142 }
1143
1144 #noDaemonWarning {
1145 position : absolute;
1146 background-color : #ecf4ff;
1147 border : 1px solid #88b0f0;
1148 padding : 10px;
1149 margin : 5px;
1150 z-index : 2;
1151 display : none;
1152 }
1153
1154 #qafInput {
1155 width : 100%;
1156 }
1157
1158 form {
1159 margin : 0px;
1160 padding : 0px;
1161 }
1162
1163 #main_toolbar_form {
1164 margin : 0px;
1165 padding : 0px;
1166 display : inline;
1167 }
1168
1169 div.feedExtInfo {
1170 margin-left : 2em;
1171 font-size : 7pt;
1172 color : gray;
1173 font-weight : normal;
1174 }
1175
1176 span.debugTS {
1177 color : #4684ff;
1178 }
1179
1180 #backReqBox {
1181 display : none;
1182 }
1183
1184 /*.scriptWarn:before {
1185 content : "Disabled script:";
1186 }*/
1187
1188 .scriptWarn {
1189 color : white;
1190 background-color : #903030;
1191 border : 1px solid #601010;
1192 padding : 3px;
1193 font-weight : bold;
1194 display : none;
1195 }
1196
1197 .objectWarn {
1198 color : gray;
1199 font-style: italic;
1200 text-align : center;
1201 }
1202
1203 table.loginForm2 {
1204 padding : 1em;
1205 }
1206
1207 table.loginForm2 .loginTop {
1208 border-width : 0px 0px 1px 0px;
1209 border-color : #88b0f0;
1210 border-style : solid;
1211 padding : 0.5em;
1212 }
1213
1214 table.loginForm2 .loginMiddle {
1215 padding : 3em;
1216 }
1217
1218 table.loginForm2 .loginBottom {
1219 border-width : 1px 0px 0px 0px;
1220 border-color : #88b0f0;
1221 border-style : solid;
1222 font-size : 12px;
1223 text-align : center;
1224 color : #909090;
1225 padding : 0.5em;
1226 }
1227
1228 table.loginForm2 .loginBottom a {
1229 color : gray;
1230 }
1231
1232 table.loginForm2 .loginBottom a:hover {
1233 color : #4684ff;
1234 }
1235
1236 table.loginForm2 .loginError {
1237 color : red;
1238 margin : 0.5em;
1239 }
1240
1241 table.loginForm2 .innerLoginCell {
1242 padding-top : 0.5em;
1243 }
1244
1245 #milestoneDetails {
1246 display : none;
1247 }
1248
1249 div.loadingPrompt {
1250 padding : 1em;
1251 text-align : center;
1252 font-weight : bold;
1253 }
1254
1255 div.whiteBox {
1256 background-color : white;
1257 margin-left : 1px;
1258 text-align : center;
1259 padding : 1em;
1260 }
1261
1262 /* layout */
1263
1264 #header {
1265 position : absolute;
1266 white-space: nowrap;
1267 top : 5px;
1268 left : 15px;
1269 right : 5px;
1270 height : 35px;
1271 color : #4684ff;
1272 font-size : 12px;
1273 }
1274
1275 #feeds-holder {
1276 border-width : 1px 1px 0px 0px;
1277 border-style : solid solid;
1278 border-color : #C4D1E4 #88b0f0;
1279 top : 40px;
1280 left : 0px;
1281 position : absolute;
1282 width : 260px;
1283 overflow : auto;
1284 bottom : 0px;
1285 border-collapse : collapse;
1286 }
1287
1288 #toolbar div.actionChooser {
1289 margin-right : 5px;
1290 float : right;
1291 }
1292
1293 #toolbar {
1294 position : absolute;
1295 left : 261px;
1296 padding : 0px 0px 0px 10px;
1297 top : 40px;
1298 right : 0px;
1299 white-space: nowrap;
1300 height : 30px;
1301 background-image : url("images/toolbar.png");
1302 background-position : bottom left;
1303 background-repeat : repeat-x;
1304 font-size : 12px;
1305 }
1306
1307 #toolbar input {
1308 vertical-align : middle;
1309 }
1310
1311 div.headlines_normal {
1312 position : absolute;
1313 border-width : 1px 0px 0px 0px;
1314 border-style : solid;
1315 border-color : #88b0f0;
1316 left : 261px;
1317 height : 305px;
1318 top : 70px;
1319 right : 0px;
1320 overflow : hidden;
1321 font-size : 12px;
1322 border-collapse : collapse;
1323 }
1324
1325 div.headlines_cdm {
1326 position : absolute;
1327 border-width : 1px 0px 1px 0px;
1328 border-style : solid;
1329 border-color : #88b0f0;
1330 left : 261px;
1331 bottom : 40px;
1332 top : 70px;
1333 right : 0px;
1334 overflow : hidden;
1335 font-size : 12px;
1336 border-collapse : collapse;
1337 }
1338
1339 #content-frame {
1340 position : absolute;
1341 border-width : 1px 0px 0px 0px;
1342 border-style : solid;
1343 border-color : #88b0f0;
1344 overflow : auto;
1345 top : 390px;
1346 left : 261px;
1347 bottom : 40px;
1348 right : 0px;
1349 border-collapse : collapse;
1350 }
1351
1352 /*#resize-grabber {
1353 position : absolute;
1354 border-width : 1px;
1355 border-style : dotted;
1356 border-color : #88b0f0;
1357 background-color : white;
1358 width : 8px;
1359 height : 8px;
1360 z-index : 20;
1361 right : 20px;
1362 top : 20px;
1363 display : none;
1364 cursor : move;
1365 }*/
1366
1367 #resize-grabber {
1368 height : 5px;
1369 border-width : 0px 0px 1px 0px;
1370 border-style : solid;
1371 border-color : #88b0f0;
1372 background : url("images/resize_horiz.png") top left;
1373 cursor : move;
1374 text-align : center;
1375 }
1376
1377 #footer, #prefFooter {
1378 position : absolute;
1379 bottom : 0px;
1380 height : 20px;
1381 text-align : center;
1382 color : gray;
1383 font-size : 12px;
1384 background-image : url("images/footer.png");
1385 background-position : top left;
1386 background-repeat : repeat-x;
1387 background-color : white;
1388 right : 0px;
1389 left : 261px;
1390 padding : 10px;
1391 border-collapse : collapse;
1392 border-width : 1px 0px 0px 0px;
1393 border-style : solid;
1394 border-color : #88b0f0;
1395
1396 }
1397
1398 #prefFooter {
1399 left : 0px;
1400 }
1401
1402 #footer a, #prefFooter a {
1403 color : gray;
1404 }
1405
1406 #footer a:hover, #prefFooter a:hover {
1407 color : black;
1408 }
1409
1410 #headlinesContainer {
1411 margin-left : 0px;
1412 background-color : white;
1413 }
1414
1415 #headlineActionsTop {
1416 font-size : 12px;
1417 }
1418
1419 #headlinesInnerContainer {
1420 overflow : auto;
1421 position : absolute;
1422 left : 0px;
1423 right : 0px;
1424 bottom : 0px;
1425 top : 25px;
1426 }
1427
1428 /* preferences layout */
1429
1430 #prefHeader {
1431 color : #4684ff;
1432 font-size : 12px;
1433 margin : 10px;
1434 height : 33px;
1435 }
1436
1437 div.return {
1438 float : right;
1439 font-size : 12px;
1440 margin-right : 10px;
1441 }
1442
1443 div.return a {
1444 color : #4684ff;
1445 }
1446
1447 div.return a:hover {
1448 color : black;
1449 }
1450
1451 #prefContentOuter {
1452 clear : left;
1453 position : absolute;
1454 bottom : 41px;
1455 top : 75px;
1456 left : 0px;
1457 right : 0px;
1458 min-height : 300px;
1459 border-width : 1px 0px 0px 0px;
1460 border-color : #88b0f0;
1461 border-style : solid;
1462 font-size : 12px;
1463 }
1464
1465 #prefContent {
1466 z-index : 4;
1467 background-image : url("images/prefs-content.png");
1468 background-position : top left;
1469 background-repeat : repeat-x;
1470 position : absolute;
1471 bottom : 0px;
1472 top : 0px;
1473 left : 0px;
1474 right : 0px;
1475 padding : 1em;
1476 overflow : auto;
1477
1478 }
1479
1480 #userSwitch {
1481 position : absolute;
1482 bottom : 2px;
1483 right : 2px;
1484 }
1485
1486 .catCtrHasUnread, .feedCtrHasUnread {
1487 font-weight : bold;
1488 color : #707070;
1489 }
1490
1491 .catCtrNoUnread, .feedCtrNoUnread {
1492 display : none;
1493 }
1494
1495 div.topLinks img {
1496 vertical-align : middle;
1497 cursor : pointer;
1498 }
1499
1500 #offlineModePic {
1501 margin-left : 5px;
1502 }
1503
1504 a.helpLinkPic img {
1505 border-width : 0px;
1506 vertical-align : middle;
1507 }
1508
1509 li.feedCatHolder {
1510 display : inline;
1511 }
1512
1513 table.prefFeedCatList {
1514 background-color : white;
1515 }
1516
1517 div.autocomplete {
1518 position : absolute;
1519 width : 250px;
1520 background-color : white;
1521 border :1px solid #778899;
1522 margin : 0px;
1523 padding : 0px;
1524 }
1525
1526 div.autocomplete ul {
1527 list-style-type : none;
1528 margin : 0px;
1529 padding : 0px;
1530 }
1531
1532 div.autocomplete ul li.selected {
1533 background-color : #fff7d5;
1534 }
1535
1536 div.autocomplete ul li {
1537 list-style-type : none;
1538 display : block;
1539 margin : 0;
1540 padding : 2px;
1541 height : 32px;
1542 cursor : pointer;
1543 }
1544
1545 #feedOpToolbar {
1546 float : right;
1547 }
1548
1549 div.topLinks {
1550 float : right;
1551 color : gray;
1552 font-size : 12px;
1553 }
1554
1555 div.topLinks a {
1556 color : #4684ff;
1557 }
1558
1559 div.topLinks a:hover {
1560 color : black;
1561 }
1562
1563 div.topLinks a.feedback {
1564 color : #009900;
1565 }
1566
1567 a.visibleLink {
1568 color : #4684ff;
1569 }
1570
1571 a.visibleLinkB {
1572 color : #4684ff;
1573 border : 1px solid #4684ff;
1574 padding : 2px;
1575 }
1576
1577 a.visibleLinkB:hover {
1578 background-color : #ecf4ff;
1579 }
1580
1581 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1582 color : #4684ff;
1583 }
1584
1585 div.cdmFeedTitle {
1586 border-color : #a0a0a0;
1587 border-width : 0px 0px 1px 0px;
1588 border-style : solid;
1589 padding : 5px 3px 5px 5px;
1590 background : url("images/toolbar.png") bottom left;
1591 background-repeat : repeat-x;
1592 }
1593
1594 table.headlinesList tr, table.headlinesList td {
1595 border-collapse : collapse;
1596 margin : 0px;
1597 }
1598
1599 table.headlinesList tr.feedTitle td {
1600 /* text-align : right;
1601 margin-top : 10px; */
1602 /*padding-left : 5px;*/
1603
1604 background : url("images/toolbar.png") bottom left;
1605 background-repeat : repeat-x;
1606
1607 border-color : #c0c0c0;
1608 border-width : 0px 0px 1px 0px;
1609 border-style : solid;
1610 padding : 5px 3px 5px 5px;
1611
1612 }
1613
1614 td.hlContent, td.hlContentL, td.hlContentH {
1615 cursor : pointer;
1616 }
1617
1618 td.hlContentH a, td.hlContentH span {
1619 color : #00cc00;
1620 }
1621
1622 td.hlContentL a, td.hlContentL span {
1623 color : #909090;
1624 text-decoration : line-through;
1625 }
1626
1627 span.titleWrapH, span.titleWrapH a {
1628 color : #00cc00;
1629 }
1630
1631 span.titleWrapL, span.titleWrapL a {
1632 color : #909090;
1633 text-decoration : line-through;
1634 }
1635
1636 img.hlScorePic {
1637 vertical-align : middle;
1638 width : 16px;
1639 height : 16px;
1640 }
1641
1642 div#hotkey_help_overlay {
1643 position : absolute;
1644 left : 30px;
1645 right : 30px;
1646 top : 30px;
1647 z-index : 999;
1648 color : white;
1649 font-size : 15px;
1650 }
1651
1652 div#hotkey_help_overlay h1 {
1653 text-align : center;
1654 }
1655
1656 div#hotkey_help_overlay ul {
1657 list-style-type : none;
1658 margin : 0px;
1659 }
1660
1661 div#hotkey_help_overlay li {
1662 margin : 0px;
1663 }
1664
1665 div#hotkey_help_overlay p {
1666 text-align : center;
1667 }
1668
1669 div#hotkey_help_overlay td.n {
1670 text-align : right;
1671 font-weight : bold;
1672 width : 6em;
1673 color : #a0ffa0;
1674 padding-right : 5px;
1675 }
1676
1677 div#hotkey_help_overlay td {
1678 vertical-align : top;
1679 }
1680
1681 div#hotkey_help_overlay h1 {
1682 margin : 0px;
1683 }
1684
1685 div#hotkey_help_overlay h2 {
1686 font-size : 16px;
1687 border-width : 0px;
1688 margin : 0.3em 0px 0.3em 0px;
1689 text-align : center;
1690 color : #88b0f0;
1691 }
1692
1693 div#hotkey_help_overlay table.hho td.c1 {
1694 height : 30px;
1695 width : 30px;
1696 background : url("images/c1.png");
1697 background-repeat : no-repeat;
1698
1699 }
1700
1701 div#hotkey_help_overlay table.hho td.c2 {
1702 height : 30px;
1703 width : 30px;
1704 background : url("images/c2.png");
1705 background-repeat : no-repeat;
1706 }
1707
1708 div#hotkey_help_overlay table.hho td.c3 {
1709 height : 30px;
1710 width : 30px;
1711 background : url("images/c3.png");
1712 background-repeat : no-repeat;
1713 }
1714
1715 div#hotkey_help_overlay table.hho td.c4 {
1716 height : 30px;
1717 width : 30px;
1718 background : url("images/c4.png");
1719 background-repeat : no-repeat;
1720 }
1721
1722 div#hotkey_help_overlay table.hho td.top,
1723 div#hotkey_help_overlay table.hho td.left,
1724 div#hotkey_help_overlay table.hho td.right,
1725 div#hotkey_help_overlay table.hho td.bottom,
1726 div#hotkey_help_overlay table.hho td.content {
1727 background : url("images/shadow_dark.png");
1728 }
1729
1730 div#hotkey_help_overlay table.hho td.top,
1731 div#hotkey_help_overlay table.hho td.bottom {
1732 text-align : center;
1733 font-size : 11px;
1734 }
1735
1736 div.prefKbdHelp {
1737 float : right;
1738 font-size : 12px;
1739 margin-right : 15px;
1740 }
1741
1742 div.prefKbdHelp img {
1743 vertical-align : middle;
1744 }
1745
1746 div#l_progress_o {
1747 width : 200px;
1748 border : 1px solid black;
1749 background-color : white;
1750 margin-top : 10px;
1751 }
1752
1753 div#l_progress_i {
1754 width : 10px;
1755 background-color : #88b0f0;
1756 height : 10px;
1757 }
1758
1759 #content-insert {
1760 background-color : white;
1761 overflow : auto;
1762 position : absolute;
1763 left : 0px;
1764 right : 0px;
1765 bottom : 0px;
1766 top : 6px;
1767 }
1768
1769 div.dlgSec {
1770 font-size : 12px;
1771 color : gray;
1772 font-weight : bold;
1773 clear : both;
1774 height : 20px;
1775 }
1776
1777 div.dlgSecCont {
1778 position : relative;
1779 left : 150px;
1780 top : -20px;
1781 float : left;
1782 font-size : 12px;
1783 font-weight : normal;
1784 line-height : 200%;
1785 }
1786
1787 div.dlgButtons {
1788 text-align : right;
1789 clear : both;
1790 }
1791
1792 pre, code {
1793 font-size : 12px;
1794 font-family : monospace;
1795 }
1796
1797 span#headlineActionsDrop {
1798 border : 1px solid #c0c0c0;
1799 padding : 1px 5px 1px 10px;
1800 color : #063064;
1801 cursor : pointer;
1802 }
1803
1804 ul#headlineActionsBody {
1805 list-style-type : none;
1806 position : absolute;
1807 margin : 0px;
1808 padding : 0px;
1809 background-color : white;
1810 width : 150px;
1811 z-index : 4;
1812 top : auto;
1813 left : auto;
1814 border-width : 1px 1px 1px 1px;
1815 border-color : #c0c0c0;
1816 border-style : solid;
1817 margin-left : -1px;
1818 max-height : 250px;
1819 overflow : auto;
1820 }
1821
1822 ul#headlineActionsBody li {
1823 padding : 2px 5px 2px 10px;
1824 color : black;
1825 }
1826
1827 ul#headlineActionsBody li:hover {
1828 color : #4684ff;
1829 cursor : pointer;
1830 background : #ecf4ff;
1831 }
1832
1833 ul#headlineActionsBody li.insensitive {
1834 color : gray;
1835 }
1836
1837 ul#headlineActionsBody li.insensitive:hover {
1838 background : white;
1839 cursor : normal;
1840 color : gray;
1841 }
1842
1843 span.prefsLabelEntry {
1844 padding : 2px;
1845 }
1846
1847 div.labelColorIndicator {
1848 height : 14px;
1849 width : 14px;
1850 line-height : 14px;
1851 font-height : 9px;
1852 text-align : center;
1853 border : 1px solid black;
1854 float : left;
1855 background-color : #fff7d5;
1856 color : #063064;
1857 margin-right : 10px;
1858 }
1859
1860 div.colorPicker div.colorPickerEntry:hover {
1861 border : 1px solid #88b0f0;
1862 }
1863
1864 div.colorPicker div.ccPrompt:hover {
1865 color : black;
1866 }
1867
1868 div.colorPicker div.colorPickerEntry {
1869 height : 15px;
1870 width : 15px;
1871 line-height : 13px;
1872 font-height : 9px;
1873 text-align : center;
1874 border : 1px solid black;
1875 margin : 5px 5px 0px 0px;
1876 float : left;
1877 }
1878
1879 div.colorPicker {
1880 border : 1px solid #cccccc;
1881 background : #f0f0f0;
1882 width : 110px;
1883 padding : 0px 0px 5px 5px;
1884 position : absolute;
1885 left : auto;
1886 top : auto;
1887 z-index : 3;
1888 color : #909090;
1889 }
1890
1891 div#offlineModeDrop div {
1892 padding : 2px 2px 2px 2px;
1893 text-align : left;
1894 }
1895
1896 div#offlineModeDrop {
1897 position : absolute;
1898 margin : 0px;
1899 padding : 2px;
1900 background-color : white;
1901 z-index : 2;
1902 margin : 2px 0px 0px 0px;
1903 top : auto;
1904 right : 0px;
1905 border : 1px solid #cccccc;
1906 background : white;
1907 min-width : 170px;
1908 margin-left : -1px;
1909 max-height : 250px;
1910 overflow : auto;
1911 color : #909090;
1912 }
1913
1914 optgroup {
1915 color : #4684ff;
1916 font-style : normal;
1917 }
1918
1919 option {
1920 color : black;
1921 }
1922
1923 div#cmdline {
1924 position : absolute;
1925 left : 5px;
1926 bottom : 5px;
1927 font-size : 11px;
1928 color : gray;
1929 font-weight : bold;
1930 background-color : white;
1931 border : 1px solid #88b0f0;
1932 padding : 3px 5px 3px 5px;
1933 z-index : 5;
1934 }
1935
1936 #feed_browser_spinner {
1937 vertical-align : middle;
1938 height : 18px;
1939 width : 18px;
1940 }
1941
1942 div#auxDlg {
1943 position : absolute;
1944 z-index : 3;
1945 bottom : 5px;
1946 right : 25px;
1947 padding : 5px;
1948 border-width : 1px;
1949 border-style : solid;
1950 border-color : #d7c47a;
1951 background-color : #fff7d5;
1952 color : black;
1953 text-align : center;
1954 font-size : 13px;
1955 }
1956
1957 div#auxDlg a {
1958 color : #4684ff;
1959 }
1960
1961 /*
1962 button:active {
1963 background-image : url("images/button_pressed.png");
1964 }
1965
1966 button, select {
1967 background-color : transparent;
1968 background-repeat : repeat-x;
1969 background-position : top left;
1970 background-image : url("images/button.png");
1971 border : 1px solid #bebebe;
1972 font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
1973 font-size : 100%;
1974 text-decoration : none;
1975 color : #303030;
1976 cursor : pointer;
1977 padding : 1px 5px 1px 5px;
1978 margin : 0px;
1979 }
1980
1981 select {
1982 background : #ffffff;
1983 padding : 1px 0px 1px 3px;
1984 }
1985
1986 input {
1987 background : white;
1988 border : 1px solid #bebebe;
1989 font-size : 100%;
1990 padding : 1px 3px 1px 3px;
1991 }
1992
1993 button:hover {
1994 background-color : #f9faff;
1995 border : 1px solid #88b0f0;
1996 color : #336699;
1997 }
1998
1999 button[disabled] {
2000 background : #f0f0f0;
2001 color : #dedede;
2002 border : 1px solid #dedede;
2003 } */