merge.css (3249B)
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 z-index: 3; 64 } 65 66 .CodeMirror-merge-copy-reverse { 67 position: absolute; 68 cursor: pointer; 69 color: #44c; 70 } 71 72 .CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; } 73 .CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; } 74 75 .CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted { 76 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==); 77 background-position: bottom left; 78 background-repeat: repeat-x; 79 } 80 81 .CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted { 82 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==); 83 background-position: bottom left; 84 background-repeat: repeat-x; 85 } 86 87 .CodeMirror-merge-r-chunk { background: #ffffe0; } 88 .CodeMirror-merge-r-chunk-start { border-top: 1px solid #ee8; } 89 .CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #ee8; } 90 .CodeMirror-merge-r-connect { fill: #ffffe0; stroke: #ee8; stroke-width: 1px; } 91 92 .CodeMirror-merge-l-chunk { background: #eef; } 93 .CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; } 94 .CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; } 95 .CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; } 96 97 .CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; } 98 .CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; } 99 .CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; } 100 101 .CodeMirror-merge-collapsed-widget:before { 102 content: "(...)"; 103 } 104 .CodeMirror-merge-collapsed-widget { 105 cursor: pointer; 106 color: #88b; 107 background: #eef; 108 border: 1px solid #ddf; 109 font-size: 90%; 110 padding: 0 3px; 111 border-radius: 4px; 112 } 113 .CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; }