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