diff options
Diffstat (limited to 'css/style-unminified.css')
| -rw-r--r-- | css/style-unminified.css | 1710 |
1 files changed, 0 insertions, 1710 deletions
diff --git a/css/style-unminified.css b/css/style-unminified.css deleted file mode 100644 index e8dbb68..0000000 --- a/css/style-unminified.css +++ /dev/null @@ -1,1710 +0,0 @@ -body { - max-width: 50rem; - margin: auto; - padding: 0 1rem; - margin-bottom: 2rem; - font-family: sans-serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji'; -} - -h1 { - text-align: center; -} - -footer { - text-align: center; -} - -img { - max-width: 37.5rem; - width: 100%; - margin: auto; - display: block; -} - -img.theme-select { - max-width: 12.5rem; - width: 100%; - margin: auto; - display: block; -} - -code { - overflow-wrap: break-word; - color: lime; -} - -img[alt="BTC logo"], -img[alt="XMR Logo"] { - max-width: 1em; - max-height: 1em; - display: inline; -} - -.centered { - text-align: center; -} - -.center-block { - text-align: center; - display: block; - margin-right: auto; - margin-left: auto; -} - -.CodeMirror, -.CodeMirror-scroll { - max-height: 18.75rem; -} - -.CodeMirror-fullscreen.CodeMirror { - max-height: none; -} - -.CodeMirror-fullscreen .CodeMirror-scroll { - max-height: none; -} - -pre { - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -pre-wrap; - white-space: -o-pre-wrap; - word-wrap: break-word; - resize: both; - overflow: auto; -} - -table.centered { - margin-left: auto; - margin-right: auto; -} - -th, -td { - padding: 1rem; -} - -button { - font-size: 1rem; - font-family: monospace, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji'; - text-align: center; -} - -video { - max-width: 100%; - max-height: 100%; - height: auto; -} - -.video { - max-width: 100%; - max-height: 100%; - height: auto; -} - -ul.no-bullets { - list-style-type: none; - font-family: monospace, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji'; -} - -.CodeMirror-gutter-filler, -.CodeMirror-scrollbar-filler { - background-color: #fff; -} - -.CodeMirror-gutters { - border-right: 1px solid #ddd; - background-color: #f7f7f7; - white-space: nowrap; -} - -.CodeMirror-linenumber { - padding: 0 0.1875rem 0 0.3125rem; - min-width: 1.25rem; - text-align: right; - color: #999; - white-space: nowrap; -} - -.CodeMirror-guttermarker { - color: #000; -} - -.CodeMirror-guttermarker-subtle { - color: #999; -} - -.CodeMirror-cursor { - border-left: 1px solid #000; - border-right: none; - width: 0; -} - -.CodeMirror div.CodeMirror-secondarycursor { - border-left: 1px solid silver; -} - -.cm-fat-cursor .CodeMirror-cursor { - width: auto; - border: 0 !important; - background: #7e7; -} - -.cm-fat-cursor div.CodeMirror-cursors { - z-index: 1; -} - -.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 { - 50% { - background-color: transparent; - } -} - -@keyframes blink { - 50% { - background-color: transparent; - } -} - -.cm-tab { - display: inline-block; - text-decoration: inherit; -} - -.CodeMirror-rulers { - position: absolute; - left: 0; - right: 0; - top: -3.125rem; - bottom: -1.25rem; - overflow: hidden; -} - -.CodeMirror-ruler { - border-left: 1px solid #ccc; - top: 0; - bottom: 0; - position: absolute; -} - -.CodeMirror, -.CodeMirror-scroll { - position: relative; - min-height: 18.75rem; -} - -.cm-s-default .cm-header { - color: #00f; -} - -.cm-s-default .cm-quote { - color: #090; -} - -.cm-negative { - color: #d44; -} - -.cm-positive { - color: #292; -} - -.cm-header, -.cm-strong { - font-weight: 700; -} - -.cm-em { - font-style: italic; -} - -.cm-link { - text-decoration: underline; -} - -.CodeMirror .CodeMirror-code .cm-strikethrough, -.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; -} - -.cm-s-default .cm-def { - color: #00f; -} - -.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-string { - color: #a11; -} - -.cm-s-default .cm-string-2 { - color: #f50; -} - -.cm-s-default .cm-meta, -.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-invalidchar, -.cm-s-default .cm-error { - color: red; -} - -.CodeMirror-composing { - border-bottom: 0.125rem solid; -} - -div.CodeMirror span.CodeMirror-matchingbracket { - color: #0f0; -} - -div.CodeMirror span.CodeMirror-nonmatchingbracket { - color: #f22; -} - -.CodeMirror-matchingtag { - background: rgba(255, 150, 0, 0.3); -} - -.CodeMirror-activeline-background { - background: #e8f2ff; -} - -.CodeMirror { - position: relative; - overflow: hidden; - background: #fff; -} - -.CodeMirror-scroll { - overflow: scroll !important; - height: 100%; - outline: 0; - position: relative; -} - -.CodeMirror-sizer { - position: relative; - border-right: 1.875rem solid transparent; -} - -.CodeMirror-gutter-filler, -.CodeMirror-hscrollbar, -.CodeMirror-scrollbar-filler, -.CodeMirror-vscrollbar { - position: absolute; - z-index: 6; - display: none; -} - -.CodeMirror-vscrollbar { - right: 0; - top: 0; - overflow-x: hidden; - overflow-y: scroll; -} - -.CodeMirror-hscrollbar { - bottom: 0; - left: 0; - overflow-y: hidden; - overflow-x: scroll; -} - -.CodeMirror-scrollbar-filler { - right: 0; - bottom: 0; -} - -.CodeMirror-gutter-filler { - left: 0; - bottom: 0; -} - -.CodeMirror-gutters { - position: absolute; - left: 0; - top: 0; - min-height: 100%; - z-index: 3; -} - -.CodeMirror-gutter { - white-space: normal; - height: 100%; - display: inline-block; - vertical-align: top; - margin-bottom: -1.875rem; -} - -.CodeMirror-gutter-wrapper { - position: absolute; - z-index: 4; - background: 0 0 !important; - border: none !important; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.CodeMirror-gutter-background { - position: absolute; - top: 0; - bottom: 0; - z-index: 4; -} - -.CodeMirror-gutter-elt { - position: absolute; - cursor: default; - z-index: 4; -} - -.CodeMirror-lines { - cursor: text; - min-height: 1px; -} - -.CodeMirror pre { - border-radius: 0; - border-width: 0; - background: 0 0; - 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; -} - -.CodeMirror-wrap pre { - word-wrap: break-word; - white-space: pre-wrap; - word-break: normal; -} - -.CodeMirror-linebackground { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 0; -} - -.CodeMirror-linewidget { - position: relative; - z-index: 2; - overflow: auto; -} - -.CodeMirror-code { - outline: 0; -} - -.CodeMirror-gutter, -.CodeMirror-gutters, -.CodeMirror-linenumber, -.CodeMirror-scroll, -.CodeMirror-sizer { - box-sizing: content-box; -} - -.CodeMirror-measure { - position: absolute; - width: 100%; - height: 0; - overflow: hidden; - visibility: hidden; -} - -.CodeMirror-cursor { - position: absolute; - pointer-events: none; -} - -.CodeMirror-measure pre { - position: static; -} - -div.CodeMirror-cursors { - visibility: hidden; - position: relative; - z-index: 3; -} - -.CodeMirror-focused div.CodeMirror-cursors, -div.CodeMirror-dragcursors { - visibility: visible; -} - -.CodeMirror-selected { - background: #d9d9d9; -} - -.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 { - background: #ffa; - background: rgba(255, 255, 0, 0.4); -} - -.cm-force-border { - padding-right: 0.00625rem; -} - -@media print { - .CodeMirror div.CodeMirror-cursors { - visibility: hidden; - } -} - -.cm-tab-wrap-hack:after { - content: ''; -} - -span.CodeMirror-selectedtext { - background: 0 0; -} - -.CodeMirror { - background-color: #444; - border: 0.0625rem solid #555; - border-bottom-left-radius: 0.1875rem; - border-bottom-right-radius: 0.1875rem; - color: #aaa; - font-family: inherit; - font-size: 1.125rem; - height: auto; - line-height: 1.5; - padding: 0.875rem; - z-index: 1; -} - -.CodeMirror-scroll { - margin-bottom: -2rem; - margin-right: -2rem; - padding-bottom: 2rem; -} - -.CodeMirror-fullscreen { - background-color: #444; - border: 0; - border-top: 0.0625rem solid #555; - bottom: 0; - height: auto; - left: 0; - position: fixed !important; - right: 0; - top: 3.625rem; - z-index: 9; -} - -.CodeMirror-sided { - width: 50% !important; -} - -.CodeMirror .CodeMirror-placeholder { - color: #777; -} - -.CodeMirror-cursor { - border-left-color: #aaa; -} - -.CodeMirror pre, -.CodeMirror-lines { - padding: 0; -} - -.CodeMirror-focused .CodeMirror-selected, -.CodeMirror-line::-moz-selection, -.CodeMirror-line>span::-moz-selection, -.CodeMirror-line>span>span::-moz-selection, -.CodeMirror-selected { - background-color: rgba(255, 255, 255, 0.1); -} - -.CodeMirror-focused .CodeMirror-selected, -.CodeMirror-line::selection, -.CodeMirror-line>span::selection, -.CodeMirror-line>span>span::selection, -.CodeMirror-selected { - background-color: rgba(255, 255, 255, 0.1); -} - -.CodeMirror .CodeMirror-code .cm-attribute, -.CodeMirror .CodeMirror-code .cm-tag { - color: #95bf40; -} - -.CodeMirror .CodeMirror-code .cm-string { - color: #777; -} - -.CodeMirror .CodeMirror-code .cm-link { - color: #ffd500; -} - -.CodeMirror .CodeMirror-code .cm-formatting-code, -.CodeMirror .CodeMirror-code .cm-formatting-code-block, -.CodeMirror .CodeMirror-code .cm-formatting-em, -.CodeMirror .CodeMirror-code .cm-formatting-header, -.CodeMirror .CodeMirror-code .cm-formatting-strikethrough, -.CodeMirror .CodeMirror-code .cm-formatting-strong, -.CodeMirror .CodeMirror-code .cm-hr, -.CodeMirror .CodeMirror-code .cm-quote, -.CodeMirror .CodeMirror-code .cm-url { - color: #777; -} - -.CodeMirror .CodeMirror-code .cm-header-1, -.CodeMirror .CodeMirror-code .cm-header-2, -.CodeMirror .CodeMirror-code .cm-header-3, -.CodeMirror .CodeMirror-code .cm-header-4, -.CodeMirror .CodeMirror-code .cm-header-5, -.CodeMirror .CodeMirror-code .cm-header-6 { - line-height: 2; -} - -.CodeMirror .CodeMirror-code .cm-header-1 { - font-size: 2rem; -} - -.CodeMirror .CodeMirror-code .cm-header-2 { - font-size: 1.625rem; -} - -.CodeMirror .CodeMirror-code .cm-header-3 { - font-size: 1.5rem; -} - -.CodeMirror .CodeMirror-code .cm-header-4 { - font-size: 1.375rem; -} - -.CodeMirror .CodeMirror-code .cm-header-5 { - font-size: 1.25rem; -} - -.CodeMirror .CodeMirror-code .cm-header-6 { - font-size: 1.125rem; -} - -.CodeMirror .CodeMirror-code .cm-header, -.CodeMirror .CodeMirror-code .cm-strong { - font-weight: 600; -} - -.CodeMirror .CodeMirror-code .cm-comment { - background-color: rgba(255, 255, 255, 0.05); - font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji'; - font-size: 0.875rem; - padding: 0.375rem 0 0.25rem; -} - -.CodeMirror .CodeMirror-code span.CodeMirror-selectedtext.cm-comment { - background-color: rgba(255, 255, 255, 0.05); -} - -.editor-preview { - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 2; -} - -.editor-preview-side { - border: 0; - border-left: 0.0625rem solid #555; - border-top: 0.0625rem solid #555; - bottom: 0; - position: fixed; - right: 0; - top: 3.625rem; - width: 50%; - z-index: 9; -} - -.editor-preview, -.editor-preview-side { - background-color: #444; - box-sizing: border-box; - color: #aaa; - display: none; - font-family: inherit; - font-size: 1.125rem; - line-height: 1.5; - overflow: auto; - padding: 0 0.875rem 0.875rem; -} - -.editor-preview pre, -.editor-preview-side pre { - background-color: rgba(255, 255, 255, 0.05); - font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji'; - font-size: 0.875rem; - line-height: 1.2; - margin-top: 0.875rem; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 0.875rem; -} - -.editor-preview pre code, -.editor-preview-side pre code { - background-color: transparent; - font-size: 0.875rem; - padding: 0; -} - -.editor-preview-active, -.editor-preview-active-side { - display: block; -} - -.editor-preview table, -.editor-preview-side table { - background-color: #444; - border: 0; - border-collapse: collapse; - border-spacing: 0; - width: 100%; -} - -.editor-preview table caption, -.editor-preview-side table caption { - caption-side: bottom; - color: #777; - padding: 0.4375rem; - text-align: left; -} - -.editor-preview table td, -.editor-preview table th, -.editor-preview-side table td, -.editor-preview-side table th { - border: 0; - border-bottom: 0.0625rem solid #555; - padding: 0.4375rem; - text-align: left; -} - -.editor-preview table th, -.editor-preview-side table th { - background-color: rgba(255, 255, 255, 0.05); - font-weight: 600; -} - -.editor-preview audio:not([controls]), -.editor-preview-side audio:not([controls]) { - display: none; - height: 0; -} - -.editor-preview img, -.editor-preview-side img { - max-width: 100%; - vertical-align: middle; -} - -.editor-preview audio, -.editor-preview video, -.editor-preview-side audio, -.editor-preview-side video { - width: 100%; -} - -.editor-toolbar { - background-color: #444; - border: 0.0625rem solid #555; - border-bottom: 0; - border-top-left-radius: 0.1875rem; - border-top-right-radius: 0.1875rem; - font-size: 1.125rem; - padding: 0 0.875rem; - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.editor-toolbar::after, -.editor-toolbar::before { - content: ' '; - display: block; - height: 0.0625rem; -} - -.editor-toolbar::before { - margin-bottom: 0.4375rem; -} - -.editor-toolbar::after { - margin-top: 0.4375rem; -} - -.editor-toolbar a { - border: 0.0625rem solid transparent; - border-radius: 0.1875rem; - color: #777 !important; - cursor: pointer; - display: inline-block; - font-size: 80%; - height: 1.875rem; - margin: 0; - text-align: center; - text-decoration: none !important; - width: 1.875rem; -} - -.editor-toolbar a.active, -.editor-toolbar a:hover { - border-color: #555; - color: #aaa !important; -} - -.editor-toolbar a::before { - line-height: 1.875rem; -} - -.editor-toolbar a.fa-header-x::after { - bottom: -0.25em; - font-family: inherit; - font-size: 80%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -.editor-toolbar a.fa-header-1::after { - content: "1"; -} - -.editor-toolbar a.fa-header-2::after { - content: "2"; -} - -.editor-toolbar a.fa-header-3::after { - content: "3"; -} - -.editor-toolbar a.fa-header-bigger::after { - content: "▲"; -} - -.editor-toolbar a.fa-header-smaller::after { - content: "▼"; -} - -.editor-toolbar i.separator { - border-right: 0.0625rem solid #555; - color: transparent; - display: inline-block; - margin: 0 0.4375rem; - text-indent: -0.625rem; - width: 0; -} - -.editor-toolbar:hover a { - color: #aaa !important; -} - -.editor-toolbar.fullscreen { - background-color: #444; - border: 0; - box-sizing: border-box; - height: 3.625rem; - left: 0; - overflow-x: auto; - overflow-y: hidden; - padding-bottom: 0.875rem; - padding-top: 0.875rem; - position: fixed; - top: 0; - white-space: nowrap; - width: 100%; - z-index: 9; -} - -.editor-toolbar.fullscreen::after, -.editor-toolbar.fullscreen::before { - height: 3.625rem; - left: 0; - margin: 0; - padding: 0; - position: fixed; - top: 0; - width: 1.25rem; -} - -.editor-toolbar.fullscreen::before { - background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); -} - -.editor-toolbar.fullscreen::after { - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); -} - -@media only screen and (max-width: 43.75rem) { - .editor-toolbar a.no-mobile { - display: none; - } -} - -.editor-toolbar.disabled-for-preview a:not(.no-disable) { - background-color: #444; - border-color: transparent; - pointer-events: none; - text-shadow: inherit; -} - -.editor-statusbar { - color: #777; - font-family: inherit; - font-size: 80%; - padding: 0.4375rem 0.875rem; - text-align: right; -} - -.editor-statusbar span { - display: inline-block; - margin-left: 1em; -} - -.editor-statusbar .lines::before { - content: 'lines: '; -} - -.editor-statusbar .words::before { - content: 'words: '; -} - -.editor-statusbar .characters::before { - content: 'characters: '; -} - -@media (prefers-color-scheme: light) { - .CodeMirror { - color: #000; - } - - .CodeMirror-lines { - padding: 0.25rem 0; - } - - .CodeMirror pre { - padding: 0 0.25rem; - } - - .CodeMirror-gutter-filler, - .CodeMirror-scrollbar-filler { - background-color: #fff; - } - - .CodeMirror-gutters { - border-right: 0.0625rem solid #ddd; - background-color: #f7f7f7; - white-space: nowrap; - } - - .CodeMirror-linenumber { - padding: 0 0.1875rem 0 0.3125rem; - min-width: 1.25rem; - text-align: right; - color: #999; - white-space: nowrap; - } - - .CodeMirror-guttermarker { - color: #000; - } - - .CodeMirror-guttermarker-subtle { - color: #999; - } - - .CodeMirror-cursor { - border-left: 0.0625rem solid #000; - border-right: none; - width: 0; - } - - .CodeMirror div.CodeMirror-secondarycursor { - border-left: 0.0625rem solid silver; - } - - .cm-fat-cursor .CodeMirror-cursor { - width: auto; - border: 0 !important; - background: #7e7; - } - - .cm-fat-cursor div.CodeMirror-cursors { - z-index: 1; - } - - .cm-animate-fat-cursor { - width: auto; - border: 0; - -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 { - 50% { - background-color: transparent; - } - } - - @-webkit-keyframes blink { - 50% { - background-color: transparent; - } - } - - @keyframes blink { - 50% { - background-color: transparent; - } - } - - .cm-tab { - display: inline-block; - text-decoration: inherit; - } - - .CodeMirror-ruler { - border-left: 0.0625rem solid #ccc; - position: absolute; - } - - .cm-s-default .cm-header { - color: #00f; - } - - .cm-s-default .cm-quote { - color: #090; - } - - .cm-negative { - color: #d44; - } - - .cm-positive { - color: #292; - } - - .cm-header, - .cm-strong { - font-weight: 700; - } - - .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; - } - - .cm-s-default .cm-def { - color: #00f; - } - - .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-string { - color: #a11; - } - - .cm-s-default .cm-string-2 { - color: #f50; - } - - .cm-s-default .cm-meta, - .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-invalidchar, - .cm-s-default .cm-error { - color: red; - } - - .CodeMirror-composing { - border-bottom: 0.125rem solid; - } - - div.CodeMirror span.CodeMirror-matchingbracket { - color: #0f0; - } - - div.CodeMirror span.CodeMirror-nonmatchingbracket { - color: #f22; - } - - .CodeMirror-matchingtag { - background: rgba(255, 150, 0, 0.3); - } - - .CodeMirror-activeline-background { - background: #e8f2ff; - } - - .CodeMirror { - position: relative; - overflow: hidden; - background: #fff; - } - - .CodeMirror-scroll { - overflow: scroll !important; - margin-bottom: -1.875rem; - margin-right: -1.875rem; - padding-bottom: 1.875rem; - height: 100%; - outline: 0; - position: relative; - } - - .CodeMirror-sizer { - position: relative; - border-right: 1.875rem solid transparent; - } - - .CodeMirror-gutter-filler, - .CodeMirror-hscrollbar, - .CodeMirror-scrollbar-filler, - .CodeMirror-vscrollbar { - position: absolute; - z-index: 6; - display: none; - } - - .CodeMirror-vscrollbar { - right: 0; - top: 0; - overflow-x: hidden; - overflow-y: scroll; - } - - .CodeMirror-hscrollbar { - bottom: 0; - left: 0; - overflow-y: hidden; - overflow-x: scroll; - } - - .CodeMirror-scrollbar-filler { - right: 0; - bottom: 0; - } - - .CodeMirror-gutter-filler { - left: 0; - bottom: 0; - } - - .CodeMirror-gutters { - position: absolute; - left: 0; - top: 0; - min-height: 100%; - z-index: 3; - } - - .CodeMirror-gutter { - white-space: normal; - height: 100%; - display: inline-block; - vertical-align: top; - margin-bottom: -1.875rem; - } - - .CodeMirror-gutter-wrapper { - position: absolute; - z-index: 4; - background: 0 0 !important; - border: none !important; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - } - - .CodeMirror-gutter-background { - position: absolute; - top: 0; - bottom: 0; - z-index: 4; - } - - .CodeMirror-gutter-elt { - position: absolute; - cursor: default; - z-index: 4; - } - - .CodeMirror-lines { - cursor: text; - min-height: 1px; - } - - .CodeMirror pre { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - border-width: 0; - background: 0 0; - 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: none; - font-variant-ligatures: none; - } - - .CodeMirror-wrap pre { - word-wrap: break-word; - white-space: pre-wrap; - word-break: normal; - } - - .CodeMirror-linebackground { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 0; - } - - .CodeMirror-linewidget { - position: relative; - z-index: 2; - overflow: auto; - } - - .CodeMirror-code { - outline: 0; - } - - .CodeMirror-gutter, - .CodeMirror-gutters, - .CodeMirror-linenumber, - .CodeMirror-scroll, - .CodeMirror-sizer { - -moz-box-sizing: content-box; - box-sizing: content-box; - } - - .CodeMirror-measure { - position: absolute; - width: 100%; - height: 0; - overflow: hidden; - visibility: hidden; - } - - .CodeMirror-cursor { - position: absolute; - } - - .CodeMirror-measure pre { - position: static; - } - - div.CodeMirror-cursors { - visibility: hidden; - position: relative; - z-index: 3; - } - - .CodeMirror-focused div.CodeMirror-cursors, - div.CodeMirror-dragcursors { - visibility: visible; - } - - .CodeMirror-selected { - background: #d9d9d9; - } - - .CodeMirror-focused .CodeMirror-selected, - .CodeMirror-line::selection, - .CodeMirror-line>span::selection, - .CodeMirror-line>span>span::selection { - background: #d7d4f0; - } - - .CodeMirror-crosshair { - cursor: crosshair; - } - - .CodeMirror-line::-moz-selection, - .CodeMirror-line>span::-moz-selection, - .CodeMirror-line>span>span::-moz-selection { - background: #d7d4f0; - } - - .cm-searching { - background: #ffa; - background: rgba(255, 255, 0, 0.4); - } - - .cm-force-border { - padding-right: 0.00625rem; - } - - @media print { - .CodeMirror div.CodeMirror-cursors { - visibility: hidden; - } - } - - .cm-tab-wrap-hack:after { - content: ''; - } - - span.CodeMirror-selectedtext { - background: 0 0; - } - - .CodeMirror { - height: auto; - min-height: 18.75rem; - border: 0.0625rem solid #ddd; - border-bottom-left-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; - padding: 0.625rem; - font: inherit; - z-index: 1; - } - - .CodeMirror-scroll { - min-height: 18.75rem; - } - - .CodeMirror-fullscreen { - background: #fff; - position: fixed !important; - top: 3.125rem; - left: 0; - right: 0; - bottom: 0; - height: auto; - z-index: 9; - } - - .CodeMirror-sided { - width: 50% !important; - } - - .editor-toolbar { - background-color: #fff; - position: relative; - opacity: 0.6; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; - padding: 0 0.625rem; - border-top: 0.0625rem solid #bbb; - border-left: 0.0625rem solid #bbb; - border-right: 0.0625rem solid #bbb; - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; - } - - .editor-toolbar:after, - .editor-toolbar:before { - display: block; - content: ' '; - height: 0.0625rem; - } - - .editor-toolbar:before { - margin-bottom: 0.5rem; - } - - .editor-toolbar:after { - margin-top: 0.5rem; - } - - .editor-toolbar:hover, - .editor-wrapper input.title:focus, - .editor-wrapper input.title:hover { - opacity: 0.8; - } - - .editor-toolbar.fullscreen { - width: 100%; - height: 3.125rem; - overflow-x: auto; - overflow-y: hidden; - white-space: nowrap; - padding-top: 0.625rem; - padding-bottom: 0.625rem; - box-sizing: border-box; - background: #fff; - border: 0; - position: fixed; - top: 0; - left: 0; - opacity: 1; - z-index: 9; - } - - .editor-toolbar.fullscreen::before { - width: 1.25rem; - height: 3.125rem; - background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); - position: fixed; - top: 0; - left: 0; - margin: 0; - padding: 0; - } - - .editor-toolbar.fullscreen::after { - width: 1.25rem; - height: 3.125rem; - background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); - background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); - position: fixed; - top: 0; - right: 0; - margin: 0; - padding: 0; - } - - @media only screen and (max-width: 43.75rem) { - .editor-toolbar a.no-mobile { - display: none; - } - } - - .editor-toolbar.disabled-for-preview a:not(.no-disable) { - pointer-events: none; - background: #fff; - border-color: transparent; - text-shadow: inherit; - } - - .editor-statusbar { - padding: 0.5rem 0.625rem; - font-size: 0.75rem; - color: #959694; - text-align: right; - } - - .editor-statusbar span { - display: inline-block; - min-width: 4em; - margin-left: 1em; - } - - .editor-preview, - .editor-preview-side { - padding: 0.625rem; - background: #fafafa; - overflow: auto; - display: none; - box-sizing: border-box; - } - - .editor-statusbar .lines:before { - content: 'lines: '; - } - - .editor-statusbar .words:before { - content: 'words: '; - } - - .editor-statusbar .characters:before { - content: 'characters: '; - } - - .editor-preview { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - z-index: 7; - } - - .editor-preview-side { - position: fixed; - bottom: 0; - width: 50%; - top: 3.125rem; - right: 0; - z-index: 9; - border: 0.0625rem solid #ddd; - } - - .editor-preview-active, - .editor-preview-active-side { - display: block; - } - - .editor-preview-side>p, - .editor-preview>p { - margin-top: 0; - } - - .editor-preview pre, - .editor-preview-side pre { - background: #eee; - margin-bottom: 0.625rem; - } - - .editor-preview table td, - .editor-preview table th, - .editor-preview-side table td, - .editor-preview-side table th { - border: 0.0625rem solid #ddd; - padding: 0.3125rem; - } - - .CodeMirror .CodeMirror-code .cm-tag { - color: #63a35c; - } - - .CodeMirror .CodeMirror-code .cm-attribute { - color: #795da3; - } - - .CodeMirror .CodeMirror-code .cm-string { - color: #183691; - } - - .CodeMirror .CodeMirror-selected { - background: #d9d9d9; - } - - .CodeMirror .CodeMirror-code .cm-header-1 { - font-size: 2rem; - line-height: 2rem; - } - - .CodeMirror .CodeMirror-code .cm-header-2 { - font-size: 1.6rem; - line-height: 1.6rem; - } - - .CodeMirror .CodeMirror-code .cm-header-3 { - font-size: 1.25rem; - line-height: 1.25rem; - } - - .CodeMirror .CodeMirror-code .cm-header-4 { - font-size: 1.1rem; - line-height: 1.1rem; - } - - .CodeMirror .CodeMirror-code .cm-comment { - background: rgba(0, 0, 0, 0.05); - border-radius: 0.125rem; - } - - .CodeMirror .CodeMirror-code .cm-link { - color: #7f8c8d; - } - - .CodeMirror .CodeMirror-code .cm-url { - color: #aab2b3; - } - - .CodeMirror .CodeMirror-code .cm-strikethrough { - text-decoration: line-through; - } - - .CodeMirror .CodeMirror-placeholder { - opacity: 0.5; - } - - .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) { - background: rgba(255, 0, 0, 0.15); - } -} - -#generating-indicator { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - background-color: rgba(0, 0, 0, 0.8); - z-index: 1000; - text-align: center; - color: white; - font-size: 1.75rem; - padding-top: 15% -} |