70 lines
1.9 KiB
CSS
70 lines
1.9 KiB
CSS
textarea.editor {
|
|
opacity: 0;
|
|
}
|
|
|
|
.CodeMirror {
|
|
height: auto;
|
|
padding: 0 1em;
|
|
margin-top: 1em;
|
|
border-left: 2px solid #e1e1e1;
|
|
font-size: 1em;
|
|
line-height: normal;
|
|
}
|
|
|
|
.CodeMirror-cursors,
|
|
.CodeMirror pre {
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
.CodeMirror-selected,
|
|
.CodeMirror-line::selection,
|
|
.CodeMirror-line > span::selection,
|
|
.CodeMirror-line > span > span::selection {
|
|
background: rgba(248, 162, 0, 0.5) !important;
|
|
}
|
|
|
|
@keyframes text-flash {
|
|
0% {
|
|
background: rgba(248, 162, 0, 0);
|
|
color: black;
|
|
}
|
|
40% {
|
|
background: rgba(248, 162, 0, 1);
|
|
color: black,
|
|
}
|
|
100% {
|
|
background: rgba(248, 162, 0, 0);
|
|
color: black;
|
|
}
|
|
}
|
|
|
|
.CodeMirror .text-flash {
|
|
animation: text-flash .35s ease-in;
|
|
}
|
|
|
|
/* syntax hightlighting */
|
|
.cm-s-default .cm-keyword { color: #0000e6; font-weight: bold; }
|
|
.cm-s-default .cm-built-in { color: #3333bf; }
|
|
.cm-s-default .cm-number { color: #980099; }
|
|
.cm-s-default .cm-symbol { color: #007300; }
|
|
.cm-s-default .cm-class { color: #0000d2; }
|
|
.cm-s-default .cm-primitive { color: #0000d2; }
|
|
.cm-s-default .cm-char { color: #007300; }
|
|
.cm-s-default .cm-env-var { color: #8c4614; }
|
|
.cm-s-default .cm-comment { color: #bf0000; }
|
|
.cm-s-default .cm-string { color: #5f5f5f; }
|
|
.cm-s-default .cm-text { color: #000000; }
|
|
|
|
@media print {
|
|
.cm-s-default .cm-keyword { color: #0000e6; font-weight: bold; }
|
|
.cm-s-default .cm-built-in { color: #3333bf; font-weight: bold; }
|
|
.cm-s-default .cm-number { color: #980099; }
|
|
.cm-s-default .cm-symbol { color: #007300; }
|
|
.cm-s-default .cm-class { color: #0000d2; font-weight: bold; }
|
|
.cm-s-default .cm-primitive { color: #0000d2; }
|
|
.cm-s-default .cm-char { color: #007300; }
|
|
.cm-s-default .cm-env-var { color: #8c4614; }
|
|
.cm-s-default .cm-comment { color: #bf0000; font-style: italic; }
|
|
.cm-s-default .cm-string { color: #5f5f5f; }
|
|
.cm-s-default .cm-text { color: #000000; }
|
|
}
|