4 /* Set height, width, borders, and global font properties here */
\r
5 font-family: monospace;
\r
13 padding: 4px 0; /* Vertical padding around content */
\r
16 padding: 0 4px; /* Horizontal padding of content */
\r
19 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
\r
20 background-color: white; /* The little square between H and V scrollbars */
\r
25 .CodeMirror-gutters {
\r
26 border-right: 1px solid #ddd;
\r
27 background-color: #f7f7f7;
\r
28 white-space: nowrap;
\r
30 .CodeMirror-linenumbers {}
\r
31 .CodeMirror-linenumber {
\r
32 padding: 0 3px 0 5px;
\r
36 white-space: nowrap;
\r
39 .CodeMirror-guttermarker { color: black; }
\r
40 .CodeMirror-guttermarker-subtle { color: #999; }
\r
44 .CodeMirror div.CodeMirror-cursor {
\r
45 border-left: 1px solid black;
\r
47 /* Shown when moving in bi-directional text */
\r
48 .CodeMirror div.CodeMirror-secondarycursor {
\r
49 border-left: 1px solid silver;
\r
51 .CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
\r
56 .CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
\r
60 .cm-animate-fat-cursor {
\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
67 @-moz-keyframes blink {
\r
68 0% { background: #7e7; }
\r
69 50% { background: none; }
\r
70 100% { background: #7e7; }
\r
72 @-webkit-keyframes blink {
\r
73 0% { background: #7e7; }
\r
74 50% { background: none; }
\r
75 100% { background: #7e7; }
\r
78 0% { background: #7e7; }
\r
79 50% { background: none; }
\r
80 100% { background: #7e7; }
\r
83 /* Can style cursor different in overwrite (non-insert) mode */
\r
84 div.CodeMirror-overwrite div.CodeMirror-cursor {}
\r
86 .cm-tab { display: inline-block; text-decoration: inherit; }
\r
89 border-left: 1px solid #ccc;
\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
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
126 .cm-s-default .cm-error {color: #f00;}
\r
127 .cm-invalidchar {color: #f00;}
\r
129 .CodeMirror-composing { border-bottom: 2px solid; }
\r
131 /* Default styles for common addons */
\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
140 /* The rest of this file contains styles related to the mechanics of
\r
141 the editor. You probably shouldn't touch them. */
\r
144 position: relative;
\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
156 outline: none; /* Prevent dragging from highlighting the element */
\r
157 position: relative;
\r
159 .CodeMirror-sizer {
\r
160 position: relative;
\r
161 border-right: 30px solid transparent;
\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
172 .CodeMirror-vscrollbar {
\r
174 overflow-x: hidden;
\r
175 overflow-y: scroll;
\r
177 .CodeMirror-hscrollbar {
\r
178 bottom: 0; left: 0;
\r
179 overflow-y: hidden;
\r
180 overflow-x: scroll;
\r
182 .CodeMirror-scrollbar-filler {
\r
183 right: 0; bottom: 0;
\r
185 .CodeMirror-gutter-filler {
\r
186 left: 0; bottom: 0;
\r
189 .CodeMirror-gutters {
\r
190 position: absolute; left: 0; top: 0;
\r
193 .CodeMirror-gutter {
\r
194 white-space: normal;
\r
196 display: inline-block;
\r
197 margin-bottom: -30px;
\r
198 /* Hack to make IE7 behave */
\r
202 .CodeMirror-gutter-wrapper {
\r
203 position: absolute;
\r
207 .CodeMirror-gutter-elt {
\r
208 position: absolute;
\r
212 .CodeMirror-gutter-wrapper {
\r
213 -webkit-user-select: none;
\r
214 -moz-user-select: none;
\r
218 .CodeMirror-lines {
\r
220 min-height: 1px; /* prevents collapsing before first draw */
\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
226 background: transparent;
\r
227 font-family: inherit;
\r
228 font-size: inherit;
\r
232 line-height: inherit;
\r
235 position: relative;
\r
237 -webkit-tap-highlight-color: transparent;
\r
239 .CodeMirror-wrap pre {
\r
240 word-wrap: break-word;
\r
241 white-space: pre-wrap;
\r
242 word-break: normal;
\r
245 .CodeMirror-linebackground {
\r
246 position: absolute;
\r
247 left: 0; right: 0; top: 0; bottom: 0;
\r
251 .CodeMirror-linewidget {
\r
252 position: relative;
\r
257 .CodeMirror-widget {}
\r
263 /* Force content-box sizing for the elements where we expect it */
\r
264 .CodeMirror-scroll,
\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
273 .CodeMirror-measure {
\r
274 position: absolute;
\r
278 visibility: hidden;
\r
280 .CodeMirror-measure pre { position: static; }
\r
282 .CodeMirror div.CodeMirror-cursor {
\r
283 position: absolute;
\r
284 border-right: none;
\r
288 div.CodeMirror-cursors {
\r
289 visibility: hidden;
\r
290 position: relative;
\r
293 .CodeMirror-focused div.CodeMirror-cursors {
\r
294 visibility: visible;
\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
305 background: rgba(255, 255, 0, .4);
\r
308 /* IE7 hack to prevent it from returning funny offsetTops on the spans */
\r
309 .CodeMirror span { *vertical-align: text-bottom; }
\r
311 /* Used to force a border model for a node */
\r
312 .cm-force-border { padding-right: .1px; }
\r
315 /* Hide the cursor when printing */
\r
316 .CodeMirror div.CodeMirror-cursors {
\r
317 visibility: hidden;
\r
321 /* See issue #2901 */
\r
322 .cm-tab-wrap-hack:after { content: ''; }
\r
324 /* Help users use markselection to safely style text background */
\r
325 span.CodeMirror-selectedtext { background: none; }
\r