4 /* Set height, width, borders, and global font properties here */
5 font-family: monospace;
13 padding: 4px 0; /* Vertical padding around content */
16 padding: 0 4px; /* Horizontal padding of content */
19 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
20 background-color: white; /* The little square between H and V scrollbars */
26 border-right: 1px solid #ddd;
27 background-color: #f7f7f7;
30 .CodeMirror-linenumbers {}
31 .CodeMirror-linenumber {
39 .CodeMirror-guttermarker { color: black; }
40 .CodeMirror-guttermarker-subtle { color: #999; }
45 border-left: 1px solid black;
49 /* Shown when moving in bi-directional text */
50 .CodeMirror div.CodeMirror-secondarycursor {
51 border-left: 1px solid silver;
53 .cm-fat-cursor .CodeMirror-cursor {
58 .cm-fat-cursor div.CodeMirror-cursors {
62 .cm-animate-fat-cursor {
65 -webkit-animation: blink 1.06s steps(1) infinite;
66 -moz-animation: blink 1.06s steps(1) infinite;
67 animation: blink 1.06s steps(1) infinite;
68 background-color: #7e7;
70 @-moz-keyframes blink {
72 50% { background-color: transparent; }
75 @-webkit-keyframes blink {
77 50% { background-color: transparent; }
82 50% { background-color: transparent; }
86 /* Can style cursor different in overwrite (non-insert) mode */
87 .CodeMirror-overwrite .CodeMirror-cursor {}
89 .cm-tab { display: inline-block; text-decoration: inherit; }
93 left: 0; right: 0; top: -50px; bottom: -20px;
97 border-left: 1px solid #ccc;
104 .cm-s-default .cm-header {color: blue;}
105 .cm-s-default .cm-quote {color: #090;}
106 .cm-negative {color: #d44;}
107 .cm-positive {color: #292;}
108 .cm-header, .cm-strong {font-weight: bold;}
109 .cm-em {font-style: italic;}
110 .cm-link {text-decoration: underline;}
111 .cm-strikethrough {text-decoration: line-through;}
113 .cm-s-default .cm-keyword {color: #708;}
114 .cm-s-default .cm-atom {color: #219;}
115 .cm-s-default .cm-number {color: #164;}
116 .cm-s-default .cm-def {color: #00f;}
117 .cm-s-default .cm-variable,
118 .cm-s-default .cm-punctuation,
119 .cm-s-default .cm-property,
120 .cm-s-default .cm-operator {}
121 .cm-s-default .cm-variable-2 {color: #05a;}
122 .cm-s-default .cm-variable-3 {color: #085;}
123 .cm-s-default .cm-comment {color: #a50;}
124 .cm-s-default .cm-string {color: #a11;}
125 .cm-s-default .cm-string-2 {color: #f50;}
126 .cm-s-default .cm-meta {color: #555;}
127 .cm-s-default .cm-qualifier {color: #555;}
128 .cm-s-default .cm-builtin {color: #30a;}
129 .cm-s-default .cm-bracket {color: #997;}
130 .cm-s-default .cm-tag {color: #170;}
131 .cm-s-default .cm-attribute {color: #00c;}
132 .cm-s-default .cm-hr {color: #999;}
133 .cm-s-default .cm-link {color: #00c;}
135 .cm-s-default .cm-error {color: #f00;}
136 .cm-invalidchar {color: #f00;}
138 .CodeMirror-composing { border-bottom: 2px solid; }
140 /* Default styles for common addons */
142 div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
143 div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
144 .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
145 .CodeMirror-activeline-background {background: #e8f2ff;}
149 /* The rest of this file contains styles related to the mechanics of
150 the editor. You probably shouldn't touch them. */
159 overflow: scroll !important; /* Things will break if this is overridden */
160 /* 30px is the magic margin used to hide the element's real scrollbars */
161 /* See overflow: hidden in .CodeMirror */
162 margin-bottom: -30px; margin-right: -30px;
163 padding-bottom: 30px;
165 outline: none; /* Prevent dragging from highlighting the element */
170 border-right: 30px solid transparent;
173 /* The fake, visible scrollbars. Used to force redraw during scrolling
174 before actual scrolling happens, thus preventing shaking and
175 flickering artifacts. */
176 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
181 .CodeMirror-vscrollbar {
186 .CodeMirror-hscrollbar {
191 .CodeMirror-scrollbar-filler {
194 .CodeMirror-gutter-filler {
198 .CodeMirror-gutters {
199 position: absolute; left: 0; top: 0;
206 display: inline-block;
208 margin-bottom: -30px;
210 .CodeMirror-gutter-wrapper {
213 background: none !important;
214 border: none !important;
216 .CodeMirror-gutter-background {
221 .CodeMirror-gutter-elt {
226 .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
227 .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
231 min-height: 1px; /* prevents collapsing before first draw */
234 /* Reset some styles that the rest of the page might have set */
235 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
237 background: transparent;
238 font-family: inherit;
243 line-height: inherit;
248 -webkit-tap-highlight-color: transparent;
249 -webkit-font-variant-ligatures: contextual;
250 font-variant-ligatures: contextual;
256 .CodeMirror-wrap pre {
257 word-wrap: break-word;
258 white-space: pre-wrap;
262 .CodeMirror-linebackground {
264 left: 0; right: 0; top: 0; bottom: 0;
268 .CodeMirror-linewidget {
274 .CodeMirror-widget {}
276 .CodeMirror-rtl pre { direction: rtl; }
282 /* Force content-box sizing for the elements where we expect it */
287 .CodeMirror-linenumber {
288 -moz-box-sizing: content-box;
289 box-sizing: content-box;
292 .CodeMirror-measure {
302 pointer-events: none;
304 .CodeMirror-measure pre { position: static; }
306 div.CodeMirror-cursors {
311 div.CodeMirror-dragcursors {
315 .CodeMirror-focused div.CodeMirror-cursors {
319 .CodeMirror-selected { background: #d9d9d9; }
320 .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
321 .CodeMirror-crosshair { cursor: crosshair; }
322 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
323 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
327 background: rgba(255, 255, 0, .4);
330 /* Used to force a border model for a node */
331 .cm-force-border { padding-right: .1px; }
334 /* Hide the cursor when printing */
335 .CodeMirror div.CodeMirror-cursors {
340 /* See issue #2901 */
341 .cm-tab-wrap-hack:after { content: ''; }
343 /* Help users use markselection to safely style text background */
344 span.CodeMirror-selectedtext { background: none; }
349 Name: Base16 Default Light
350 Author: Chris Kempson (http://chriskempson.com)
352 CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
353 Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
357 .cm-s-base16-light.CodeMirror { background: #f8f8f8; color: #444444; }
358 .cm-s-base16-light div.CodeMirror-selected { background: #e0e0e0; }
359 .cm-s-base16-light .CodeMirror-line::selection, .cm-s-base16-light .CodeMirror-line > span::selection, .cm-s-base16-light .CodeMirror-line > span > span::selection { background: #e0e0e0; }
360 .cm-s-base16-light .CodeMirror-line::-moz-selection, .cm-s-base16-light .CodeMirror-line > span::-moz-selection, .cm-s-base16-light .CodeMirror-line > span > span::-moz-selection { background: #e0e0e0; }
361 .cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 0px; }
362 .cm-s-base16-light .CodeMirror-guttermarker { color: #ac4142; }
363 .cm-s-base16-light .CodeMirror-guttermarker-subtle { color: #b0b0b0; }
364 .cm-s-base16-light .CodeMirror-linenumber { color: #b0b0b0; }
365 .cm-s-base16-light .CodeMirror-cursor { border-left: 1px solid #505050; }
367 .cm-s-base16-light span.cm-comment { color: #8f5536; }
368 .cm-s-base16-light span.cm-atom { color: #aa759f; }
369 .cm-s-base16-light span.cm-number { color: #aa759f; }
371 .cm-s-base16-light span.cm-property, .cm-s-base16-light span.cm-attribute { color: #90a959; }
372 .cm-s-base16-light span.cm-keyword { color: #ac4142; }
373 .cm-s-base16-light span.cm-string { color: #f4bf75; }
375 .cm-s-base16-light span.cm-variable { color: #90a959; }
376 .cm-s-base16-light span.cm-variable-2 { color: #6a9fb5; }
377 .cm-s-base16-light span.cm-def { color: #d28445; }
378 .cm-s-base16-light span.cm-bracket { color: #202020; }
379 .cm-s-base16-light span.cm-tag { color: #ac4142; }
380 .cm-s-base16-light span.cm-link { color: #aa759f; }
381 .cm-s-base16-light span.cm-error { background: #ac4142; color: #505050; }
383 .cm-s-base16-light .CodeMirror-activeline-background { background: #DDDCDC; }
384 .cm-s-base16-light .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }
387 * Custom BookStack overrides
389 .cm-s-base16-light.CodeMirror {
393 border: 1px solid #DDD;;
395 .cm-s-base16-light .CodeMirror-gutters { background: #f5f5f5; border-right: 1px solid #DDD; }
397 .flex-fill .CodeMirror {