Mercurial
comparison .cms/lib/codemirror/addon/merge/merge.css @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 .CodeMirror-merge { | |
2 position: relative; | |
3 border: 1px solid #ddd; | |
4 white-space: pre; | |
5 } | |
6 | |
7 .CodeMirror-merge, .CodeMirror-merge .CodeMirror { | |
8 height: 350px; | |
9 } | |
10 | |
11 .CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 47%; } | |
12 .CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 6%; } | |
13 .CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; } | |
14 .CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; } | |
15 | |
16 .CodeMirror-merge-pane { | |
17 display: inline-block; | |
18 white-space: normal; | |
19 vertical-align: top; | |
20 } | |
21 .CodeMirror-merge-pane-rightmost { | |
22 position: absolute; | |
23 right: 0px; | |
24 z-index: 1; | |
25 } | |
26 | |
27 .CodeMirror-merge-gap { | |
28 z-index: 2; | |
29 display: inline-block; | |
30 height: 100%; | |
31 -moz-box-sizing: border-box; | |
32 box-sizing: border-box; | |
33 overflow: hidden; | |
34 border-left: 1px solid #ddd; | |
35 border-right: 1px solid #ddd; | |
36 position: relative; | |
37 background: #f8f8f8; | |
38 } | |
39 | |
40 .CodeMirror-merge-scrolllock-wrap { | |
41 position: absolute; | |
42 bottom: 0; left: 50%; | |
43 } | |
44 .CodeMirror-merge-scrolllock { | |
45 position: relative; | |
46 left: -50%; | |
47 cursor: pointer; | |
48 color: #555; | |
49 line-height: 1; | |
50 } | |
51 .CodeMirror-merge-scrolllock:after { | |
52 content: "\21db\00a0\00a0\21da"; | |
53 } | |
54 .CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after { | |
55 content: "\21db\21da"; | |
56 } | |
57 | |
58 .CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right { | |
59 position: absolute; | |
60 left: 0; top: 0; | |
61 right: 0; bottom: 0; | |
62 line-height: 1; | |
63 } | |
64 | |
65 .CodeMirror-merge-copy { | |
66 position: absolute; | |
67 cursor: pointer; | |
68 color: #44c; | |
69 z-index: 3; | |
70 } | |
71 | |
72 .CodeMirror-merge-copy-reverse { | |
73 position: absolute; | |
74 cursor: pointer; | |
75 color: #44c; | |
76 } | |
77 | |
78 .CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; } | |
79 .CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; } | |
80 | |
81 .CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted { | |
82 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==); | |
83 background-position: bottom left; | |
84 background-repeat: repeat-x; | |
85 } | |
86 | |
87 .CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted { | |
88 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==); | |
89 background-position: bottom left; | |
90 background-repeat: repeat-x; | |
91 } | |
92 | |
93 .CodeMirror-merge-r-chunk { background: #ffffe0; } | |
94 .CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; } | |
95 .CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; } | |
96 .CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; } | |
97 | |
98 .CodeMirror-merge-l-chunk { background: #eef; } | |
99 .CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; } | |
100 .CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; } | |
101 .CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; } | |
102 | |
103 .CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; } | |
104 .CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; } | |
105 .CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; } | |
106 | |
107 .CodeMirror-merge-collapsed-widget:before { | |
108 content: "(...)"; | |
109 } | |
110 .CodeMirror-merge-collapsed-widget { | |
111 cursor: pointer; | |
112 color: #88b; | |
113 background: #eef; | |
114 border: 1px solid #ddf; | |
115 font-size: 90%; | |
116 padding: 0 3px; | |
117 border-radius: 4px; | |
118 } | |
119 .CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; } |