/* SimpleMDE Theme Dark v0.0.0 https://github.com/xcatliu/simplemde-theme-dark#readme */ @charset "UTF-8"; /* THIS FILE IS COPIED FROM CODEMIRROR.CSS, PLEASE DONOT EDIT IT. */ /* BASICS */ .cm-s-paper.CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; } /* PADDING */ .cm-s-paper .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .cm-s-paper .CodeMirror pre { padding: 0 4px; /* Horizontal padding of content */ } .cm-s-paper .CodeMirror-scrollbar-filler, .cm-s-paper .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .cm-s-paper .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .cm-s-paper .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .cm-s-paper .CodeMirror-guttermarker { color: black; } .cm-s-paper .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .cm-s-paper .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .cm-s-paper.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-s-paper .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } .cm-s-paper .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-s-paper .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background-color: #7e7; } @-webkit-keyframes blink { 0% { } 50% { background-color: transparent; } 100% { } } @keyframes blink { 0% { } 50% { background-color: transparent; } 100% { } } /* Can style cursor different in overwrite (non-insert) mode */ .cm-s-paper .cm-tab { display: inline-block; text-decoration: inherit; } .cm-s-paper .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: -20px; overflow: hidden; } .cm-s-paper .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } .cm-s-paper .cm-negative { color: #d44; } .cm-s-paper .cm-positive { color: #292; } .cm-s-paper .cm-header, .cm-s-paper .cm-strong { font-weight: bold; } .cm-s-paper .cm-em { font-style: italic; } .cm-s-paper .cm-link { text-decoration: underline; } .cm-s-paper .cm-strikethrough { text-decoration: line-through; } .cm-s-paper .cm-invalidchar { color: #f00; } .cm-s-paper .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.cm-s-paper.CodeMirror span.CodeMirror-matchingbracket { color: #0f0; } div.cm-s-paper.CodeMirror span.CodeMirror-nonmatchingbracket { color: #f22; } .cm-s-paper .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); } .cm-s-paper .CodeMirror-activeline-background { background: #e8f2ff; } /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .cm-s-paper.CodeMirror { position: relative; overflow: hidden; background: white; } .cm-s-paper .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 30px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -30px; margin-right: -30px; padding-bottom: 30px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; } .cm-s-paper .CodeMirror-sizer { position: relative; border-right: 30px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .cm-s-paper .CodeMirror-vscrollbar, .cm-s-paper .CodeMirror-hscrollbar, .cm-s-paper .CodeMirror-scrollbar-filler, .cm-s-paper .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; } .cm-s-paper .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .cm-s-paper .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .cm-s-paper .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .cm-s-paper .CodeMirror-gutter-filler { left: 0; bottom: 0; } .cm-s-paper .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .cm-s-paper .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -30px; } .cm-s-paper .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .cm-s-paper .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .cm-s-paper .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .cm-s-paper .CodeMirror-gutter-wrapper { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cm-s-paper .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .cm-s-paper.CodeMirror pre { /* Reset some styles that the rest of the page might have set */ 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; } .cm-s-paper.CodeMirror-wrap pre { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .cm-s-paper .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .cm-s-paper .CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; } .cm-s-paper .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .cm-s-paper .CodeMirror-scroll, .cm-s-paper .CodeMirror-sizer, .cm-s-paper .CodeMirror-gutter, .cm-s-paper .CodeMirror-gutters, .cm-s-paper .CodeMirror-linenumber { box-sizing: content-box; } .cm-s-paper .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .cm-s-paper .CodeMirror-cursor { position: absolute; pointer-events: none; } .cm-s-paper .CodeMirror-measure pre { position: static; } .cm-s-paper div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } .cm-s-paper div.CodeMirror-dragcursors { visibility: visible; } .cm-s-paper.CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .cm-s-paper .CodeMirror-selected { background: #d9d9d9; } .cm-s-paper.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .cm-s-paper .CodeMirror-crosshair { cursor: crosshair; } .cm-s-paper .CodeMirror-line::-moz-selection, .cm-s-paper .CodeMirror-line > span::-moz-selection, .cm-s-paper .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-s-paper .CodeMirror-line::selection, .cm-s-paper .CodeMirror-line > span::selection, .cm-s-paper .CodeMirror-line > span > span::selection { background: #d7d4f0; } .cm-s-paper .CodeMirror-line::-moz-selection, .cm-s-paper .CodeMirror-line > span::-moz-selection, .cm-s-paper .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-s-paper .cm-searching { background: #ffa; background: rgba(255, 255, 0, 0.4); } /* Used to force a border model for a node */ .cm-s-paper .cm-force-border { padding-right: 0.1px; } @media print { /* Hide the cursor when printing */ .cm-s-paper.CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-s-paper .cm-tab-wrap-hack:after { content: ""; } /* Help users use markselection to safely style text background */ .cm-s-paper span.CodeMirror-selectedtext { background: none; } .cm-s-paper.CodeMirror { background-color: #444; border: 1px solid #555; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #aaa; font-family: inherit; height: auto; line-height: 1.5; min-height: 300px; padding: 14px; z-index: 1; } .cm-s-paper .CodeMirror-scroll { margin-bottom: -32px; margin-right: -32px; min-height: 300px; padding-bottom: 32px; } .cm-s-paper .CodeMirror-fullscreen { background-color: #444; border: 0; border-top: 1px solid #555; bottom: 0; height: auto; left: 0; position: fixed !important; right: 0; top: 58px; z-index: 9; } .cm-s-paper .CodeMirror-sided { width: 50% !important; } .cm-s-paper.CodeMirror .CodeMirror-placeholder { color: #777; } .cm-s-paper .CodeMirror-cursor { border-left-color: #aaa; } .cm-s-paper .CodeMirror-lines { padding: 0; } .cm-s-paper.CodeMirror pre { padding: 0 0; } .cm-s-paper .CodeMirror-selected, .cm-s-paper.CodeMirror-focused .CodeMirror-selected, .cm-s-paper .CodeMirror-line::-moz-selection, .cm-s-paper .CodeMirror-line > span::-moz-selection, .cm-s-paper .CodeMirror-line > span > span::-moz-selection { background-color: rgba(255, 255, 255, 0.1); } .cm-s-paper .CodeMirror-selected, .cm-s-paper.CodeMirror-focused .CodeMirror-selected, .cm-s-paper .CodeMirror-line::selection, .cm-s-paper .CodeMirror-line > span::selection, .cm-s-paper .CodeMirror-line > span > span::selection { background-color: rgba(255, 255, 255, 0.1); } .cm-s-paper.CodeMirror .CodeMirror-code .cm-tag { color: #95bf40; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-attribute { color: #95bf40; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-string { color: #777; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-link { color: #ffd500; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-url { color: #777; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-hr { color: #777; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-formatting-header, .cm-s-paper.CodeMirror .CodeMirror-code .cm-formatting-em, .cm-s-paper.CodeMirror .CodeMirror-code .cm-formatting-strong, .cm-s-paper.CodeMirror .CodeMirror-code .cm-formatting-strikethrough, .cm-s-paper.CodeMirror .CodeMirror-code .cm-formatting-code, .cm-s-paper.CodeMirror .CodeMirror-code .cm-formatting-code-block { color: #777; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-header-1, .cm-s-paper.CodeMirror .CodeMirror-code .cm-header-2, .cm-s-paper.CodeMirror .CodeMirror-code .cm-header-3, .cm-s-paper.CodeMirror .CodeMirror-code .cm-header-4, .cm-s-paper.CodeMirror .CodeMirror-code .cm-header-5, .cm-s-paper.CodeMirror .CodeMirror-code .cm-header-6 { line-height: 2; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-header, .cm-s-paper.CodeMirror .CodeMirror-code .cm-strong { font-weight: 600; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-comment { background-color: rgba(255, 255, 255, 0.05); font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; padding: 6px 0 4px; } .cm-s-paper.CodeMirror .CodeMirror-code span.CodeMirror-selectedtext.cm-comment { background-color: rgba(255, 255, 255, 0.05); } .cm-s-paper.CodeMirror .CodeMirror-code .cm-quote { color: #777; } .cm-s-paper.CodeMirror .CodeMirror-code .cm-strikethrough { text-decoration: line-through; } .cm-s-paper .editor-preview { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .cm-s-paper .editor-preview-side { border: 0; border-left: 1px solid #555; border-top: 1px solid #555; bottom: 0; position: fixed; right: 0; top: 58px; width: 50%; z-index: 9; } .cm-s-paper .editor-preview, .cm-s-paper .editor-preview-side { background-color: #444; box-sizing: border-box; color: #aaa; display: none; font-family: inherit; line-height: 1.5; overflow: auto; padding: 0 14px 14px; } .cm-s-paper .editor-preview pre, .cm-s-paper .editor-preview-side pre { background-color: rgba(255, 255, 255, 0.05); font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; line-height: 1.2; margin-top: 14px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 14px; } .cm-s-paper .editor-preview pre code, .cm-s-paper .editor-preview-side pre code { background-color: transparent; padding: 0; } .cm-s-paper .editor-preview-active, .cm-s-paper .editor-preview-active-side { display: block; } .cm-s-paper .editor-preview table, .cm-s-paper .editor-preview-side table { background-color: #444; border: 0; border-collapse: collapse; border-spacing: 0; width: 100%; } .cm-s-paper .editor-preview table caption, .cm-s-paper .editor-preview-side table caption { caption-side: bottom; color: #777; padding: 7px; text-align: left; } .cm-s-paper .editor-preview table th, .cm-s-paper .editor-preview table td, .cm-s-paper .editor-preview-side table th, .cm-s-paper .editor-preview-side table td { border: 0; border-bottom: 1px solid #555; padding: 7px; text-align: left; } .cm-s-paper .editor-preview table th, .cm-s-paper .editor-preview-side table th { background-color: rgba(255, 255, 255, 0.05); font-weight: 600; } .cm-s-paper .editor-preview audio:not([controls]), .cm-s-paper .editor-preview-side audio:not([controls]) { display: none; height: 0; } .cm-s-paper .editor-preview img, .cm-s-paper .editor-preview-side img { max-width: 100%; vertical-align: middle; } .cm-s-paper .editor-preview audio, .cm-s-paper .editor-preview video, .cm-s-paper .editor-preview-side audio, .cm-s-paper .editor-preview-side video { width: 100%; } .cm-s-paper .editor-toolbar { background-color: #444; border: 1px solid #555; border-bottom: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 0 14px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cm-s-paper .editor-toolbar::before, .cm-s-paper .editor-toolbar::after { content: " "; display: block; height: 1px; } .cm-s-paper .editor-toolbar::before { margin-bottom: 7px; } .cm-s-paper .editor-toolbar::after { margin-top: 7px; } .cm-s-paper .editor-toolbar a { border: 1px solid transparent; border-radius: 3px; color: #777 !important; cursor: pointer; display: inline-block; font-size: 80%; height: 30px; margin: 0; text-align: center; text-decoration: none !important; width: 30px; } .cm-s-paper .editor-toolbar a.active, .cm-s-paper .editor-toolbar a:hover { border-color: #555; color: #aaa !important; } .cm-s-paper .editor-toolbar a::before { line-height: 30px; } .cm-s-paper .editor-toolbar a.fa-header-x::after { bottom: -0.25em; font-family: inherit; font-size: 80%; line-height: 0; position: relative; vertical-align: baseline; } .cm-s-paper .editor-toolbar a.fa-header-1::after { content: "1"; } .cm-s-paper .editor-toolbar a.fa-header-2::after { content: "2"; } .cm-s-paper .editor-toolbar a.fa-header-3::after { content: "3"; } .cm-s-paper .editor-toolbar a.fa-header-bigger::after { content: "▲"; } .cm-s-paper .editor-toolbar a.fa-header-smaller::after { content: "▼"; } .cm-s-paper .editor-toolbar i.separator { border-right: 1px solid #555; color: transparent; display: inline-block; margin: 0 7px; text-indent: -10px; width: 0; } .cm-s-paper .editor-toolbar:hover a { color: #aaa !important; } .cm-s-paper .editor-toolbar.fullscreen { background-color: #444; border: 0; box-sizing: border-box; height: 58px; left: 0; overflow-x: auto; overflow-y: hidden; padding-bottom: 14px; padding-top: 14px; position: fixed; top: 0; white-space: nowrap; width: 100%; z-index: 9; } .cm-s-paper .editor-toolbar.fullscreen::before, .cm-s-paper .editor-toolbar.fullscreen::after { height: 58px; left: 0; margin: 0; padding: 0; position: fixed; top: 0; width: 20px; } @media only screen and (max-width: 700px) { .cm-s-paper .editor-toolbar a.no-mobile { display: none; } } .cm-s-paper .editor-toolbar.disabled-for-preview a:not(.no-disable) { background-color: #444; border-color: transparent; pointer-events: none; text-shadow: inherit; } .cm-s-paper .editor-statusbar { color: #777; font-family: inherit; font-size: 80%; padding: 7px 14px; text-align: right; } .cm-s-paper .editor-statusbar span { display: inline-block; margin-left: 1em; } .cm-s-paper .editor-statusbar .lines::before { content: "lines: "; } .cm-s-paper .editor-statusbar .words::before { content: "words: "; } .cm-s-paper .editor-statusbar .characters::before { content: "characters: "; }