]>
Commit | Line | Data |
---|---|---|
1 | /* BASICS */\r | |
2 | \r | |
3 | .CodeMirror {\r | |
4 | /* Set height, width, borders, and global font properties here */\r | |
5 | font-family: monospace;\r | |
6 | height: 300px;\r | |
7 | color: black;\r | |
8 | }\r | |
9 | \r | |
10 | /* PADDING */\r | |
11 | \r | |
12 | .CodeMirror-lines {\r | |
13 | padding: 4px 0; /* Vertical padding around content */\r | |
14 | }\r | |
15 | .CodeMirror pre {\r | |
16 | padding: 0 4px; /* Horizontal padding of content */\r | |
17 | }\r | |
18 | \r | |
19 | .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\r | |
20 | background-color: white; /* The little square between H and V scrollbars */\r | |
21 | }\r | |
22 | \r | |
23 | /* GUTTER */\r | |
24 | \r | |
25 | .CodeMirror-gutters {\r | |
26 | border-right: 1px solid #ddd;\r | |
27 | background-color: #f7f7f7;\r | |
28 | white-space: nowrap;\r | |
29 | }\r | |
30 | .CodeMirror-linenumbers {}\r | |
31 | .CodeMirror-linenumber {\r | |
32 | padding: 0 3px 0 5px;\r | |
33 | min-width: 20px;\r | |
34 | text-align: right;\r | |
35 | color: #999;\r | |
36 | white-space: nowrap;\r | |
37 | }\r | |
38 | \r | |
39 | .CodeMirror-guttermarker { color: black; }\r | |
40 | .CodeMirror-guttermarker-subtle { color: #999; }\r | |
41 | \r | |
42 | /* CURSOR */\r | |
43 | \r | |
44 | .CodeMirror div.CodeMirror-cursor {\r | |
45 | border-left: 1px solid black;\r | |
46 | }\r | |
47 | /* Shown when moving in bi-directional text */\r | |
48 | .CodeMirror div.CodeMirror-secondarycursor {\r | |
49 | border-left: 1px solid silver;\r | |
50 | }\r | |
51 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {\r | |
52 | width: auto;\r | |
53 | border: 0;\r | |
54 | background: #7e7;\r | |
55 | }\r | |
56 | .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {\r | |
57 | z-index: 1;\r | |
58 | }\r | |
59 | \r | |
60 | .cm-animate-fat-cursor {\r | |
61 | width: auto;\r | |
62 | border: 0;\r | |
63 | -webkit-animation: blink 1.06s steps(1) infinite;\r | |
64 | -moz-animation: blink 1.06s steps(1) infinite;\r | |
65 | animation: blink 1.06s steps(1) infinite;\r | |
66 | }\r | |
67 | @-moz-keyframes blink {\r | |
68 | 0% { background: #7e7; }\r | |
69 | 50% { background: none; }\r | |
70 | 100% { background: #7e7; }\r | |
71 | }\r | |
72 | @-webkit-keyframes blink {\r | |
73 | 0% { background: #7e7; }\r | |
74 | 50% { background: none; }\r | |
75 | 100% { background: #7e7; }\r | |
76 | }\r | |
77 | @keyframes blink {\r | |
78 | 0% { background: #7e7; }\r | |
79 | 50% { background: none; }\r | |
80 | 100% { background: #7e7; }\r | |
81 | }\r | |
82 | \r | |
83 | /* Can style cursor different in overwrite (non-insert) mode */\r | |
84 | div.CodeMirror-overwrite div.CodeMirror-cursor {}\r | |
85 | \r | |
86 | .cm-tab { display: inline-block; text-decoration: inherit; }\r | |
87 | \r | |
88 | .CodeMirror-ruler {\r | |
89 | border-left: 1px solid #ccc;\r | |
90 | position: absolute;\r | |
91 | }\r | |
92 | \r | |
93 | /* DEFAULT THEME */\r | |
94 | \r | |
95 | .cm-s-default .cm-keyword {color: #708;}\r | |
96 | .cm-s-default .cm-atom {color: #219;}\r | |
97 | .cm-s-default .cm-number {color: #164;}\r | |
98 | .cm-s-default .cm-def {color: #00f;}\r | |
99 | .cm-s-default .cm-variable,\r | |
100 | .cm-s-default .cm-punctuation,\r | |
101 | .cm-s-default .cm-property,\r | |
102 | .cm-s-default .cm-operator {}\r | |
103 | .cm-s-default .cm-variable-2 {color: #05a;}\r | |
104 | .cm-s-default .cm-variable-3 {color: #085;}\r | |
105 | .cm-s-default .cm-comment {color: #a50;}\r | |
106 | .cm-s-default .cm-string {color: #a11;}\r | |
107 | .cm-s-default .cm-string-2 {color: #f50;}\r | |
108 | .cm-s-default .cm-meta {color: #555;}\r | |
109 | .cm-s-default .cm-qualifier {color: #555;}\r | |
110 | .cm-s-default .cm-builtin {color: #30a;}\r | |
111 | .cm-s-default .cm-bracket {color: #997;}\r | |
112 | .cm-s-default .cm-tag {color: #170;}\r | |
113 | .cm-s-default .cm-attribute {color: #00c;}\r | |
114 | .cm-s-default .cm-header {color: blue;}\r | |
115 | .cm-s-default .cm-quote {color: #090;}\r | |
116 | .cm-s-default .cm-hr {color: #999;}\r | |
117 | .cm-s-default .cm-link {color: #00c;}\r | |
118 | \r | |
119 | .cm-negative {color: #d44;}\r | |
120 | .cm-positive {color: #292;}\r | |
121 | .cm-header, .cm-strong {font-weight: bold;}\r | |
122 | .cm-em {font-style: italic;}\r | |
123 | .cm-link {text-decoration: underline;}\r | |
124 | .cm-strikethrough {text-decoration: line-through;}\r | |
125 | \r | |
126 | .cm-s-default .cm-error {color: #f00;}\r | |
127 | .cm-invalidchar {color: #f00;}\r | |
128 | \r | |
129 | .CodeMirror-composing { border-bottom: 2px solid; }\r | |
130 | \r | |
131 | /* Default styles for common addons */\r | |
132 | \r | |
133 | div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}\r | |
134 | div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}\r | |
135 | .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }\r | |
136 | .CodeMirror-activeline-background {background: #e8f2ff;}\r | |
137 | \r | |
138 | /* STOP */\r | |
139 | \r | |
140 | /* The rest of this file contains styles related to the mechanics of\r | |
141 | the editor. You probably shouldn't touch them. */\r | |
142 | \r | |
143 | .CodeMirror {\r | |
144 | position: relative;\r | |
145 | overflow: hidden;\r | |
146 | background: white;\r | |
147 | }\r | |
148 | \r | |
149 | .CodeMirror-scroll {\r | |
150 | overflow: scroll !important; /* Things will break if this is overridden */\r | |
151 | /* 30px is the magic margin used to hide the element's real scrollbars */\r | |
152 | /* See overflow: hidden in .CodeMirror */\r | |
153 | margin-bottom: -30px; margin-right: -30px;\r | |
154 | padding-bottom: 30px;\r | |
155 | height: 100%;\r | |
156 | outline: none; /* Prevent dragging from highlighting the element */\r | |
157 | position: relative;\r | |
158 | }\r | |
159 | .CodeMirror-sizer {\r | |
160 | position: relative;\r | |
161 | border-right: 30px solid transparent;\r | |
162 | }\r | |
163 | \r | |
164 | /* The fake, visible scrollbars. Used to force redraw during scrolling\r | |
165 | before actuall scrolling happens, thus preventing shaking and\r | |
166 | flickering artifacts. */\r | |
167 | .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {\r | |
168 | position: absolute;\r | |
169 | z-index: 6;\r | |
170 | display: none;\r | |
171 | }\r | |
172 | .CodeMirror-vscrollbar {\r | |
173 | right: 0; top: 0;\r | |
174 | overflow-x: hidden;\r | |
175 | overflow-y: scroll;\r | |
176 | }\r | |
177 | .CodeMirror-hscrollbar {\r | |
178 | bottom: 0; left: 0;\r | |
179 | overflow-y: hidden;\r | |
180 | overflow-x: scroll;\r | |
181 | }\r | |
182 | .CodeMirror-scrollbar-filler {\r | |
183 | right: 0; bottom: 0;\r | |
184 | }\r | |
185 | .CodeMirror-gutter-filler {\r | |
186 | left: 0; bottom: 0;\r | |
187 | }\r | |
188 | \r | |
189 | .CodeMirror-gutters {\r | |
190 | position: absolute; left: 0; top: 0;\r | |
191 | z-index: 3;\r | |
192 | }\r | |
193 | .CodeMirror-gutter {\r | |
194 | white-space: normal;\r | |
195 | height: 100%;\r | |
196 | display: inline-block;\r | |
197 | margin-bottom: -30px;\r | |
198 | /* Hack to make IE7 behave */\r | |
199 | *zoom:1;\r | |
200 | *display:inline;\r | |
201 | }\r | |
202 | .CodeMirror-gutter-wrapper {\r | |
203 | position: absolute;\r | |
204 | z-index: 4;\r | |
205 | height: 100%;\r | |
206 | }\r | |
207 | .CodeMirror-gutter-elt {\r | |
208 | position: absolute;\r | |
209 | cursor: default;\r | |
210 | z-index: 4;\r | |
211 | }\r | |
212 | .CodeMirror-gutter-wrapper {\r | |
213 | -webkit-user-select: none;\r | |
214 | -moz-user-select: none;\r | |
215 | user-select: none;\r | |
216 | }\r | |
217 | \r | |
218 | .CodeMirror-lines {\r | |
219 | cursor: text;\r | |
220 | min-height: 1px; /* prevents collapsing before first draw */\r | |
221 | }\r | |
222 | .CodeMirror pre {\r | |
223 | /* Reset some styles that the rest of the page might have set */\r | |
224 | -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;\r | |
225 | border-width: 0;\r | |
226 | background: transparent;\r | |
227 | font-family: inherit;\r | |
228 | font-size: inherit;\r | |
229 | margin: 0;\r | |
230 | white-space: pre;\r | |
231 | word-wrap: normal;\r | |
232 | line-height: inherit;\r | |
233 | color: inherit;\r | |
234 | z-index: 2;\r | |
235 | position: relative;\r | |
236 | overflow: visible;\r | |
237 | -webkit-tap-highlight-color: transparent;\r | |
238 | }\r | |
239 | .CodeMirror-wrap pre {\r | |
240 | word-wrap: break-word;\r | |
241 | white-space: pre-wrap;\r | |
242 | word-break: normal;\r | |
243 | }\r | |
244 | \r | |
245 | .CodeMirror-linebackground {\r | |
246 | position: absolute;\r | |
247 | left: 0; right: 0; top: 0; bottom: 0;\r | |
248 | z-index: 0;\r | |
249 | }\r | |
250 | \r | |
251 | .CodeMirror-linewidget {\r | |
252 | position: relative;\r | |
253 | z-index: 2;\r | |
254 | overflow: auto;\r | |
255 | }\r | |
256 | \r | |
257 | .CodeMirror-widget {}\r | |
258 | \r | |
259 | .CodeMirror-code {\r | |
260 | outline: none;\r | |
261 | }\r | |
262 | \r | |
263 | /* Force content-box sizing for the elements where we expect it */\r | |
264 | .CodeMirror-scroll,\r | |
265 | .CodeMirror-sizer,\r | |
266 | .CodeMirror-gutter,\r | |
267 | .CodeMirror-gutters,\r | |
268 | .CodeMirror-linenumber {\r | |
269 | -moz-box-sizing: content-box;\r | |
270 | box-sizing: content-box;\r | |
271 | }\r | |
272 | \r | |
273 | .CodeMirror-measure {\r | |
274 | position: absolute;\r | |
275 | width: 100%;\r | |
276 | height: 0;\r | |
277 | overflow: hidden;\r | |
278 | visibility: hidden;\r | |
279 | }\r | |
280 | .CodeMirror-measure pre { position: static; }\r | |
281 | \r | |
282 | .CodeMirror div.CodeMirror-cursor {\r | |
283 | position: absolute;\r | |
284 | border-right: none;\r | |
285 | width: 0;\r | |
286 | }\r | |
287 | \r | |
288 | div.CodeMirror-cursors {\r | |
289 | visibility: hidden;\r | |
290 | position: relative;\r | |
291 | z-index: 3;\r | |
292 | }\r | |
293 | .CodeMirror-focused div.CodeMirror-cursors {\r | |
294 | visibility: visible;\r | |
295 | }\r | |
296 | \r | |
297 | .CodeMirror-selected { background: #d9d9d9; }\r | |
298 | .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }\r | |
299 | .CodeMirror-crosshair { cursor: crosshair; }\r | |
300 | .CodeMirror ::selection { background: #d7d4f0; }\r | |
301 | .CodeMirror ::-moz-selection { background: #d7d4f0; }\r | |
302 | \r | |
303 | .cm-searching {\r | |
304 | background: #ffa;\r | |
305 | background: rgba(255, 255, 0, .4);\r | |
306 | }\r | |
307 | \r | |
308 | /* IE7 hack to prevent it from returning funny offsetTops on the spans */\r | |
309 | .CodeMirror span { *vertical-align: text-bottom; }\r | |
310 | \r | |
311 | /* Used to force a border model for a node */\r | |
312 | .cm-force-border { padding-right: .1px; }\r | |
313 | \r | |
314 | @media print {\r | |
315 | /* Hide the cursor when printing */\r | |
316 | .CodeMirror div.CodeMirror-cursors {\r | |
317 | visibility: hidden;\r | |
318 | }\r | |
319 | }\r | |
320 | \r | |
321 | /* See issue #2901 */\r | |
322 | .cm-tab-wrap-hack:after { content: ''; }\r | |
323 | \r | |
324 | /* Help users use markselection to safely style text background */\r | |
325 | span.CodeMirror-selectedtext { background: none; }\r |