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