]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
fix updating for pgsql
[tt-rss.git] / tt-rss.css
1 body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
6 font-family : sans-serif;
7 font-size : 12px;
8 }
9
10 body#ttrssPrefs {
11 background-color : #ecf4ff;
12 }
13
14 body#ttrssPrefs #footer, body#ttrssPrefs #header {
15 background-color : #ecf4ff;
16 padding-left : 8px;
17 padding-right : 8px;
18 }
19
20 div.postReply {
21 padding : 0px;
22 }
23
24 div.postReply a {
25 color : #4684ff;
26 }
27
28 div.postReply a:hover {
29 color : black;
30 }
31
32 div.postReply div.postHeader {
33 border-width : 0px 0px 1px 0px;
34 border-style : solid;
35 border-color : #c0c0c0;
36 background : #fafafa;
37 box-shadow : 0px 0px 3px 0px #ccc;
38 padding : 5px;
39 color : #909090;
40 }
41
42 div.postReply div.postTitle {
43 overflow : hidden;
44 text-overflow: ellipsis;
45 white-space : nowrap;
46 }
47
48 div.postReply div.postDate {
49 padding-left : 10px;
50 }
51
52 div.postReply div.postContent {
53 padding : 10px;
54 font-size : 12px;
55 }
56
57 div.postReply div.postContent img {
58 border-width : 0px;
59 max-width : 98%;
60 height: auto;
61 }
62
63 div.postReply div.postEnclosures {
64 margin-top : 1em;
65 color : gray;
66 }
67
68 div.postReply img.tagsPic {
69 width : 16px;
70 height : 16px;
71 margin-left : 4px;
72 vertical-align : middle;
73 }
74
75 div.articleNote {
76 background-color : #fff7d5;
77 padding : 5px;
78 border-style : none none dashed none;
79 border-color : #e7d796;
80 border-width : 1px;
81 background-color : #fff7d5;
82 color : #9a8c59;
83 }
84
85 div.articleNote div.noteEdit {
86 float : right;
87 cursor : pointer;
88 }
89
90 div.postReply span.author {
91 font-size : 12px;
92 }
93
94 h1 {
95 font-size : 18px;
96 }
97
98 h2 {
99 font-size : 16px;
100 font-weight : bold;
101 border-width : 0px 0px 1px 0px;
102 border-style : solid;
103 border-color : #ecf4ff;
104 }
105
106 h3 {
107 font-size : 12px;
108 font-weight : bold;
109 border-width : 0px 0px 1px 0px;
110 border-style : solid;
111 border-color : #ecf4ff;
112 }
113
114 hr {
115 border-width : 0px 0px 1px 0px;
116 border-style : dashed;
117 border-color : #e0e0e0;
118 }
119
120 a {
121 color : black;
122 text-decoration : none;
123 }
124
125 a:hover {
126 color : #4684ff;
127 }
128
129 #piggie {
130 z-index : 999;
131 position : absolute;
132 }
133
134 #notify {
135 bottom : 10px;
136 right : 10px;
137 border-width : 1px;
138 border-style : solid;
139 position : absolute;
140 font-size : 12px;
141 z-index : 99;
142 padding : 5px;
143 min-width : 200px;
144 box-shadow : 0px 0px 2px #ccc;
145 }
146
147 #notify img {
148 vertical-align : middle;
149 max-height : 14px;
150 }
151
152 #notify span.msg {
153 width : 100%;
154 }
155
156 #notify span.close {
157 text-align : right;
158 }
159
160 #notify span {
161 display : table-cell;
162 vertical-align : middle;
163 padding : 4px;
164 }
165
166 .notify {
167 border-color : #d7c47a;
168 background-color : #fff7d5;
169 }
170
171 .notify.progress {
172 border-color : #d7c47a;
173 background-color : #fff7d5;
174 }
175
176 .notify.info {
177 border-color : #88b0f0;
178 background-color : #ecf4ff;
179 }
180
181 .notify.error {
182 background-color : #ffcccc;
183 border-color : #ff0000;
184 }
185
186 .hl.Unread div.hlTitle {
187 font-weight : bold;
188 }
189
190 .hl.even.Grayed {
191 background : #f0f0f0;
192 color : #909090;
193 border-width : 0px 0px 1px 0px;
194 border-style : solid;
195 border-color : #c0c0c0;
196 border-collapse : collapse;
197 }
198
199 .hl.odd.Grayed {
200 color : #909090;
201 }
202
203 .hl {
204 border-width : 0px 1px 1px 0px;
205 border-style : solid;
206 border-color : #c0c0c0;
207 }
208
209 .hl.active {
210 background : #ecf4ff ! important;
211 }
212
213 .hl.even {
214 background : #f0f0f0;
215 border-collapse : collapse;
216 }
217
218 .hl.odd {
219 background : white;
220 }
221
222 div.filterTestHolder {
223 height : 300px;
224 overflow : auto;
225 border-color : #c0c0c0;
226 border-style : solid;
227 margin : 0px 0px 5px 0px;
228 background-color : #ecf4ff;
229 border-width : 1px 1px 1px 1px;
230 }
231
232
233 #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
234 margin : 5px 0px 5px 0px;
235 padding : 10px;
236 color : gray;
237 border-width : 0px 0px 0px 3px;
238 border-color : #c0c0c0;
239 border-style : solid;
240 background : #fafafa;
241 }
242
243 #content-insert code, #headlines-frame code, .dijitContentPane code {
244 color : #009900;
245 font-family : monospace;
246 font-size : 12px;
247 }
248
249 #content-insert pre, #headlines-frame pre, .dijitContentPane pre {
250 margin : 5px 0px 5px 0px;
251 padding : 10px;
252 color : gray;
253 font-family : monospace;
254 font-size : 12px;
255 border-width : 0px;
256 border-color : #c0c0c0;
257 border-style : solid;
258 background : #fafafa;
259 display : block;
260 max-width : 98%;
261 overflow : auto;
262 }
263
264 div.notice, div.warning, div.error {
265 padding : 4px 10px 4px 4px;
266 display : inline-block;
267 margin : 2px 0px 4px 0px;
268 font-size : 12px;
269 box-shadow : 0px 0px 2px #ccc;
270 }
271
272 div.notice div.inner, div.warning div.inner, div.error div.inner {
273 vertical-align : middle;
274 }
275
276 div.notice {
277 background : #ecf4ff;
278 }
279
280 div.warning {
281 background : #fff7d5;
282 }
283
284 div.error {
285 background : #ffcccc;
286 }
287
288 div.warning img, div.notice img, div.error img {
289 margin-right : 4px;
290 vertical-align : middle;
291 }
292
293 div.warning span, div.notice span, div.error span {
294 display : table-cell;
295 vertical-align : middle;
296
297 }
298
299 ul.nomarks {
300 list-style-type : none;
301 margin : 0px;
302 padding : 10px;
303 }
304
305 div.prefHelp {
306 color : gray;
307 padding : 5px;
308 }
309
310 span.feed_error {
311 color : red;
312 }
313
314 .insensitive {
315 color : gray;
316 }
317
318 .insensitive a {
319 color : #4684ff;
320 }
321
322 .insensitive a:hover {
323 color : black;
324 }
325
326 div#headlines-toolbar {
327 border-width : 0px 0px 1px 0px;
328 background-color : #f0f0f0;
329 border-color : #c0c0c0;
330 font-size : 11px;
331 font-family : "Segoe UI", Tahoma, sans-serif;
332 color : gray;
333 padding : 0px;
334 margin : 0px;
335 overflow : hidden;
336 height : 25px;
337 line-height : 25px;
338 padding-left : 4px;
339 }
340
341 div#headlines-toolbar .dijitSelect {
342 font-size : 11px;
343 position : relative;
344 top : -2px;
345 }
346
347 div#headlines-toolbar span.r {
348 float: right;
349 position: relative;
350 padding : 0 4px 0px 4px;
351 text-align : right;
352 }
353
354 div#headlines-toolbar span.r span.error {
355 color : red;
356 }
357
358 div#headlines-toolbar span.r a {
359 color : gray;
360 }
361
362 div#headlines-toolbar span.r a:hover {
363 color : black;
364 }
365
366 span.contentPreview {
367 color : gray;
368 font-weight : normal;
369 }
370
371 span.contentPreview:hover {
372 color : #4684ff;
373 }
374
375 span.hlLabelRef {
376 background-color : #fff7d5;
377 font-size : 8px;
378 color : #063064;
379 font-weight : normal;
380 margin : 0px 3px 0px 3px;
381 padding : 0px 4px 0px 4px;
382 white-space: nowrap;
383 }
384
385 div.postHeader div.postDate {
386 text-align : right;
387 color : gray;
388 float : right;
389 }
390
391 div.postHeader div {
392 padding-bottom : 3px;
393 font-size : 12px;
394 }
395
396 #feedUpdateErrors {
397 display : none;
398 }
399
400 #allEntryTags {
401 font-size : 12px;
402 border-width : 0px 0px 1px 0px;
403 border-style : solid;
404 border-color : #c0c0c0;
405 padding-bottom : 5px;
406 display : none;
407 }
408
409 div.hlFeed, div.hlFeed a {
410 font-size : 10px;
411 color : gray;
412 font-style : italic;
413 font-weight : normal;
414 white-space: nowrap;
415 }
416
417 div.hlFeed a:hover {
418 color : #4684ff;
419 }
420
421 img.markedPic, img.pubPic {
422 cursor : pointer;
423 vertical-align : middle;
424 }
425
426 div.tagCloudContainer {
427 border : 1px solid #c0c0c0;
428 background-color : #ecf4ff;
429 margin : 5px 0px 5px 0px;
430 padding : 5px;
431 text-align : center;
432 }
433
434 div.errorExplained {
435 border : 1px solid #c0c0c0;
436 background-color : #ecf4ff;
437 margin : 5px 0px 5px 0px;
438 padding : 5px;
439 }
440
441 ul.feedErrorsList {
442 max-height : 300px;
443 overflow : auto;
444 list-style-type : none;
445 border : 1px solid #c0c0c0;
446 background-color : #ecf4ff;
447 margin : 0px 0px 5px 0px;
448 padding : 5px;
449 }
450
451 ul.feedErrorsList em {
452 color : gray;
453 }
454
455 ul.browseFeedList {
456 height : 300px;
457 overflow : auto;
458 border-width : 0px 1px 1px 1px;
459 border-color : #c0c0c0;
460 border-style : solid;
461 margin : 0px 0px 5px 0px;
462 background-color : white;
463 list-style-type : none;
464 padding : 0px;
465
466 }
467
468 ul.browseFeedList li {
469 margin : 0px;
470 padding : 2px 4px 2px 4px;
471 }
472
473 span.subscribers {
474 color : #808080;
475 }
476
477 div.subscribers {
478 color : #808080;
479 font-size : 12px;
480 float : right;
481 }
482
483 div.browserDetails {
484 margin : 5px 5px 5px 5px;
485 padding : 5px;
486 }
487
488 ul.compact {
489 list-style-type : none;
490 margin : 0px;
491 padding : 0px;
492 }
493
494 ul.compact li {
495 margin : 0px;
496 padding : 0px;
497 }
498
499 .noborder {
500 border-width : 0px;
501 }
502
503 #overlay {
504 background : white;
505 left : 0;
506 top : 0;
507 height : 100%;
508 width : 100%;
509 z-index : 100;
510 position : absolute;
511 }
512
513 #overlay_inner {
514 font-weight : bold;
515 margin : 1em;
516 }
517
518 form {
519 margin : 0px;
520 padding : 0px;
521 }
522
523 #main_toolbar_form {
524 margin : 0px;
525 padding : 0px;
526 display : table-cell;
527 white-space : nowrap;
528 width : 100%;
529 }
530
531 div.loadingPrompt {
532 padding : 1em;
533 text-align : center;
534 font-weight : bold;
535 }
536
537 div.whiteBox {
538 margin-left : 1px;
539 text-align : center;
540 padding : 1em;
541 }
542
543 html, body#ttrssMain, #main {
544 width: 100%;
545 height: 100%;
546 border: 0;
547 padding: 0;
548 margin: 0;
549 }
550
551 #toolbar div.actionChooser {
552 display : table-cell;
553 text-align : right;
554 padding-right : 3px;
555 }
556
557 div.autocomplete {
558 position : absolute;
559 width : 250px;
560 background-color : white;
561 border :1px solid #778899;
562 margin : 0px;
563 padding : 0px;
564 }
565
566 div.autocomplete ul {
567 list-style-type : none;
568 margin : 0px;
569 padding : 0px;
570 }
571
572 div.autocomplete ul li.selected {
573 background-color : #fff7d5;
574 }
575
576 div.autocomplete ul li {
577 list-style-type : none;
578 display : block;
579 margin : 0;
580 padding : 2px;
581 height : 32px;
582 cursor : pointer;
583 }
584
585 a.visibleLink {
586 color : #4684ff;
587 }
588
589 .hlContentH a, .hlContentH span {
590 color : #00cc00;
591 }
592
593 .hlContentL a, .hlContentL span {
594 color : #909090;
595 text-decoration : line-through;
596 }
597
598 span.titleWrapH, span.titleWrapH a {
599 color : #00cc00;
600 }
601
602 span.titleWrapL, span.titleWrapL a {
603 color : #909090;
604 text-decoration : line-through;
605 }
606
607 img.hlScorePic {
608 vertical-align : middle;
609 width : 16px;
610 height : 16px;
611 }
612
613 div.dlgSec {
614 font-size : 12px;
615 color : gray;
616 font-weight : bold;
617 clear : both;
618 height : 20px;
619 }
620
621 div.dlgSecCont {
622 position : relative;
623 left : 150px;
624 top : -20px;
625 float : left;
626 font-size : 12px;
627 font-weight : normal;
628 }
629
630 div.dlgSecCont hr {
631 height : 0px;
632 line-height : 0px;
633 border : 0px solid transparent;
634 margin : 2px;
635 }
636
637 div.dlgSecCont > * {
638 position : relative;
639 top : -2px;
640 }
641
642 div.dlgButtons {
643 text-align : right;
644 clear : both;
645 }
646
647 span.labelColorIndicator {
648 height : 14px;
649 width : 14px;
650 line-height : 14px;
651 font-size : 9px;
652 display : inline-block;
653 border : 1px solid black;
654 background-color : #fff7d5;
655 color : #063064;
656 text-align : center;
657 margin-right : 2px;
658 }
659
660 span.labelColorIndicator2 {
661 height : 14px;
662 width : 14px;
663 font-size : 9px;
664 display : inline-block;
665 border : 1px solid black;
666 background-color : #fff7d5;
667 color : #063064;
668 text-align : center;
669 margin-right : 2px;
670 vertical-align : bottom;
671 }
672
673 div#cmdline {
674 position : absolute;
675 left : 5px;
676 bottom : 5px;
677 font-size : 11px;
678 color : gray;
679 font-weight : bold;
680 background-color : white;
681 border : 1px solid #88b0f0;
682 padding : 3px 5px 3px 5px;
683 z-index : 5;
684 }
685
686 #feed_browser_spinner {
687 vertical-align : middle;
688 height : 18px;
689 width : 18px;
690 }
691
692 div.hlTitle {
693 display : table-cell;
694 cursor : pointer;
695 width : 100%;
696 vertical-align : middle;
697 padding-top : 4px;
698 padding-bottom : 4px;
699 }
700
701 div.hlLeft {
702 display : table-cell;
703 vertical-align : middle;
704 white-space: nowrap;
705 }
706
707 div.hlRight {
708 display : table-cell;
709 white-space: nowrap;
710 text-align : right;
711 vertical-align : middle;
712 }
713
714 div.hlRight img {
715 max-width : 16px;
716 max-height : 16px;
717 }
718
719 span.hlUpdated {
720 color : gray;
721 min-width : 100px;
722 display : table-cell;
723 width : 100%;
724 vertical-align : middle;
725 text-align : right;
726 font-size : 10px;
727 font-weight : normal;
728 }
729
730 div.hlLeft {
731 padding-left : 8px;
732 }
733
734 div.hlLeft input {
735 margin-left : 4px;
736 margin-right : 4px;
737 }
738
739 div.hlLeft img, div.hlRight img {
740 margin : 0px 4px 0px 4px;
741 }
742
743 div.hlLeft img {
744 width : 16px;
745 height : 16px;
746 }
747
748 div.fatalError {
749 margin-bottom : 10px;
750 }
751
752 div.fatalError button {
753 margin-top : 5px;
754 }
755
756 div.fatalError textarea {
757 width : 100%;
758 height : 100px;
759 }
760
761 #main {
762 border-width : 0px;
763 margin : 0px;
764 padding : 0px;
765 }
766
767 #header-wrap {
768 border-width : 0px;
769 margin : 0px;
770 padding : 0px;
771 }
772
773 #content-wrap {
774 padding : 0px;
775 border-width : 0px 0px 1px 1px;
776 border-style : solid;
777 border-color : #c0c0c0;
778 margin : 0px;
779 }
780
781 #feeds-holder {
782 padding : 0px;
783 border-color : #88b0f0;
784 border-left-width : 0px;
785 border-bottom-width : 0px;
786 border-top-width : 0px;
787 overflow : auto;
788 }
789
790 #headlines-wrap-inner {
791 padding : 0px;
792 margin : 0px;
793 border-width : 0px;
794 }
795
796 #feedTree {
797 overflow : visible;
798 }
799
800 #headlines-frame {
801 padding : 0px;
802 border-color : #88b0f0;
803 border-left-width : 0px;
804 border-right-width : 0px;
805 margin-top : 0px;
806 border-top-width : 0px;
807 }
808
809 #headlines-toolbar_splitter, #toolbar_splitter {
810 display : none;
811 }
812
813 #toolbar {
814 padding : 0px;
815 margin : 0px;
816 border-width : 0px;
817 white-space: nowrap;
818 font-size : 11px;
819 }
820
821 #header {
822 border-width : 0px;
823 text-align : right;
824 color : gray;
825 padding : 5px 5px 0px 0px;
826 margin : 0px;
827 position : absolute;
828 right : 0px;
829 top : 0px;
830 z-index : 5;
831 }
832
833 #footer {
834 text-align : center;
835 color : gray;
836 padding : 4px 4px 8px 4px;
837 border-width : 0px;
838 }
839
840 #content-insert {
841 padding : 0px;
842 border-color : #88b0f0;
843 border-bottom-width : 0px;
844 border-right-width : 0px;
845 border-left-width : 0px;
846 overflow : auto;
847 }
848
849 .dijitTreeLabel.Unread {
850 font-weight : bold;
851 }
852
853 .feedParam {
854 color : gray;
855 float : right;
856 margin-right : 1em;
857 }
858
859 .labelParam {
860 float : right;
861 margin-right : 1em;
862 }
863
864 .dijitTreeLabel.Disabled, .labelParam.Disabled {
865 color : gray;
866 }
867
868 .dijitTreeRow.Error {
869 color : red;
870 }
871
872 .dijitTreeRow.Hidden {
873 display : none;
874 }
875
876 img.feedIcon, img.tinyFeedIcon {
877 width : 16px;
878 height : 16px;
879 vertical-align : middle;
880 display : inline-block;
881 }
882
883 .dijitDialog .dijitToolbar {
884 border : 1px solid #c0c0c0;
885 }
886
887 .dijitDialog h2 {
888 margin-top : 0px;
889 margin-bottom : 4px;
890 border-width : 0px;
891 }
892
893 .player {
894 display : inline-block;
895 color : gray;
896 font-size : 11px;
897 font-family : sans-serif;
898 border : 1px solid gray;
899 padding : 0px 4px 0px 4px;
900 margin : 0px 2px 0px 2px;
901 width : 50px;
902 text-align : center;
903 background : white;
904 }
905
906 .player.playing {
907 color : #00c000;
908 border-color : #00c000;
909 }
910
911 .player:hover {
912 background : #f0f0f0;
913 cursor : pointer;
914 }
915
916 #headlines-spacer {
917 height : 100%;
918 margin-left : 1px;
919 text-align : center;
920 padding : 1em;
921 color : gray;
922 }
923
924 ul#filterDlg_Matches, ul#filterDlg_Actions {
925 max-height : 100px;
926 overflow : auto;
927 list-style-type : none;
928 border-style : solid;
929 border-color : #c0c0c0;
930 border-width : 0px 1px 1px 1px;
931 background-color : #ecf4ff;
932 margin : 0px 0px 5px 0px;
933 padding : 0px;
934 }
935
936 ul#filterDlg_Matches li, ul#filterDlg_Actions li {
937 cursor : pointer;
938 padding : 0px 0px 0px 5px;
939 }
940
941 ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
942 margin-right : 5px;
943 }
944
945 ul.helpKbList {
946 max-height : 300px;
947 overflow : auto;
948 list-style-type : none;
949 border : 1px solid #c0c0c0;
950 background-color : #ecf4ff;
951 margin : 0px 0px 5px 0px;
952 padding : 5px;
953 }
954
955 ul.helpKbList span.hksequence {
956 width : 6em;
957 margin-left : 20px;
958 color : #88b0f0;
959 font-weight : bold;
960 display : inline-block;
961 }
962
963 ul.helpKbList h2 {
964 margin-top : 0px;
965 }
966
967 .dijitTreeNode .loadingNode {
968 margin-left : 3px;
969 }
970
971 span.collapseBtn {
972 cursor : pointer;
973 }
974
975 div.postContent p {
976 max-width : 650px;
977 }
978
979 div.postContent iframe {
980 min-width : 50%;
981 }
982
983 div.postHeader span.author {
984 color : gray;
985 font-size : 11px;
986 font-weight : normal;
987 }
988
989 body#ttrssZoom {
990 margin-left : auto;
991 margin-right : auto;
992 padding : 2em;
993 max-width : 800px;
994 background : #f0f0f0;
995 }
996
997 body#ttrssZoom div.postContent p {
998 max-width : 650px;
999 }
1000
1001 body#ttrssZoom div.postReply {
1002 border : 1px solid #ccc;
1003 box-shadow : 0px 0px 3px #ccc;
1004 }
1005
1006 body#ttrssZoom div.postContent {
1007 background-color : white;
1008 }
1009
1010 body#ttrssZoom div.footer {
1011 margin-top : 1em;
1012 text-align : center;
1013 }
1014
1015 body#ttrssZoom div.postContent img {
1016 max-width : 650px;
1017 height : auto;
1018 }
1019
1020 select.attachments {
1021 display : block;
1022 margin-top : 10px;
1023 max-width : 120px;
1024 }
1025
1026 div.hl.active {
1027 border-color : #88b0f0;
1028 }
1029
1030 div.hl.active a.title {
1031 color : #4684ff;
1032 }
1033
1034 #selected_prompt {
1035 margin-right : 25px;
1036 }