Merge branch '2.0'
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / js / 3rdParty / codemirror / addon / merge / merge.css
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
52 .CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
53 position: absolute;
54 left: 0; top: 0;
55 right: 0; bottom: 0;
56 line-height: 1;
57 }
58
59 .CodeMirror-merge-copy {
60 position: absolute;
61 cursor: pointer;
62 color: #44c;
63 }
64
65 .CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
66 .CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }
67
68 .CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
69 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
70 background-position: bottom left;
71 background-repeat: repeat-x;
72 }
73
74 .CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
75 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
76 background-position: bottom left;
77 background-repeat: repeat-x;
78 }
79
80 .CodeMirror-merge-r-chunk { background: #ffffe0; }
81 .CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; }
82 .CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; }
83 .CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; }
84
85 .CodeMirror-merge-l-chunk { background: #eef; }
86 .CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
87 .CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
88 .CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }
89
90 .CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
91 .CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
92 .CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }