OLD | NEW |
1 /* BASICS */ | 1 /* BASICS */ |
2 | 2 |
3 .CodeMirror { | 3 .CodeMirror { |
4 /* Set height, width, borders, and global font properties here */ | 4 /* Set height, width, borders, and global font properties here */ |
5 font-family: monospace; | 5 font-family: monospace; |
6 height: 300px; | 6 height: 300px; |
7 } | 7 } |
8 .CodeMirror-scroll { | 8 .CodeMirror-scroll { |
9 /* Set scrolling behaviour here */ | 9 /* Set scrolling behaviour here */ |
10 overflow: auto; | 10 overflow: auto; |
(...skipping 22 matching lines...) Expand all Loading... |
33 .CodeMirror-linenumbers {} | 33 .CodeMirror-linenumbers {} |
34 .CodeMirror-linenumber { | 34 .CodeMirror-linenumber { |
35 padding: 0 3px 0 5px; | 35 padding: 0 3px 0 5px; |
36 min-width: 20px; | 36 min-width: 20px; |
37 text-align: right; | 37 text-align: right; |
38 color: #999; | 38 color: #999; |
39 -moz-box-sizing: content-box; | 39 -moz-box-sizing: content-box; |
40 box-sizing: content-box; | 40 box-sizing: content-box; |
41 } | 41 } |
42 | 42 |
| 43 .CodeMirror-guttermarker { color: black; } |
| 44 .CodeMirror-guttermarker-subtle { color: #999; } |
| 45 |
43 /* CURSOR */ | 46 /* CURSOR */ |
44 | 47 |
45 .CodeMirror div.CodeMirror-cursor { | 48 .CodeMirror div.CodeMirror-cursor { |
46 border-left: 1px solid black; | 49 border-left: 1px solid black; |
47 } | 50 } |
48 /* Shown when moving in bi-directional text */ | 51 /* Shown when moving in bi-directional text */ |
49 .CodeMirror div.CodeMirror-secondarycursor { | 52 .CodeMirror div.CodeMirror-secondarycursor { |
50 border-left: 1px solid silver; | 53 border-left: 1px solid silver; |
51 } | 54 } |
52 .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor { | 55 .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor { |
53 width: auto; | 56 width: auto; |
54 border: 0; | 57 border: 0; |
55 background: #7e7; | 58 background: #7e7; |
56 } | 59 } |
| 60 .cm-animate-fat-cursor { |
| 61 width: auto; |
| 62 border: 0; |
| 63 -webkit-animation: blink 1.06s steps(1) infinite; |
| 64 -moz-animation: blink 1.06s steps(1) infinite; |
| 65 animation: blink 1.06s steps(1) infinite; |
| 66 } |
| 67 @-moz-keyframes blink { |
| 68 0% { background: #7e7; } |
| 69 50% { background: none; } |
| 70 100% { background: #7e7; } |
| 71 } |
| 72 @-webkit-keyframes blink { |
| 73 0% { background: #7e7; } |
| 74 50% { background: none; } |
| 75 100% { background: #7e7; } |
| 76 } |
| 77 @keyframes blink { |
| 78 0% { background: #7e7; } |
| 79 50% { background: none; } |
| 80 100% { background: #7e7; } |
| 81 } |
| 82 |
57 /* Can style cursor different in overwrite (non-insert) mode */ | 83 /* Can style cursor different in overwrite (non-insert) mode */ |
58 div.CodeMirror-overwrite div.CodeMirror-cursor {} | 84 div.CodeMirror-overwrite div.CodeMirror-cursor {} |
59 | 85 |
60 .cm-tab { display: inline-block; } | 86 .cm-tab { display: inline-block; } |
61 | 87 |
62 .CodeMirror-ruler { | 88 .CodeMirror-ruler { |
63 border-left: 1px solid #ccc; | 89 border-left: 1px solid #ccc; |
64 position: absolute; | 90 position: absolute; |
65 } | 91 } |
66 | 92 |
(...skipping 25 matching lines...) Expand all Loading... |
92 | 118 |
93 .cm-negative {color: #d44;} | 119 .cm-negative {color: #d44;} |
94 .cm-positive {color: #292;} | 120 .cm-positive {color: #292;} |
95 .cm-header, .cm-strong {font-weight: bold;} | 121 .cm-header, .cm-strong {font-weight: bold;} |
96 .cm-em {font-style: italic;} | 122 .cm-em {font-style: italic;} |
97 .cm-link {text-decoration: underline;} | 123 .cm-link {text-decoration: underline;} |
98 | 124 |
99 .cm-s-default .cm-error {color: #f00;} | 125 .cm-s-default .cm-error {color: #f00;} |
100 .cm-invalidchar {color: #f00;} | 126 .cm-invalidchar {color: #f00;} |
101 | 127 |
| 128 /* Default styles for common addons */ |
| 129 |
102 div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} | 130 div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} |
103 div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} | 131 div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
| 132 .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } |
104 .CodeMirror-activeline-background {background: #e8f2ff;} | 133 .CodeMirror-activeline-background {background: #e8f2ff;} |
105 | 134 |
106 /* STOP */ | 135 /* STOP */ |
107 | 136 |
108 /* The rest of this file contains styles related to the mechanics of | 137 /* The rest of this file contains styles related to the mechanics of |
109 the editor. You probably shouldn't touch them. */ | 138 the editor. You probably shouldn't touch them. */ |
110 | 139 |
111 .CodeMirror { | 140 .CodeMirror { |
112 line-height: 1; | 141 line-height: 1; |
113 position: relative; | 142 position: relative; |
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
263 | 292 |
264 /* Used to force a border model for a node */ | 293 /* Used to force a border model for a node */ |
265 .cm-force-border { padding-right: .1px; } | 294 .cm-force-border { padding-right: .1px; } |
266 | 295 |
267 @media print { | 296 @media print { |
268 /* Hide the cursor when printing */ | 297 /* Hide the cursor when printing */ |
269 .CodeMirror div.CodeMirror-cursors { | 298 .CodeMirror div.CodeMirror-cursors { |
270 visibility: hidden; | 299 visibility: hidden; |
271 } | 300 } |
272 } | 301 } |
OLD | NEW |