]> git.wh0rd.org Git - 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 }