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