You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
434 lines
7.2 KiB
434 lines
7.2 KiB
.CodeMirror { |
|
font-family: monospace; |
|
height: 300px; |
|
color: #000; |
|
direction: ltr; |
|
position: relative; |
|
overflow: hidden; |
|
background: #fff; |
|
} |
|
|
|
.CodeMirror-lines { |
|
padding: 4px 0; |
|
} |
|
|
|
.CodeMirror pre.CodeMirror-line, |
|
.CodeMirror pre.CodeMirror-line-like { |
|
padding: 0 4px; |
|
} |
|
|
|
.CodeMirror-gutter-filler, |
|
.CodeMirror-scrollbar-filler { |
|
background-color: #fff; |
|
} |
|
|
|
.CodeMirror-gutters { |
|
border-right: 1px solid #ddd; |
|
background-color: #f7f7f7; |
|
white-space: nowrap; |
|
} |
|
|
|
.CodeMirror-linenumber { |
|
padding: 0 3px 0 5px; |
|
min-width: 20px; |
|
text-align: right; |
|
color: #999; |
|
white-space: nowrap; |
|
} |
|
|
|
.CodeMirror-guttermarker { |
|
color: #000; |
|
} |
|
|
|
.CodeMirror-guttermarker-subtle { |
|
color: #999; |
|
} |
|
|
|
.CodeMirror-cursor { |
|
border-left: 1px solid #000; |
|
border-right: none; |
|
width: 0; |
|
} |
|
|
|
div.CodeMirror-secondarycursor { |
|
border-left: 1px solid silver; |
|
} |
|
|
|
.cm-fat-cursor .CodeMirror-cursor { |
|
width: auto; |
|
border: 0 !important; |
|
background: #7e7; |
|
} |
|
|
|
.cm-fat-cursor div.CodeMirror-cursors { |
|
z-index: 1; |
|
} |
|
|
|
.cm-fat-cursor .CodeMirror-line::selection, |
|
.cm-fat-cursor .CodeMirror-line > span::selection, |
|
.cm-fat-cursor .CodeMirror-line > span > span::selection { |
|
background: transparent; |
|
} |
|
|
|
.cm-fat-cursor .CodeMirror-line::-moz-selection, |
|
.cm-fat-cursor .CodeMirror-line > span::-moz-selection, |
|
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { |
|
background: transparent; |
|
} |
|
|
|
.cm-fat-cursor { |
|
caret-color: transparent; |
|
} |
|
|
|
@-moz-keyframes blink { |
|
50% { |
|
background-color: transparent; |
|
} |
|
} |
|
|
|
@-webkit-keyframes blink { |
|
50% { |
|
background-color: transparent; |
|
} |
|
} |
|
|
|
@keyframes blink { |
|
50% { |
|
background-color: transparent; |
|
} |
|
} |
|
|
|
.cm-tab { |
|
display: inline-block; |
|
text-decoration: inherit; |
|
} |
|
|
|
.CodeMirror-rulers { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
top: -50px; |
|
bottom: 0; |
|
overflow: hidden; |
|
} |
|
|
|
.CodeMirror-ruler { |
|
border-left: 1px solid #ccc; |
|
top: 0; |
|
bottom: 0; |
|
position: absolute; |
|
} |
|
|
|
.cm-s-default .cm-header { |
|
color: #00f; |
|
} |
|
|
|
.cm-s-default .cm-quote { |
|
color: #090; |
|
} |
|
|
|
.cm-negative { |
|
color: #d44; |
|
} |
|
|
|
.cm-positive { |
|
color: #292; |
|
} |
|
|
|
.cm-header, |
|
.cm-strong { |
|
font-weight: 700; |
|
} |
|
|
|
.cm-em { |
|
font-style: italic; |
|
} |
|
|
|
.cm-link { |
|
text-decoration: underline; |
|
} |
|
|
|
.cm-strikethrough { |
|
text-decoration: line-through; |
|
} |
|
|
|
.cm-s-default .cm-keyword { |
|
color: #708; |
|
} |
|
|
|
.cm-s-default .cm-atom { |
|
color: #219; |
|
} |
|
|
|
.cm-s-default .cm-number { |
|
color: #164; |
|
} |
|
|
|
.cm-s-default .cm-def { |
|
color: #00f; |
|
} |
|
|
|
.cm-s-default .cm-variable-2 { |
|
color: #05a; |
|
} |
|
|
|
.cm-s-default .cm-type, |
|
.cm-s-default .cm-variable-3 { |
|
color: #085; |
|
} |
|
|
|
.cm-s-default .cm-comment { |
|
color: #a50; |
|
} |
|
|
|
.cm-s-default .cm-string { |
|
color: #a11; |
|
} |
|
|
|
.cm-s-default .cm-string-2 { |
|
color: #f50; |
|
} |
|
|
|
.cm-s-default .cm-meta, |
|
.cm-s-default .cm-qualifier { |
|
color: #555; |
|
} |
|
|
|
.cm-s-default .cm-builtin { |
|
color: #30a; |
|
} |
|
|
|
.cm-s-default .cm-bracket { |
|
color: #997; |
|
} |
|
|
|
.cm-s-default .cm-tag { |
|
color: #170; |
|
} |
|
|
|
.cm-s-default .cm-attribute, |
|
.cm-s-default .cm-link { |
|
color: #00c; |
|
} |
|
|
|
.cm-s-default .cm-hr { |
|
color: #999; |
|
} |
|
|
|
.cm-s-default .cm-error, |
|
.cm-invalidchar { |
|
color: red; |
|
} |
|
|
|
.CodeMirror-composing { |
|
border-bottom: 2px solid; |
|
} |
|
|
|
div.CodeMirror span.CodeMirror-matchingbracket { |
|
color: #0b0; |
|
} |
|
|
|
div.CodeMirror span.CodeMirror-nonmatchingbracket { |
|
color: #a22; |
|
} |
|
|
|
.CodeMirror-matchingtag { |
|
background: rgba(255, 150, 0, 0.3); |
|
} |
|
|
|
.CodeMirror-activeline-background { |
|
background: #e8f2ff; |
|
} |
|
|
|
.CodeMirror-scroll { |
|
overflow: scroll !important; |
|
margin-bottom: -50px; |
|
margin-right: -50px; |
|
padding-bottom: 50px; |
|
height: 100%; |
|
outline: 0; |
|
position: relative; |
|
z-index: 0; |
|
} |
|
|
|
.CodeMirror-sizer { |
|
position: relative; |
|
border-right: 50px solid transparent; |
|
} |
|
|
|
.CodeMirror-gutter-filler, |
|
.CodeMirror-hscrollbar, |
|
.CodeMirror-scrollbar-filler, |
|
.CodeMirror-vscrollbar { |
|
position: absolute; |
|
z-index: 6; |
|
display: none; |
|
outline: 0; |
|
} |
|
|
|
.CodeMirror-vscrollbar { |
|
right: 0; |
|
top: 0; |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
} |
|
|
|
.CodeMirror-hscrollbar { |
|
bottom: 0; |
|
left: 0; |
|
overflow-y: hidden; |
|
overflow-x: scroll; |
|
} |
|
|
|
.CodeMirror-scrollbar-filler { |
|
right: 0; |
|
bottom: 0; |
|
} |
|
|
|
.CodeMirror-gutter-filler { |
|
left: 0; |
|
bottom: 0; |
|
} |
|
|
|
.CodeMirror-gutters { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
min-height: 100%; |
|
z-index: 3; |
|
} |
|
|
|
.CodeMirror-gutter { |
|
white-space: normal; |
|
height: 100%; |
|
display: inline-block; |
|
vertical-align: top; |
|
margin-bottom: -50px; |
|
} |
|
|
|
.CodeMirror-gutter-wrapper { |
|
position: absolute; |
|
z-index: 4; |
|
background: transparent !important; |
|
border: none !important; |
|
} |
|
|
|
.CodeMirror-gutter-background { |
|
position: absolute; |
|
top: 0; |
|
bottom: 0; |
|
z-index: 4; |
|
} |
|
|
|
.CodeMirror-gutter-elt { |
|
position: absolute; |
|
cursor: default; |
|
z-index: 4; |
|
} |
|
|
|
.CodeMirror-gutter-wrapper ::selection, |
|
.CodeMirror-gutter-wrapper ::-moz-selection { |
|
background-color: transparent; |
|
} |
|
|
|
.CodeMirror-lines { |
|
cursor: text; |
|
min-height: 1px; |
|
} |
|
|
|
.CodeMirror pre.CodeMirror-line, |
|
.CodeMirror pre.CodeMirror-line-like { |
|
border-radius: 0; |
|
border-width: 0; |
|
background: transparent; |
|
font-family: inherit; |
|
font-size: inherit; |
|
margin: 0; |
|
white-space: pre; |
|
word-wrap: normal; |
|
line-height: inherit; |
|
color: inherit; |
|
z-index: 2; |
|
position: relative; |
|
overflow: visible; |
|
-webkit-tap-highlight-color: transparent; |
|
-webkit-font-variant-ligatures: contextual; |
|
font-variant-ligatures: contextual; |
|
} |
|
|
|
.CodeMirror-wrap pre.CodeMirror-line, |
|
.CodeMirror-wrap pre.CodeMirror-line-like { |
|
word-wrap: break-word; |
|
white-space: pre-wrap; |
|
word-break: normal; |
|
} |
|
|
|
.CodeMirror-linebackground { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
top: 0; |
|
bottom: 0; |
|
z-index: 0; |
|
} |
|
|
|
.CodeMirror-linewidget { |
|
position: relative; |
|
z-index: 2; |
|
padding: 0.1px; |
|
} |
|
|
|
.CodeMirror-rtl pre { |
|
direction: rtl; |
|
} |
|
|
|
.CodeMirror-code { |
|
outline: 0; |
|
} |
|
|
|
.CodeMirror-selected { |
|
background: #d9d9d9; |
|
} |
|
|
|
.CodeMirror-focused .CodeMirror-selected { |
|
background: #d7d4f0; |
|
} |
|
|
|
.CodeMirror-crosshair { |
|
cursor: crosshair; |
|
} |
|
|
|
.CodeMirror-line::selection, |
|
.CodeMirror-line > span::selection, |
|
.CodeMirror-line > span > span::selection { |
|
background: #d7d4f0; |
|
} |
|
|
|
.CodeMirror-line::-moz-selection, |
|
.CodeMirror-line > span::-moz-selection, |
|
.CodeMirror-line > span > span::-moz-selection { |
|
background: #d7d4f0; |
|
} |
|
|
|
.cm-searching { |
|
background-color: #ffa; |
|
background-color: rgba(255, 255, 0, 0.4); |
|
} |
|
|
|
.cm-force-border { |
|
padding-right: 0.1px; |
|
} |
|
|
|
@media print { |
|
.CodeMirror div.CodeMirror-cursors { |
|
visibility: hidden; |
|
} |
|
} |
|
|
|
.cm-tab-wrap-hack:after { |
|
content: ''; |
|
} |
|
|
|
span.CodeMirror-selectedtext { |
|
background: transparent; |
|
}
|
|
|