|
|
@@ -41,19 +41,21 @@
|
|
|
|
|
|
/* CURSOR */
|
|
|
|
|
|
-.CodeMirror div.CodeMirror-cursor {
|
|
|
+.CodeMirror-cursor {
|
|
|
border-left: 1px solid black;
|
|
|
+ border-right: none;
|
|
|
+ width: 0;
|
|
|
}
|
|
|
/* Shown when moving in bi-directional text */
|
|
|
.CodeMirror div.CodeMirror-secondarycursor {
|
|
|
border-left: 1px solid silver;
|
|
|
}
|
|
|
-.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
|
|
|
+.cm-fat-cursor .CodeMirror-cursor {
|
|
|
width: auto;
|
|
|
border: 0;
|
|
|
background: #7e7;
|
|
|
}
|
|
|
-.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
|
|
|
+.cm-fat-cursor div.CodeMirror-cursors {
|
|
|
z-index: 1;
|
|
|
}
|
|
|
|
|
|
@@ -63,25 +65,26 @@
|
|
|
-webkit-animation: blink 1.06s steps(1) infinite;
|
|
|
-moz-animation: blink 1.06s steps(1) infinite;
|
|
|
animation: blink 1.06s steps(1) infinite;
|
|
|
+ background-color: #7e7;
|
|
|
}
|
|
|
@-moz-keyframes blink {
|
|
|
- 0% { background: #7e7; }
|
|
|
- 50% { background: none; }
|
|
|
- 100% { background: #7e7; }
|
|
|
+ 0% {}
|
|
|
+ 50% { background-color: transparent; }
|
|
|
+ 100% {}
|
|
|
}
|
|
|
@-webkit-keyframes blink {
|
|
|
- 0% { background: #7e7; }
|
|
|
- 50% { background: none; }
|
|
|
- 100% { background: #7e7; }
|
|
|
+ 0% {}
|
|
|
+ 50% { background-color: transparent; }
|
|
|
+ 100% {}
|
|
|
}
|
|
|
@keyframes blink {
|
|
|
- 0% { background: #7e7; }
|
|
|
- 50% { background: none; }
|
|
|
- 100% { background: #7e7; }
|
|
|
+ 0% {}
|
|
|
+ 50% { background-color: transparent; }
|
|
|
+ 100% {}
|
|
|
}
|
|
|
|
|
|
/* Can style cursor different in overwrite (non-insert) mode */
|
|
|
-div.CodeMirror-overwrite div.CodeMirror-cursor {}
|
|
|
+.CodeMirror-overwrite .CodeMirror-cursor {}
|
|
|
|
|
|
.cm-tab { display: inline-block; text-decoration: inherit; }
|
|
|
|
|
|
@@ -92,6 +95,15 @@ div.CodeMirror-overwrite div.CodeMirror-cursor {}
|
|
|
|
|
|
/* DEFAULT THEME */
|
|
|
|
|
|
+.cm-s-default .cm-header {color: blue;}
|
|
|
+.cm-s-default .cm-quote {color: #090;}
|
|
|
+.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-atom {color: #219;}
|
|
|
.cm-s-default .cm-number {color: #164;}
|
|
|
@@ -111,18 +123,9 @@ div.CodeMirror-overwrite div.CodeMirror-cursor {}
|
|
|
.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-header {color: blue;}
|
|
|
-.cm-s-default .cm-quote {color: #090;}
|
|
|
.cm-s-default .cm-hr {color: #999;}
|
|
|
.cm-s-default .cm-link {color: #00c;}
|
|
|
|
|
|
-.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-error {color: #f00;}
|
|
|
.cm-invalidchar {color: #f00;}
|
|
|
|
|
|
@@ -202,7 +205,13 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|
|
.CodeMirror-gutter-wrapper {
|
|
|
position: absolute;
|
|
|
z-index: 4;
|
|
|
- height: 100%;
|
|
|
+ background: none !important;
|
|
|
+ border: none !important;
|
|
|
+}
|
|
|
+.CodeMirror-gutter-background {
|
|
|
+ position: absolute;
|
|
|
+ top: 0; bottom: 0;
|
|
|
+ z-index: 4;
|
|
|
}
|
|
|
.CodeMirror-gutter-elt {
|
|
|
position: absolute;
|
|
|
@@ -277,19 +286,19 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
|
|
|
overflow: hidden;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
-.CodeMirror-measure pre { position: static; }
|
|
|
|
|
|
-.CodeMirror div.CodeMirror-cursor {
|
|
|
- position: absolute;
|
|
|
- border-right: none;
|
|
|
- width: 0;
|
|
|
-}
|
|
|
+.CodeMirror-cursor { position: absolute; }
|
|
|
+.CodeMirror-measure pre { position: static; }
|
|
|
|
|
|
div.CodeMirror-cursors {
|
|
|
visibility: hidden;
|
|
|
position: relative;
|
|
|
z-index: 3;
|
|
|
}
|
|
|
+div.CodeMirror-dragcursors {
|
|
|
+ visibility: visible;
|
|
|
+}
|
|
|
+
|
|
|
.CodeMirror-focused div.CodeMirror-cursors {
|
|
|
visibility: visible;
|
|
|
}
|
|
|
@@ -297,8 +306,8 @@ div.CodeMirror-cursors {
|
|
|
.CodeMirror-selected { background: #d9d9d9; }
|
|
|
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
|
|
|
.CodeMirror-crosshair { cursor: crosshair; }
|
|
|
-.CodeMirror ::selection { background: #d7d4f0; }
|
|
|
-.CodeMirror ::-moz-selection { background: #d7d4f0; }
|
|
|
+.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: #ffa;
|