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