2017-04-06 18:49:17 +08:00
|
|
|
.CodeMirror {
|
|
|
|
height: 100%;
|
|
|
|
line-height: 1.5;
|
|
|
|
font-family: monospace;
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
background: #272822;
|
|
|
|
color: #f8f8f2
|
|
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror-scroll {
|
|
|
|
overflow: auto;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
position: relative;
|
|
|
|
outline: none
|
|
|
|
}
|
|
|
|
|
|
|
|
.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: .4em .2em .4em .4em;
|
|
|
|
white-space: pre !important;
|
|
|
|
cursor: default
|
|
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror-lines {
|
|
|
|
padding: .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;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
background: transparent;
|
|
|
|
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: none !important
|
|
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror pre.CodeMirror-cursor {
|
|
|
|
z-index: 10;
|
|
|
|
position: absolute;
|
|
|
|
visibility: hidden;
|
|
|
|
border-left: 1px solid #9effff;
|
|
|
|
border-right: none;
|
|
|
|
width: 0
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-keymap-fat-cursor pre.CodeMirror-cursor {
|
|
|
|
width: auto;
|
|
|
|
border: 0;
|
|
|
|
background: transparent;
|
|
|
|
background: rgba(0, 200, 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 pre.CodeMirror-cursor.CodeMirror-overwrite {}
|
|
|
|
|
|
|
|
.CodeMirror-focused pre.CodeMirror-cursor {
|
|
|
|
visibility: visible
|
|
|
|
}
|
|
|
|
|
|
|
|
div.CodeMirror-selected {
|
|
|
|
background: #49483E
|
|
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror-focused div.CodeMirror-selected {
|
|
|
|
background: #49483E
|
|
|
|
}
|
|
|
|
|
|
|
|
.CodeMirror-searching {
|
|
|
|
background: #ffa;
|
|
|
|
background: rgba(255, 255, 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: #9effff
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-variable-3 {
|
|
|
|
color: #66d9ef
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-property {
|
|
|
|
color: #66d9ef
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-operator {
|
|
|
|
color: #9effff
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-comment {
|
|
|
|
color: #75715e
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-string {
|
|
|
|
color: #e6db74
|
|
|
|
}
|
|
|
|
|
|
|
|
.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: #f92672
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-attribute {
|
|
|
|
color: #a6e22e
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-header {
|
|
|
|
color: #ae81ff
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-quote {
|
|
|
|
color: #090
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-hr {
|
|
|
|
color: #999
|
|
|
|
}
|
|
|
|
|
|
|
|
.cm-s-default span.cm-link {
|
|
|
|
color: #ae81ff
|
|
|
|
}
|
|
|
|
|
|
|
|
span.cm-header,
|
|
|
|
span.cm-strong {
|
|
|
|
font-weight: bold
|
|
|
|
}
|
|
|
|
|
|
|
|
span.cm-em {
|
|
|
|
font-style: italic
|
|
|
|
}
|
|
|
|
|
|
|
|
span.cm-emstrong {
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: bold
|
|
|
|
}
|
|
|
|
|
|
|
|
span.cm-link {
|
|
|
|
text-decoration: underline
|
|
|
|
}
|
|
|
|
|
|
|
|
span.cm-invalidchar {
|
|
|
|
color: #f00
|
|
|
|
}
|
|
|
|
|
|
|
|
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
|
|
|
|
}
|
|
|
|
}
|