|
|
|
@ -6,9 +6,17 @@ |
|
|
|
/* Set height, width, borders, and global font properties here */ |
|
|
|
/* Set height, width, borders, and global font properties here */ |
|
|
|
font-family: monospace; |
|
|
|
font-family: monospace; |
|
|
|
cursor: text; |
|
|
|
cursor: text; |
|
|
|
// .border-radius(4px); |
|
|
|
// .border-radius(4px); |
|
|
|
.size(100%, 100%); |
|
|
|
.size(100%, 100%); |
|
|
|
color: black; |
|
|
|
color: @color-bi-text-black; |
|
|
|
|
|
|
|
background-color: @color-bi-background-default; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bi-theme-dark { |
|
|
|
|
|
|
|
.CodeMirror { |
|
|
|
|
|
|
|
color: @color-bi-text; |
|
|
|
|
|
|
|
background-color: @color-bi-background-default-theme-dark; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* PADDING */ |
|
|
|
/* PADDING */ |
|
|
|
@ -16,6 +24,7 @@ |
|
|
|
.CodeMirror-lines { |
|
|
|
.CodeMirror-lines { |
|
|
|
padding: 4px 0; /* Vertical padding around content */ |
|
|
|
padding: 4px 0; /* Vertical padding around content */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror pre { |
|
|
|
.CodeMirror pre { |
|
|
|
padding: 0 4px; /* Horizontal padding of content */ |
|
|
|
padding: 0 4px; /* Horizontal padding of content */ |
|
|
|
} |
|
|
|
} |
|
|
|
@ -31,7 +40,10 @@ |
|
|
|
background-color: #f7f7f7; |
|
|
|
background-color: #f7f7f7; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
.CodeMirror-linenumbers {} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-linenumbers { |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-linenumber { |
|
|
|
.CodeMirror-linenumber { |
|
|
|
padding: 0 3px 0 5px; |
|
|
|
padding: 0 3px 0 5px; |
|
|
|
min-width: 20px; |
|
|
|
min-width: 20px; |
|
|
|
@ -40,23 +52,37 @@ |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-guttermarker { color: black; } |
|
|
|
.CodeMirror-guttermarker { |
|
|
|
.CodeMirror-guttermarker-subtle { color: #999; } |
|
|
|
color: black; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-guttermarker-subtle { |
|
|
|
|
|
|
|
color: #999; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* CURSOR */ |
|
|
|
/* CURSOR */ |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror div.CodeMirror-cursor { |
|
|
|
.CodeMirror div.CodeMirror-cursor { |
|
|
|
border-left: 1px solid black; |
|
|
|
border-left: 1px solid @color-bi-border-black; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bi-theme-dark { |
|
|
|
|
|
|
|
.CodeMirror div.CodeMirror-cursor { |
|
|
|
|
|
|
|
border-left: 1px solid @color-bi-border-default; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Shown when moving in bi-directional text */ |
|
|
|
/* Shown when moving in bi-directional text */ |
|
|
|
.CodeMirror div.CodeMirror-secondarycursor { |
|
|
|
.CodeMirror div.CodeMirror-secondarycursor { |
|
|
|
border-left: 1px solid silver; |
|
|
|
border-left: 1px solid silver; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor { |
|
|
|
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor { |
|
|
|
width: auto; |
|
|
|
width: auto; |
|
|
|
border: 0; |
|
|
|
border: 0; |
|
|
|
background: #7e7; |
|
|
|
background: #7e7; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors { |
|
|
|
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors { |
|
|
|
z-index: 1; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -68,26 +94,51 @@ |
|
|
|
-moz-animation: blink 1.06s steps(1) infinite; |
|
|
|
-moz-animation: blink 1.06s steps(1) infinite; |
|
|
|
animation: blink 1.06s steps(1) infinite; |
|
|
|
animation: blink 1.06s steps(1) infinite; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@-moz-keyframes blink { |
|
|
|
@-moz-keyframes blink { |
|
|
|
0% { background: #7e7; } |
|
|
|
0% { |
|
|
|
50% { background: none; } |
|
|
|
background: #7e7; |
|
|
|
100% { background: #7e7; } |
|
|
|
} |
|
|
|
|
|
|
|
50% { |
|
|
|
|
|
|
|
background: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
|
|
|
|
background: #7e7; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes blink { |
|
|
|
@-webkit-keyframes blink { |
|
|
|
0% { background: #7e7; } |
|
|
|
0% { |
|
|
|
50% { background: none; } |
|
|
|
background: #7e7; |
|
|
|
100% { background: #7e7; } |
|
|
|
} |
|
|
|
|
|
|
|
50% { |
|
|
|
|
|
|
|
background: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
|
|
|
|
background: #7e7; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@keyframes blink { |
|
|
|
@keyframes blink { |
|
|
|
0% { background: #7e7; } |
|
|
|
0% { |
|
|
|
50% { background: none; } |
|
|
|
background: #7e7; |
|
|
|
100% { background: #7e7; } |
|
|
|
} |
|
|
|
|
|
|
|
50% { |
|
|
|
|
|
|
|
background: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
100% { |
|
|
|
|
|
|
|
background: #7e7; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Can style cursor different in overwrite (non-insert) mode */ |
|
|
|
/* Can style cursor different in overwrite (non-insert) mode */ |
|
|
|
div.CodeMirror-overwrite div.CodeMirror-cursor {} |
|
|
|
div.CodeMirror-overwrite div.CodeMirror-cursor { |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-tab { display: inline-block; text-decoration: inherit; } |
|
|
|
.cm-tab { |
|
|
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
|
|
text-decoration: inherit; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-ruler { |
|
|
|
.CodeMirror-ruler { |
|
|
|
border-left: 1px solid #ccc; |
|
|
|
border-left: 1px solid #ccc; |
|
|
|
@ -96,73 +147,164 @@ div.CodeMirror-overwrite div.CodeMirror-cursor {} |
|
|
|
|
|
|
|
|
|
|
|
/* DEFAULT THEME */ |
|
|
|
/* DEFAULT THEME */ |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-header {color: blue;} |
|
|
|
.cm-s-default .cm-header { |
|
|
|
.cm-s-default .cm-quote {color: #090;} |
|
|
|
color: blue; |
|
|
|
.cm-negative {color: #d44;} |
|
|
|
} |
|
|
|
.cm-positive {color: #292;} |
|
|
|
|
|
|
|
.cm-header, .cm-strong {font-weight: bold;} |
|
|
|
.cm-s-default .cm-quote { |
|
|
|
.cm-em {font-style: italic;} |
|
|
|
color: #090; |
|
|
|
.cm-link {text-decoration: underline;} |
|
|
|
} |
|
|
|
.cm-strikethrough {text-decoration: line-through;} |
|
|
|
|
|
|
|
|
|
|
|
.cm-negative { |
|
|
|
|
|
|
|
color: #d44; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-positive { |
|
|
|
|
|
|
|
color: #292; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-header, .cm-strong { |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.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-keyword {color: #708;} |
|
|
|
.cm-s-default .cm-atom {color: #219;} |
|
|
|
.cm-s-default .cm-atom { |
|
|
|
.cm-s-default .cm-number {color: #164;} |
|
|
|
color: #219; |
|
|
|
.cm-s-default .cm-def {color: #00f;} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-number { |
|
|
|
|
|
|
|
color: #164; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-def { |
|
|
|
|
|
|
|
color: #00f; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-variable, |
|
|
|
.cm-s-default .cm-variable, |
|
|
|
.cm-s-default .cm-punctuation, |
|
|
|
.cm-s-default .cm-punctuation, |
|
|
|
.cm-s-default .cm-property, |
|
|
|
.cm-s-default .cm-property, |
|
|
|
.cm-s-default .cm-operator {} |
|
|
|
.cm-s-default .cm-operator { |
|
|
|
.cm-s-default .cm-variable-2 {color: #05a;} |
|
|
|
} |
|
|
|
.cm-s-default .cm-variable-3 {color: #085;} |
|
|
|
|
|
|
|
.cm-s-default .cm-comment {color: #a50;} |
|
|
|
.cm-s-default .cm-variable-2 { |
|
|
|
.cm-s-default .cm-string {color: #a11;} |
|
|
|
color: #05a; |
|
|
|
.cm-s-default .cm-string-2 {color: #f50;} |
|
|
|
} |
|
|
|
.cm-s-default .cm-meta {color: #555;} |
|
|
|
|
|
|
|
.cm-s-default .cm-qualifier {color: #555;} |
|
|
|
.cm-s-default .cm-variable-3 { |
|
|
|
.cm-s-default .cm-builtin {color: #30a;} |
|
|
|
color: #085; |
|
|
|
.cm-s-default .cm-bracket {color: #997;} |
|
|
|
} |
|
|
|
.cm-s-default .cm-tag {color: #170;} |
|
|
|
|
|
|
|
.cm-s-default .cm-attribute {color: #00c;} |
|
|
|
.cm-s-default .cm-comment { |
|
|
|
.cm-s-default .cm-hr {color: #999;} |
|
|
|
color: #a50; |
|
|
|
.cm-s-default .cm-link {color: #00c;} |
|
|
|
} |
|
|
|
.cm-s-default span[class*="fieldName"]{ |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-string { |
|
|
|
|
|
|
|
color: #a11; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-string-2 { |
|
|
|
|
|
|
|
color: #f50; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-meta { |
|
|
|
|
|
|
|
color: #555; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.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 { |
|
|
|
|
|
|
|
color: #00c; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-hr { |
|
|
|
|
|
|
|
color: #999; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-link { |
|
|
|
|
|
|
|
color: #00c; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default span[class*="fieldName"] { |
|
|
|
color: white; |
|
|
|
color: white; |
|
|
|
padding: 1px ; |
|
|
|
padding: 1px; |
|
|
|
margin: 1px 0px; |
|
|
|
margin: 1px 0px; |
|
|
|
background: @color-bi-text-highlight; |
|
|
|
background: @color-bi-text-highlight; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default span[class*="start"]{ |
|
|
|
.cm-s-default span[class*="start"] { |
|
|
|
.border-radius(3px 0px 0px 3px); |
|
|
|
.border-radius(3px 0px 0px 3px); |
|
|
|
margin-left :3px; |
|
|
|
margin-left: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default span[class*="end"]{ |
|
|
|
.cm-s-default span[class*="end"] { |
|
|
|
.border-radius(0px 3px 3px 0px); |
|
|
|
.border-radius(0px 3px 3px 0px); |
|
|
|
margin-right :3px; |
|
|
|
margin-right: 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default span[class*="start end"]{ |
|
|
|
.cm-s-default span[class*="start end"] { |
|
|
|
.border-radius(3px); |
|
|
|
.border-radius(3px); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default span[class*="#"]{ |
|
|
|
.cm-s-default span[class*="#"] { |
|
|
|
color: @color-bi-text-highlight; |
|
|
|
color: @color-bi-text-highlight; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cm-s-default .cm-error {color: #f00;} |
|
|
|
.cm-s-default .cm-error { |
|
|
|
.cm-invalidchar {color: #f00;} |
|
|
|
color: #f00; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-composing { border-bottom: 2px solid; } |
|
|
|
.cm-invalidchar { |
|
|
|
|
|
|
|
color: #f00; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-composing { |
|
|
|
|
|
|
|
border-bottom: 2px solid; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Default styles for common addons */ |
|
|
|
/* Default styles for common addons */ |
|
|
|
|
|
|
|
|
|
|
|
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;} |
|
|
|
div.CodeMirror span.CodeMirror-matchingbracket { |
|
|
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
color: #0f0; |
|
|
|
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } |
|
|
|
} |
|
|
|
.CodeMirror-activeline-background {background: #e8f2ff;} |
|
|
|
|
|
|
|
|
|
|
|
div.CodeMirror span.CodeMirror-nonmatchingbracket { |
|
|
|
|
|
|
|
color: #f22; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-matchingtag { |
|
|
|
|
|
|
|
background: rgba(255, 150, 0, .3); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-activeline-background { |
|
|
|
|
|
|
|
background: #e8f2ff; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* STOP */ |
|
|
|
/* STOP */ |
|
|
|
|
|
|
|
|
|
|
|
@ -172,19 +314,20 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
.CodeMirror { |
|
|
|
.CodeMirror { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
background: white; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-scroll { |
|
|
|
.CodeMirror-scroll { |
|
|
|
overflow: scroll !important; /* Things will break if this is overridden */ |
|
|
|
overflow: scroll !important; /* Things will break if this is overridden */ |
|
|
|
/* 30px is the magic margin used to hide the element's real scrollbars */ |
|
|
|
/* 30px is the magic margin used to hide the element's real scrollbars */ |
|
|
|
/* See overflow: hidden in .CodeMirror */ |
|
|
|
/* See overflow: hidden in .CodeMirror */ |
|
|
|
margin-bottom: -30px; margin-right: -30px; |
|
|
|
margin-bottom: -30px; |
|
|
|
|
|
|
|
margin-right: -30px; |
|
|
|
padding-bottom: 30px; |
|
|
|
padding-bottom: 30px; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
outline: none; /* Prevent dragging from highlighting the element */ |
|
|
|
outline: none; /* Prevent dragging from highlighting the element */ |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-sizer { |
|
|
|
.CodeMirror-sizer { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
border-right: 30px solid transparent; |
|
|
|
border-right: 30px solid transparent; |
|
|
|
@ -198,46 +341,60 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
z-index: 6; |
|
|
|
z-index: 6; |
|
|
|
display: none; |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-vscrollbar { |
|
|
|
.CodeMirror-vscrollbar { |
|
|
|
right: 0; top: 0; |
|
|
|
right: 0; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-y: scroll; |
|
|
|
overflow-y: scroll; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-hscrollbar { |
|
|
|
.CodeMirror-hscrollbar { |
|
|
|
bottom: 0; left: 0; |
|
|
|
bottom: 0; |
|
|
|
|
|
|
|
left: 0; |
|
|
|
overflow-y: hidden; |
|
|
|
overflow-y: hidden; |
|
|
|
overflow-x: scroll; |
|
|
|
overflow-x: scroll; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-scrollbar-filler { |
|
|
|
.CodeMirror-scrollbar-filler { |
|
|
|
right: 0; bottom: 0; |
|
|
|
right: 0; |
|
|
|
|
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-gutter-filler { |
|
|
|
.CodeMirror-gutter-filler { |
|
|
|
left: 0; bottom: 0; |
|
|
|
left: 0; |
|
|
|
|
|
|
|
bottom: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-gutters { |
|
|
|
.CodeMirror-gutters { |
|
|
|
position: absolute; left: 0; top: 0; |
|
|
|
position: absolute; |
|
|
|
|
|
|
|
left: 0; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-gutter { |
|
|
|
.CodeMirror-gutter { |
|
|
|
white-space: normal; |
|
|
|
white-space: normal; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
margin-bottom: -30px; |
|
|
|
margin-bottom: -30px; |
|
|
|
/* Hack to make IE7 behave */ |
|
|
|
/* Hack to make IE7 behave */ |
|
|
|
*zoom:1; |
|
|
|
*zoom: 1; |
|
|
|
*display:inline; |
|
|
|
*display: inline; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-gutter-wrapper { |
|
|
|
.CodeMirror-gutter-wrapper { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
z-index: 4; |
|
|
|
z-index: 4; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-gutter-elt { |
|
|
|
.CodeMirror-gutter-elt { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
cursor: default; |
|
|
|
cursor: default; |
|
|
|
z-index: 4; |
|
|
|
z-index: 4; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-gutter-wrapper { |
|
|
|
.CodeMirror-gutter-wrapper { |
|
|
|
-webkit-user-select: none; |
|
|
|
-webkit-user-select: none; |
|
|
|
-moz-user-select: none; |
|
|
|
-moz-user-select: none; |
|
|
|
@ -248,9 +405,12 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
cursor: text; |
|
|
|
cursor: text; |
|
|
|
min-height: 1px; /* prevents collapsing before first draw */ |
|
|
|
min-height: 1px; /* prevents collapsing before first draw */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror pre { |
|
|
|
.CodeMirror pre { |
|
|
|
/* Reset some styles that the rest of the page might have set */ |
|
|
|
/* Reset some styles that the rest of the page might have set */ |
|
|
|
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; |
|
|
|
-moz-border-radius: 0; |
|
|
|
|
|
|
|
-webkit-border-radius: 0; |
|
|
|
|
|
|
|
border-radius: 0; |
|
|
|
border-width: 0; |
|
|
|
border-width: 0; |
|
|
|
background: transparent; |
|
|
|
background: transparent; |
|
|
|
font-family: inherit; |
|
|
|
font-family: inherit; |
|
|
|
@ -265,6 +425,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
overflow: visible; |
|
|
|
overflow: visible; |
|
|
|
-webkit-tap-highlight-color: transparent; |
|
|
|
-webkit-tap-highlight-color: transparent; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-wrap pre { |
|
|
|
.CodeMirror-wrap pre { |
|
|
|
word-wrap: break-word; |
|
|
|
word-wrap: break-word; |
|
|
|
white-space: pre-wrap; |
|
|
|
white-space: pre-wrap; |
|
|
|
@ -273,7 +434,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-linebackground { |
|
|
|
.CodeMirror-linebackground { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
left: 0; right: 0; top: 0; bottom: 0; |
|
|
|
left: 0; |
|
|
|
|
|
|
|
right: 0; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
|
|
|
|
bottom: 0; |
|
|
|
z-index: 0; |
|
|
|
z-index: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -308,7 +472,10 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;} |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
visibility: hidden; |
|
|
|
visibility: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
.CodeMirror-measure pre { position: static; } |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-measure pre { |
|
|
|
|
|
|
|
position: static; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror div.CodeMirror-cursor { |
|
|
|
.CodeMirror div.CodeMirror-cursor { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
@ -321,15 +488,30 @@ div.CodeMirror-cursors { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-focused div.CodeMirror-cursors { |
|
|
|
.CodeMirror-focused div.CodeMirror-cursors { |
|
|
|
visibility: visible; |
|
|
|
visibility: visible; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-selected { background: #d9d9d9; } |
|
|
|
.CodeMirror-selected { |
|
|
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } |
|
|
|
background: #d9d9d9; |
|
|
|
.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; } |
|
|
|
.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 { |
|
|
|
.cm-searching { |
|
|
|
background: #ffa; |
|
|
|
background: #ffa; |
|
|
|
@ -337,10 +519,14 @@ div.CodeMirror-cursors { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* IE7 hack to prevent it from returning funny offsetTops on the spans */ |
|
|
|
/* IE7 hack to prevent it from returning funny offsetTops on the spans */ |
|
|
|
.CodeMirror span { *vertical-align: text-bottom; } |
|
|
|
.CodeMirror span { |
|
|
|
|
|
|
|
*vertical-align: text-bottom; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Used to force a border model for a node */ |
|
|
|
/* Used to force a border model for a node */ |
|
|
|
.cm-force-border { padding-right: .1px; } |
|
|
|
.cm-force-border { |
|
|
|
|
|
|
|
padding-right: .1px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media print { |
|
|
|
@media print { |
|
|
|
/* Hide the cursor when printing */ |
|
|
|
/* Hide the cursor when printing */ |
|
|
|
@ -350,10 +536,14 @@ div.CodeMirror-cursors { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* See issue #2901 */ |
|
|
|
/* See issue #2901 */ |
|
|
|
.cm-tab-wrap-hack:after { content: ''; } |
|
|
|
.cm-tab-wrap-hack:after { |
|
|
|
|
|
|
|
content: ''; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Help users use markselection to safely style text background */ |
|
|
|
/* Help users use markselection to safely style text background */ |
|
|
|
span.CodeMirror-selectedtext { background: none; } |
|
|
|
span.CodeMirror-selectedtext { |
|
|
|
|
|
|
|
background: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/*addon: show-hint*/ |
|
|
|
/*addon: show-hint*/ |
|
|
|
.CodeMirror-hints { |
|
|
|
.CodeMirror-hints { |
|
|
|
@ -365,9 +555,9 @@ span.CodeMirror-selectedtext { background: none; } |
|
|
|
margin: 0; |
|
|
|
margin: 0; |
|
|
|
padding: 2px; |
|
|
|
padding: 2px; |
|
|
|
|
|
|
|
|
|
|
|
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2); |
|
|
|
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2); |
|
|
|
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2); |
|
|
|
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2); |
|
|
|
box-shadow: 2px 3px 5px rgba(0,0,0,.2); |
|
|
|
box-shadow: 2px 3px 5px rgba(0, 0, 0, .2); |
|
|
|
border-radius: 3px; |
|
|
|
border-radius: 3px; |
|
|
|
border: 1px solid silver; |
|
|
|
border: 1px solid silver; |
|
|
|
|
|
|
|
|
|
|
|
|
guy
8 years ago