Building js & css for editor with r.js/lessc via grunt tasks
[fnpeditor.git] / modules / diffViewer / diffViewer.less
1 .rng-module-diffViewer {\r
2     .nav-tabs > li > a {\r
3         min-width: 0;\r
4         font-size: 0.9em;\r
5         padding: 4px 6px;\r
6     }\r
7     \r
8     .tab-content {\r
9         position: absolute;\r
10         top:0;\r
11         bottom:0;\r
12         left:0;\r
13         right:60px;\r
14         overflow-y: scroll;\r
15         &::-webkit-scrollbar {\r
16             .rng-mixin-scrollbar;\r
17         }\r
18         &::-webkit-scrollbar-track {\r
19             .rng-mixin-scrollbar-track;\r
20         }\r
21         &::-webkit-scrollbar-thumb {\r
22             .rng-mixin-scrollbar-thumb;\r
23         }\r
24         &::-webkit-scrollbar-thumb:window-inactive {\r
25             .rng-mixin-scrollbar-thumb-window-inactive;\r
26         }\r
27     }\r
28     \r
29     .diff_table {\r
30         border-width: 1px 0 1px 1px;\r
31         border-style: solid;\r
32         border-color: #ddd;\r
33         empty-cells: show;\r
34         border-spacing: 0px;\r
35     }\r
36 \r
37     .diff_table td {\r
38         border-width: 0px 1px 1px 0px;\r
39         border-style: dotted;\r
40         border-color: grey;\r
41         font-size: 10px;\r
42         line-height: 20px;\r
43         font-family: monospace;\r
44         padding: 0px;\r
45         white-space: pre-line;\r
46         /*word-wrap:break-word;\r
47          word-break:break-all; */\r
48     }\r
49 \r
50     .diff_table th {\r
51         border-width: 0px 1px 1px 0px;\r
52         border-style: solid;\r
53         border-color: #ddd;\r
54         background: #e5ffe5;\r
55     }\r
56 \r
57     .diff_table tr.change {\r
58         background-color: #dcdcdc;\r
59     }\r
60 \r
61     .diff_mark {\r
62         display: inline-block;\r
63         padding: 2px;\r
64     }\r
65 \r
66     .diff_mark_removed {\r
67         background-color: #ff9c94;\r
68     }\r
69 \r
70     .diff_mark_added {\r
71         background-color: #90ee90;\r
72     }\r
73 \r
74     .diff_mark_changed {\r
75         background-color: yellow;\r
76     }\r
77 }