.CodeMirror { height: 100%; line-height: 1.5; font-family: monospace; position: relative; overflow: hidden; background: #fff; color: #666; } .CodeMirror-scroll { overflow: auto; height: 100%; width: 100%; position: relative; outline: 0; } .CodeMirror-scrollbar { position: absolute; right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; z-index: 5; } .CodeMirror-scrollbar-inner { width: 1px; } .CodeMirror-scrollbar.cm-sb-overlap { position: absolute; z-index: 1; float: none; right: 0; min-width: 12px; } .CodeMirror-scrollbar.cm-sb-nonoverlap { min-width: 12px; } .CodeMirror-scrollbar.cm-sb-ie7 { min-width: 18px; } .CodeMirror-gutter { position: absolute; left: 0; top: 0; z-index: 10; background-color: transparent; border-right: 1px solid #454545; min-width: 2em; height: 100%; } .CodeMirror-gutter-text { color: #aaa; text-align: right; padding: 0.4em 0.2em 0.4em 0.4em; white-space: pre !important; cursor: default; } .CodeMirror-lines { padding: 0.4em; white-space: pre; cursor: text; } .CodeMirror pre { -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-width: 0; background: 0 0; font-family: inherit; font-size: inherit; padding: 0; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; overflow: visible; } .CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; } .CodeMirror textarea { outline: 0 !important; } .CodeMirror pre.CodeMirror-cursor { z-index: 10; position: absolute; visibility: hidden; border-left: 1px solid #f00; border-right: none; width: 0; } .cm-keymap-fat-cursor pre.CodeMirror-cursor { width: auto; border: 0; background: 0 0; background: rgba(0, 200, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#6600c800, endColorstr=#4c00c800 ); } .cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .CodeMirror-focused pre.CodeMirror-cursor { visibility: visible; } .CodeMirror-focused div.CodeMirror-selected, div.CodeMirror-selected { background: #49483e; } .CodeMirror-searching { background: #ffa; background: rgba(255, 255, 0, 0.4); } .cm-s-default span.cm-keyword { color: #f92672; } .cm-s-default span.cm-atom { color: #ae81ff; } .cm-s-default span.cm-number { color: #f30; } .cm-s-default span.cm-def { color: #fd971f; } .cm-s-default span.cm-variable { color: #f8f8f2; } .cm-s-default span.cm-variable-2 { color: #05a; } .cm-s-default span.cm-property, .cm-s-default span.cm-variable-3 { color: #3298dc; } .cm-s-default span.cm-operator { color: #9effff; } .cm-s-default span.cm-comment { border: 1px solid #eee; color: #75715e; } .cm-s-default span.cm-string { color: #a11; } .cm-s-default span.cm-string-2 { color: #f50; } .cm-s-default span.cm-meta { color: #555; } .cm-s-default span.cm-error { background: #f92672; color: #f8f8f0; } .cm-s-default span.cm-qualifier { color: #75d908; } .cm-s-default span.cm-builtin { color: #66d9ef; } .cm-s-default span.cm-bracket { color: #f8f8f2; } .cm-s-default span.cm-tag { color: #13b65a; } .cm-s-default span.cm-attribute { color: #a6e22e; } .cm-s-default span.cm-header { color: #f92672; } .cm-s-default span.cm-quote { color: #666; background: #f2f2f2; } .cm-s-default span.cm-hr { color: #999; } .cm-s-default span.cm-link { color: #ae81ff; } .cm-s-default span.cm-strikethrough { text-decoration: line-through; } span.cm-header, span.cm-strong { font-weight: bold; color: #333; } span.cm-em { font-style: italic; color: #f90; } span.cm-emstrong { font-style: italic; font-weight: bold; } span.cm-link { text-decoration: underline; } span.cm-invalidchar { color: red; } div.CodeMirror span.CodeMirror-matchingbracket { text-decoration: underline; color: #fff !important; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; } @media print { .CodeMirror pre.CodeMirror-cursor { visibility: hidden; } }