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