Files
swiftadmin/public/static/js/markdown/cherry-markdown.css
2022-11-28 19:11:12 +08:00

3051 lines
93 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@charset "UTF-8";
.cherry * {
padding: 0;
margin: 0;
}
.cherry *::-webkit-scrollbar {
height: 7px;
width: 7px;
background: transparent;
}
.cherry *::-webkit-scrollbar:hover {
background: rgba(128, 128, 128, 0.1);
}
.cherry *::-webkit-scrollbar-thumb {
background: #d3d7da;
-webkit-border-radius: 6px;
}
.cherry *::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.6);
}
.cherry *::-webkit-scrollbar-corner {
background: transparent;
}
@font-face {
font-family: "ch-icon";
src: url("./fonts/ch-icon.eot");
src: url("./fonts/ch-icon.eot?#iefix") format("eot"), url("./fonts/ch-icon.woff2") format("woff2"), url("./fonts/ch-icon.woff") format("woff"), url("./fonts/ch-icon.ttf") format("truetype"), url("./fonts/ch-icon.svg#ch-icon") format("svg");
font-weight: normal;
font-style: normal;
}
.ch-icon:before {
display: inline-block;
font-family: "ch-icon";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ch-icon-list:before {
content: "\ea03";
}
.ch-icon-check:before {
content: "\ea04";
}
.ch-icon-square:before {
content: "\ea09";
}
.ch-icon-bold:before {
content: "\ea0a";
}
.ch-icon-code:before {
content: "\ea0b";
}
.ch-icon-color:before {
content: "\ea0c";
}
.ch-icon-header:before {
content: "\ea0d";
}
.ch-icon-image:before {
content: "\ea0e";
}
.ch-icon-italic:before {
content: "\ea0f";
}
.ch-icon-link:before {
content: "\ea10";
}
.ch-icon-ol:before {
content: "\ea11";
}
.ch-icon-size:before {
content: "\ea12";
}
.ch-icon-strike:before {
content: "\ea13";
}
.ch-icon-table:before {
content: "\ea14";
}
.ch-icon-ul:before {
content: "\ea15";
}
.ch-icon-underline:before {
content: "\ea16";
}
.ch-icon-word:before {
content: "\ea17";
}
.ch-icon-blockquote:before {
content: "\ea18";
}
.ch-icon-font:before {
content: "\ea19";
}
.ch-icon-insertClass:before {
content: "\ea1f";
}
.ch-icon-insertFlow:before {
content: "\ea20";
}
.ch-icon-insertFormula:before {
content: "\ea21";
}
.ch-icon-insertGantt:before {
content: "\ea22";
}
.ch-icon-insertGraph:before {
content: "\ea23";
}
.ch-icon-insertPie:before {
content: "\ea24";
}
.ch-icon-insertSeq:before {
content: "\ea25";
}
.ch-icon-insertState:before {
content: "\ea26";
}
.ch-icon-line:before {
content: "\ea27";
}
.ch-icon-preview:before {
content: "\ea28";
}
.ch-icon-previewClose:before {
content: "\ea29";
}
.ch-icon-toc:before {
content: "\ea2a";
}
.ch-icon-sub:before {
content: "\ea2d";
}
.ch-icon-sup:before {
content: "\ea2e";
}
.ch-icon-h1:before {
content: "\ea2f";
}
.ch-icon-h2:before {
content: "\ea30";
}
.ch-icon-h3:before {
content: "\ea31";
}
.ch-icon-h4:before {
content: "\ea32";
}
.ch-icon-h5:before {
content: "\ea33";
}
.ch-icon-h6:before {
content: "\ea34";
}
.ch-icon-video:before {
content: "\ea35";
}
.ch-icon-insert:before {
content: "\ea36";
}
.ch-icon-little_table:before {
content: "\ea37";
}
.ch-icon-pdf:before {
content: "\ea38";
}
.ch-icon-checklist:before {
content: "\ea39";
}
.ch-icon-close:before {
content: "\ea40";
}
.ch-icon-fullscreen:before {
content: "\ea41";
}
.ch-icon-minscreen:before {
content: "\ea42";
}
.ch-icon-insertChart:before {
content: "\ea43";
}
.ch-icon-question:before {
content: "\ea44";
}
.ch-icon-settings:before {
content: "\ea45";
}
.ch-icon-ok:before {
content: "\ea46";
}
.ch-icon-br:before {
content: "\ea47";
}
.ch-icon-normal:before {
content: "\ea48";
}
.ch-icon-undo:before {
content: "\ea49";
}
.ch-icon-redo:before {
content: "\ea50";
}
.ch-icon-copy:before {
content: "\ea51";
}
.ch-icon-phone:before {
content: "\ea52";
}
.ch-icon-cherry-table-delete:before {
content: "\ea53";
}
.ch-icon-cherry-table-insert-bottom:before {
content: "\ea54";
}
.ch-icon-cherry-table-insert-left:before {
content: "\ea55";
}
.ch-icon-cherry-table-insert-right:before {
content: "\ea56";
}
.ch-icon-cherry-table-insert-top:before {
content: "\ea57";
}
.ch-icon-sort-s:before {
content: "\ea58";
}
.ch-icon-pinyin:before {
content: "\ea59";
}
.cherry-markdown {
word-break: break-all;
/* Specify class=linenums on a pre to get line numbering */
/* Inline code */
/* 数学表达式展示 */
}
.cherry-markdown h1,
.cherry-markdown h2,
.cherry-markdown h3,
.cherry-markdown h4,
.cherry-markdown h5,
.cherry-markdown h6,
.cherry-markdown .h1,
.cherry-markdown .h2,
.cherry-markdown .h3,
.cherry-markdown .h4,
.cherry-markdown .h5,
.cherry-markdown .h6 {
font-family: inherit;
font-weight: 700;
line-height: 1.1;
color: inherit;
}
.cherry-markdown h1 small,
.cherry-markdown h2 small,
.cherry-markdown h3 small,
.cherry-markdown h4 small,
.cherry-markdown h5 small,
.cherry-markdown h6 small,
.cherry-markdown .h1 small,
.cherry-markdown .h2 small,
.cherry-markdown .h3 small,
.cherry-markdown .h4 small,
.cherry-markdown .h5 small,
.cherry-markdown .h6 small,
.cherry-markdown h1 .small,
.cherry-markdown h2 .small,
.cherry-markdown h3 .small,
.cherry-markdown h4 .small,
.cherry-markdown h5 .small,
.cherry-markdown h6 .small,
.cherry-markdown .h1 .small,
.cherry-markdown .h2 .small,
.cherry-markdown .h3 .small,
.cherry-markdown .h4 .small,
.cherry-markdown .h5 .small,
.cherry-markdown .h6 .small {
font-weight: normal;
line-height: 1;
color: #999;
}
.cherry-markdown h1,
.cherry-markdown h2,
.cherry-markdown h3 {
margin-top: 30px;
margin-bottom: 16px;
}
.cherry-markdown h1 small,
.cherry-markdown h2 small,
.cherry-markdown h3 small,
.cherry-markdown h1 .small,
.cherry-markdown h2 .small,
.cherry-markdown h3 .small {
font-size: 65%;
}
.cherry-markdown h4,
.cherry-markdown h5,
.cherry-markdown h6 {
margin-top: 12px;
margin-bottom: 12px;
}
.cherry-markdown h4 small,
.cherry-markdown h5 small,
.cherry-markdown h6 small,
.cherry-markdown h4 .small,
.cherry-markdown h5 .small,
.cherry-markdown h6 .small {
font-size: 75%;
}
.cherry-markdown h1,
.cherry-markdown .h1 {
font-size: 2em;
}
.cherry-markdown h2,
.cherry-markdown .h2 {
font-size: 1.5em;
}
.cherry-markdown h3,
.cherry-markdown .h3 {
font-size: 1.25em;
}
.cherry-markdown h4,
.cherry-markdown .h4 {
font-size: 1em;
}
.cherry-markdown h5,
.cherry-markdown .h5 {
font-size: 0.875em;
}
.cherry-markdown h6,
.cherry-markdown .h6 {
font-size: 0.85em;
}
.cherry-markdown b,
.cherry-markdown strong {
font-weight: bold;
}
.cherry-markdown ul,
.cherry-markdown ol {
padding-left: 24px;
margin-bottom: 16px;
}
.cherry-markdown ul ul,
.cherry-markdown ul ol,
.cherry-markdown ol ul,
.cherry-markdown ol ol {
margin-bottom: 0;
}
.cherry-markdown ul li,
.cherry-markdown ol li {
list-style: inherit;
}
.cherry-markdown ul li p,
.cherry-markdown ol li p {
margin: 0;
}
.cherry-markdown div ul,
.cherry-markdown div ol {
margin-bottom: 0;
}
.cherry-markdown hr {
height: 0;
border: 0;
border-top: 1px solid #dfe6ee;
margin: 16px 0;
box-sizing: content-box;
overflow: visible;
}
.cherry-markdown table {
border-collapse: collapse;
}
.cherry-markdown table th,
.cherry-markdown table td {
border: 1px solid #dfe6ee;
padding: 0.2em 0.4em;
min-width: 100px;
}
.cherry-markdown table th {
background-color: #eee;
}
.cherry-markdown a {
color: #3582fb;
}
.cherry-markdown a:hover {
color: #056bad;
}
.cherry-markdown em {
font-style: italic;
}
.cherry-markdown sup {
vertical-align: super;
}
.cherry-markdown sub {
vertical-align: sub;
}
.cherry-markdown figure {
overflow-x: auto;
}
.cherry-markdown blockquote {
color: #6d6e6f;
padding: 10px 15px;
border-left: 10px solid #D6DBDF;
background: rgba(102, 128, 153, 0.05);
}
.cherry-markdown p,
.cherry-markdown pre,
.cherry-markdown blockquote,
.cherry-markdown table {
margin: 0 0 16px;
}
.cherry-markdown pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f6f8fa;
border-radius: 6px;
}
.cherry-markdown .prettyprint {
min-width: 500px;
display: inline-block;
background: #00212b;
font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
border: 0 !important;
}
.cherry-markdown .pln {
color: #dfe6ee;
}
.cherry-markdown .str {
color: #ffaf21;
}
.cherry-markdown .kwd {
color: #f85353;
}
.cherry-markdown ol.linenums {
margin-top: 0;
margin-bottom: 0;
color: #969896;
}
.cherry-markdown li.L0,
.cherry-markdown li.L1,
.cherry-markdown li.L2,
.cherry-markdown li.L3,
.cherry-markdown li.L4,
.cherry-markdown li.L5,
.cherry-markdown li.L6,
.cherry-markdown li.L7,
.cherry-markdown li.L8,
.cherry-markdown li.L9 {
padding-left: 1em;
background-color: #00212b;
list-style-type: decimal;
}
@media screen {
.cherry-markdown .cherry-markdown {
/* comment */
/* type name */
/* literal value */
/* punctuation */
/* lisp open bracket */
/* lisp close bracket */
/* markup tag name */
/* markup attribute name */
/* markup attribute value */
/* declaration */
/* variable name */
/* function name */
}
.cherry-markdown .cherry-markdown .com {
color: #969896;
}
.cherry-markdown .cherry-markdown .typ {
color: #81a2be;
}
.cherry-markdown .cherry-markdown .lit {
color: #de935f;
}
.cherry-markdown .cherry-markdown .pun {
color: #c5c8c6;
}
.cherry-markdown .cherry-markdown .opn {
color: #c5c8c6;
}
.cherry-markdown .cherry-markdown .clo {
color: #c5c8c6;
}
.cherry-markdown .cherry-markdown .tag {
color: #cc6666;
}
.cherry-markdown .cherry-markdown .atn {
color: #de935f;
}
.cherry-markdown .cherry-markdown .atv {
color: #8abeb7;
}
.cherry-markdown .cherry-markdown .dec {
color: #de935f;
}
.cherry-markdown .cherry-markdown .var {
color: #cc6666;
}
.cherry-markdown .cherry-markdown .fun {
color: #81a2be;
}
}
.cherry-markdown div[data-type=codeBlock] {
display: inline-block;
width: 100%;
box-sizing: border-box;
border-radius: 2px;
margin-bottom: 16px;
font-size: 14px;
overflow-x: auto;
}
.cherry-markdown div[data-type=codeBlock] > pre {
margin: 0;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] {
counter-reset: line;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-].wrap {
white-space: pre-wrap;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line {
display: inline-block;
position: relative;
padding-left: 3em;
height: 1.3em;
line-height: 2em;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:before {
counter-increment: line;
content: counter(line);
margin-right: 1em;
position: absolute;
left: 0;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:last-child {
margin-bottom: 0;
}
.cherry-markdown :not(pre) > code {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
color: #f85353;
background-color: #e5e5e5;
}
[data-inline-code-theme=black] .cherry-markdown :not(pre) > code {
color: #3f4a56;
background-color: #e5e5e5;
}
.cherry-markdown a.anchor:before {
content: "§";
text-decoration: none;
width: 15px;
font-size: 0.5em;
vertical-align: middle;
display: inline-block;
text-align: center;
margin-left: -15px;
}
.cherry-markdown .toc {
margin-bottom: 16px;
}
.cherry-markdown .toc .toc-title {
font-size: 24px;
margin-bottom: 5px;
}
.cherry-markdown .toc .toc-li {
border-bottom: 1px ridge #dfe6ee;
list-style: none;
}
.cherry-markdown .toc .toc-li a {
text-decoration: none;
color: #3f4a56;
}
.cherry-markdown .toc .toc-li a:hover {
color: #056bad;
}
.cherry-markdown .check-list-item {
list-style: none;
}
.cherry-markdown .check-list-item .ch-icon {
margin: 0 6px 0 -20px;
}
.cherry-markdown .footnote:not(a) {
padding-top: 20px;
border-top: 1px solid #dfe6ee;
margin-top: 50px;
}
.cherry-markdown .footnote:not(a) .footnote-title {
font-size: 20px;
margin-top: -38px;
background-color: #f8fafb;
width: 60px;
margin-bottom: 16px;
}
.cherry-markdown .footnote:not(a) .one-footnote {
color: #6d6e6f;
margin-bottom: 16px;
border-bottom: 1px dotted #dfe6ee;
}
.cherry-markdown .cherry-table-container {
max-width: 100%;
overflow-x: auto;
}
.cherry-markdown .cherry-table-container .cherry-table th,
.cherry-markdown .cherry-table-container .cherry-table td {
border: 1px solid #dfe6ee;
padding: 0.2em 0.4em;
min-width: 100px;
}
.cherry-markdown .cherry-table-container .cherry-table th {
white-space: nowrap;
}
.cherry-markdown mjx-assistive-mml {
position: absolute;
top: 0;
left: 0;
clip: rect(1px, 1px, 1px, 1px);
padding: 1px 0 0 0;
border: 0;
}
.cherry-markdown.head-num {
counter-reset: level1;
}
.cherry-markdown.head-num h1 .anchor:before, .cherry-markdown.head-num h2 .anchor:before, .cherry-markdown.head-num h3 .anchor:before, .cherry-markdown.head-num h4 .anchor:before, .cherry-markdown.head-num h5 .anchor:before, .cherry-markdown.head-num h6 .anchor:before {
width: auto;
font-size: inherit;
vertical-align: inherit;
padding-right: 10px;
}
.cherry-markdown.head-num h1 {
counter-reset: level2;
}
.cherry-markdown.head-num h2 {
counter-reset: level3;
}
.cherry-markdown.head-num h3 {
counter-reset: level4;
}
.cherry-markdown.head-num h4 {
counter-reset: level5;
}
.cherry-markdown.head-num h5 {
counter-reset: level6;
}
.cherry-markdown.head-num h1 .anchor:before {
counter-increment: level1;
content: counter(level1) ". ";
}
.cherry-markdown.head-num h2 .anchor:before {
counter-increment: level2;
content: counter(level1) "." counter(level2) " ";
}
.cherry-markdown.head-num h3 .anchor:before {
counter-increment: level3;
content: counter(level1) "." counter(level2) "." counter(level3) " ";
}
.cherry-markdown.head-num h4 .anchor:before {
counter-increment: level4;
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " ";
}
.cherry-markdown.head-num h5 .anchor:before {
counter-increment: level5;
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " ";
}
.cherry-markdown.head-num h6 .anchor:before {
counter-increment: level6;
content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) "." counter(level6) " ";
}
div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
/**
* prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
* Based on https://github.com/chriskempson/tomorrow-theme
* @author Rose Pritchard
*/
/* Code blocks */
/* Inline code */
}
div[data-type=codeBlock] code[class*=language-],
div[data-type=codeBlock] pre[class*=language-] {
color: #ccc;
background: none;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
div[data-type=codeBlock] pre[class*=language-] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
div[data-type=codeBlock] :not(pre) > code[class*=language-],
div[data-type=codeBlock] pre[class*=language-] {
background: #2d2d2d;
}
div[data-type=codeBlock] :not(pre) > code[class*=language-] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
div[data-type=codeBlock] .token.comment,
div[data-type=codeBlock] .token.block-comment,
div[data-type=codeBlock] .token.prolog,
div[data-type=codeBlock] .token.doctype,
div[data-type=codeBlock] .token.cdata {
color: #999;
}
div[data-type=codeBlock] .token.punctuation {
color: #ccc;
}
div[data-type=codeBlock] .token.tag,
div[data-type=codeBlock] .token.attr-name,
div[data-type=codeBlock] .token.namespace,
div[data-type=codeBlock] .token.deleted {
color: #e2777a;
}
div[data-type=codeBlock] .token.function-name {
color: #6196cc;
}
div[data-type=codeBlock] .token.boolean,
div[data-type=codeBlock] .token.number,
div[data-type=codeBlock] .token.function {
color: #f08d49;
}
div[data-type=codeBlock] .token.property,
div[data-type=codeBlock] .token.class-name,
div[data-type=codeBlock] .token.constant,
div[data-type=codeBlock] .token.symbol {
color: #f8c555;
}
div[data-type=codeBlock] .token.selector,
div[data-type=codeBlock] .token.important,
div[data-type=codeBlock] .token.atrule,
div[data-type=codeBlock] .token.keyword,
div[data-type=codeBlock] .token.builtin {
color: #cc99cd;
}
div[data-type=codeBlock] .token.string,
div[data-type=codeBlock] .token.char,
div[data-type=codeBlock] .token.attr-value,
div[data-type=codeBlock] .token.regex,
div[data-type=codeBlock] .token.variable {
color: #7ec699;
}
div[data-type=codeBlock] .token.operator,
div[data-type=codeBlock] .token.entity,
div[data-type=codeBlock] .token.url {
color: #67cdcc;
}
div[data-type=codeBlock] .token.important,
div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
div[data-type=codeBlock] .token.italic {
font-style: italic;
}
div[data-type=codeBlock] .token.entity {
cursor: help;
}
div[data-type=codeBlock] .token.inserted {
color: green;
}
[data-code-block-theme=default] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
/* Code blocks */
/* Inline code */
}
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
text-shadow: none;
}
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
[data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
background: #f5f2f0;
}
[data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=default] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=default] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=default] div[data-type=codeBlock] .token.cdata {
color: slategray;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.punctuation {
color: #999;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.property,
[data-code-block-theme=default] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=default] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=default] div[data-type=codeBlock] .token.number,
[data-code-block-theme=default] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=default] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=default] div[data-type=codeBlock] .token.deleted {
color: #905;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=default] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=default] div[data-type=codeBlock] .token.string,
[data-code-block-theme=default] div[data-type=codeBlock] .token.char,
[data-code-block-theme=default] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=default] div[data-type=codeBlock] .token.inserted {
color: #690;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=default] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=default] div[data-type=codeBlock] .token.url,
[data-code-block-theme=default] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=default] div[data-type=codeBlock] .style .token.string {
color: #9a6e3a;
/* This background color was intended by the author of this theme. */
background: hsla(0deg, 0%, 100%, 0.5);
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=default] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=default] div[data-type=codeBlock] .token.keyword {
color: #07a;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.function,
[data-code-block-theme=default] div[data-type=codeBlock] .token.class-name {
color: #DD4A68;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=default] div[data-type=codeBlock] .token.important,
[data-code-block-theme=default] div[data-type=codeBlock] .token.variable {
color: #e90;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.important,
[data-code-block-theme=default] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.entity {
cursor: help;
}
[data-code-block-theme=dark] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
/**
* prism.js Dark theme for JavaScript, CSS and HTML
* Based on the slides of the talk “/Reg(exp){2}lained/”
* @author Lea Verou
*/
/* Code blocks */
/* Inline code */
}
[data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
color: white;
background: none;
text-shadow: 0 -0.1em 0.2em black;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
@media print {
[data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
text-shadow: none;
}
}
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
background: hsl(30deg, 20%, 25%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
border: 0.3em solid hsl(30deg, 20%, 40%);
border-radius: 0.5em;
box-shadow: 1px 1px 0.5em black inset;
}
[data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
padding: 0.15em 0.2em 0.05em;
border-radius: 0.3em;
border: 0.13em solid hsl(30deg, 20%, 40%);
box-shadow: 1px 1px 0.3em -0.1em black inset;
white-space: normal;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.cdata {
color: hsl(30deg, 20%, 50%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.punctuation {
opacity: 0.7;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.symbol {
color: hsl(350deg, 40%, 70%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.inserted {
color: hsl(75deg, 70%, 60%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.url,
[data-code-block-theme=dark] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.variable {
color: hsl(40deg, 90%, 60%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.keyword {
color: hsl(350deg, 40%, 70%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.important {
color: #e90;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.important,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.entity {
cursor: help;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.deleted {
color: red;
}
[data-code-block-theme=funky] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-funky&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
/**
* prism.js Funky theme
* Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
* @author Lea Verou
*/
/* Code blocks */
/* Inline code */
/* Plugin styles: Diff Highlight */
}
[data-code-block-theme=funky] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=funky] div[data-type=codeBlock] pre[class*=language-] {
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
[data-code-block-theme=funky] div[data-type=codeBlock] pre[class*=language-] {
padding: 0.4em 0.8em;
margin: 0.5em 0;
overflow: auto;
background: url('data:image/svg+xml;charset=utf-8,<svg%20version%3D"1.1"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"100"%20height%3D"100"%20fill%3D"rgba(0%2C0%2C0%2C.2)">%0D%0A<polygon%20points%3D"0%2C50%2050%2C0%200%2C0"%20%2F>%0D%0A<polygon%20points%3D"0%2C100%2050%2C100%20100%2C50%20100%2C0"%20%2F>%0D%0A<%2Fsvg>');
background-size: 1em 1em;
}
[data-code-block-theme=funky] div[data-type=codeBlock] code[class*=language-] {
background: black;
color: white;
box-shadow: -0.3em 0 0 0.3em black, 0.3em 0 0 0.3em black;
}
[data-code-block-theme=funky] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
padding: 0.2em;
border-radius: 0.3em;
box-shadow: none;
white-space: normal;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.cdata {
color: #aaa;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.punctuation {
color: #999;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.property,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.number,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.symbol {
color: #0cf;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.string,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.char,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.builtin {
color: yellow;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.url,
[data-code-block-theme=funky] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.inserted {
color: yellowgreen;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.keyword {
color: deeppink;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.important {
color: orange;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.important,
[data-code-block-theme=funky] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.entity {
cursor: help;
}
[data-code-block-theme=funky] div[data-type=codeBlock] .token.deleted {
color: red;
}
[data-code-block-theme=funky] div[data-type=codeBlock] pre.diff-highlight.diff-highlight > code .token.deleted:not(.prefix),
[data-code-block-theme=funky] div[data-type=codeBlock] pre > code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
background-color: rgba(255, 0, 0, 0.3);
display: inline;
}
[data-code-block-theme=funky] div[data-type=codeBlock] pre.diff-highlight.diff-highlight > code .token.inserted:not(.prefix),
[data-code-block-theme=funky] div[data-type=codeBlock] pre > code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
background-color: rgba(0, 255, 128, 0.3);
display: inline;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
/**
* okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author ocodia
*/
/* Code blocks */
/* Inline code */
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
color: #f8f8f2;
background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
border-radius: 0.3em;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
background: #272822;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.cdata {
color: #8292a2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.punctuation {
color: #f8f8f2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.property,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.deleted {
color: #f92672;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.number {
color: #ae81ff;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.char,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.inserted {
color: #a6e22e;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.url,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.variable {
color: #f8f8f2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.function,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.class-name {
color: #e6db74;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.keyword {
color: #66d9ef;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important {
color: #fd971f;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity {
cursor: help;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
/**
* prism.js Twilight theme
* Based (more or less) on the Twilight theme originally of Textmate fame.
* @author Remy Bach
*/
/* Code blocks */
/* Text Selection colour */
/* Inline code */
/* Markup */
/* Make the tokens sit above the line highlight so the colours don't look faded. */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
color: white;
background: none;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
text-shadow: 0 -0.1em 0.2em black;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
background: hsl(0deg, 0%, 8%); /* #141414 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
border-radius: 0.5em;
border: 0.3em solid hsl(0deg, 0%, 33%); /* #282A2B */
box-shadow: 1px 1px 0.5em black inset;
margin: 0.5em 0;
overflow: auto;
padding: 1em;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection {
/* Firefox */
background: hsl(200deg, 4%, 16%); /* #282A2B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection {
/* Safari */
background: hsl(200deg, 4%, 16%); /* #282A2B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
text-shadow: none;
background: hsla(0deg, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::selection {
text-shadow: none;
background: hsla(0deg, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
border-radius: 0.3em;
border: 0.13em solid hsl(0deg, 0%, 33%); /* #545454 */
box-shadow: 1px 1px 0.3em -0.1em black inset;
padding: 0.15em 0.2em 0.05em;
white-space: normal;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.cdata {
color: hsl(0deg, 0%, 47%); /* #777777 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.punctuation {
opacity: 0.7;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.number,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.deleted {
color: hsl(14deg, 58%, 55%); /* #CF6A4C */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.property,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.builtin {
color: hsl(53deg, 89%, 79%); /* #F9EE98 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.char,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.url,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.inserted {
color: hsl(76deg, 21%, 52%); /* #8F9D6A */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.atrule {
color: hsl(218deg, 22%, 55%); /* #7587A6 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.important {
color: hsl(42deg, 75%, 65%); /* #E9C062 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.important,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity {
cursor: help;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[data-line] {
padding: 1em 0 1em 3em;
position: relative;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.tag,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.attr-name,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.punctuation {
color: hsl(33deg, 33%, 52%); /* #AC885B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token {
position: relative;
z-index: 1;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight {
background: hsla(0deg, 0%, 33%, 0.25); /* #545454 */
background: linear-gradient(to right, hsla(0deg, 0%, 33%, 0.1) 70%, hsla(0deg, 0%, 33%, 0)); /* #545454 */
border-bottom: 1px dashed hsl(0deg, 0%, 33%); /* #545454 */
border-top: 1px dashed hsl(0deg, 0%, 33%); /* #545454 */
left: 0;
line-height: inherit;
margin-top: 0.75em; /* Same as .prisms padding-top */
padding: inherit 0;
pointer-events: none;
position: absolute;
right: 0;
white-space: pre;
z-index: 0;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight:before,
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
background-color: hsl(215deg, 15%, 59%); /* #8794A6 */
border-radius: 999px;
box-shadow: 0 1px white;
color: hsl(24deg, 20%, 95%); /* #F5F2F0 */
content: attr(data-start);
font: bold 65%/1.5 sans-serif;
left: 0.6em;
min-width: 1em;
padding: 0 0.5em;
position: absolute;
text-align: center;
text-shadow: none;
top: 0.4em;
vertical-align: 0.3em;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
bottom: 0.4em;
content: attr(data-end);
top: auto;
}
[data-code-block-theme=coy] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
/**
* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
* @author Tim Shedor
*/
/* Code blocks */
/* Margin bottom to accommodate shadow */
/* Inline code */
/* Plugin styles: Line Numbers */
/* Plugin styles: Line Highlight */
}
[data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
color: black;
background: none;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
position: relative;
margin: 0.5em 0;
overflow-y: hidden;
padding: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] > code {
position: relative;
border-left: 10px solid #358ccb;
box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
background-color: #fdfdfd;
background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
background-size: 3em 3em;
background-origin: content-box;
background-attachment: local;
}
[data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-] {
max-height: inherit;
height: inherit;
padding: 0 1em;
display: block;
}
[data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
background-color: #fdfdfd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
position: relative;
padding: 0.2em;
border-radius: 0.3em;
color: #c92c2c;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline;
white-space: normal;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
content: "";
z-index: -2;
display: block;
position: absolute;
bottom: 0.75em;
left: 0.18em;
width: 40%;
height: 20%;
max-height: 13em;
box-shadow: 0px 13px 8px #979797;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
right: 0.75em;
left: auto;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.block-comment,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.cdata {
color: #7D8B99;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.punctuation {
color: #5F6364;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.property,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.number,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.function-name,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.deleted {
color: #c92c2c;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.string,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.char,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.function,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.inserted {
color: #2f9c0a;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.url,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.variable {
color: #a67f59;
background: rgba(255, 255, 255, 0.5);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.class-name {
color: #1990b8;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
color: #e90;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=coy] div[data-type=codeBlock] .style .token.string {
color: #a67f59;
background: rgba(255, 255, 255, 0.5);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
font-weight: normal;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.entity {
cursor: help;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
bottom: 14px;
box-shadow: none;
}
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers {
padding-left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers code {
padding-left: 3.8em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers .line-numbers-rows {
left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-][data-line] {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[data-line] code {
position: relative;
padding-left: 4em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre .line-highlight {
margin-top: 0;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] {
/* PrismJS 1.23.0
https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript */
/*
Solarized Color Schemes originally by Ethan Schoonover
http://ethanschoonover.com/solarized
Ported for PrismJS by Hector Matos
Website: https://krakendev.io
Twitter Handle: https://twitter.com/allonsykraken)
*/
/*
SOLARIZED HEX
--------- -------
base03 #002b36
base02 #073642
base01 #586e75
base00 #657b83
base0 #839496
base1 #93a1a1
base2 #eee8d5
base3 #fdf6e3
yellow #b58900
orange #cb4b16
red #dc322f
magenta #d33682
violet #6c71c4
blue #268bd2
cyan #2aa198
green #859900
*/
/* Code blocks */
/* Inline code */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
color: #657b83; /* base00 */
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::selection {
background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
border-radius: 0.3em;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
background-color: #fdf6e3; /* base3 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
padding: 0.1em;
border-radius: 0.3em;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.cdata {
color: #93a1a1; /* base1 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.punctuation {
color: #586e75; /* base01 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.namespace {
opacity: 0.7;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.deleted {
color: #268bd2; /* blue */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.string,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.char,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.url,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.inserted {
color: #2aa198; /* cyan */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
color: #657b83; /* base00 */
background: #eee8d5; /* base2 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.keyword {
color: #859900; /* green */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.function,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.class-name {
color: #b58900; /* yellow */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.variable {
color: #cb4b16; /* orange */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.bold {
font-weight: bold;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.italic {
font-style: italic;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
cursor: help;
}
.cherry .doing-resize-img {
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.cherry .cherry-previewer img {
transition: all 0.1s;
}
.cherry .cherry-previewer-img-size-hander {
position: absolute;
box-shadow: 0 1px 4px 0 rgba(20, 81, 154, 0.5);
border: 1px solid #3582fb;
box-sizing: content-box;
pointer-events: none;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points {
position: absolute;
height: 10px;
width: 10px;
margin-top: -7px;
margin-left: -7px;
border-radius: 9px;
background: #3582fb;
border: 2px solid #fff;
box-sizing: content-box;
box-shadow: 0px 2px 2px 0px rgba(20, 81, 154, 0.5);
pointer-events: all;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__background {
background-repeat: no-repeat;
background-size: 100% 100%;
opacity: 0.5;
width: 100%;
height: 100%;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-leftTop {
cursor: nw-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-rightTop {
cursor: sw-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-leftBottom {
cursor: sw-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-rightBottom {
cursor: nw-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-middleTop {
cursor: n-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-middleBottom {
cursor: n-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-leftMiddle {
cursor: e-resize;
}
.cherry .cherry-previewer-img-size-hander .cherry-previewer-img-size-hander__points-rightMiddle {
cursor: e-resize;
}
.cherry .cherry-previewer-table-content-hander .cherry-previewer-table-content-hander__input {
position: absolute;
}
.cherry .cherry-previewer-table-content-hander .cherry-previewer-table-content-hander__input textarea {
width: 100%;
height: 100%;
border: 0;
box-sizing: border-box;
resize: none;
outline: 1px solid #3582fb;
word-break: break-all;
}
@media print {
img, figure, pre, table {
page-break-inside: avoid;
}
.cherry-previewer {
width: 100% !important;
max-height: none;
border-left: none !important;
}
.cherry-toolbar, .cherry-sidebar, .cherry-editor, .cherry-drag {
display: none !important;
}
}
.cherry {
display: flex;
flex-flow: row wrap;
align-items: stretch;
align-content: flex-start;
height: 100%;
min-height: 100px;
position: relative;
border: 1px solid #efefef;
}
.cherry .cherry-editor,
.cherry .cherry-previewer {
max-height: calc(100% - 48px);
min-height: calc(100% - 48px);
}
.cherry .CodeMirror {
height: 100%;
}
.cherry.cherry--no-toolbar .cherry-toolbar, .cherry.cherry--no-toolbar .cherry-sidebar {
height: 0;
display: none;
}
.cherry.cherry--no-toolbar .cherry-editor,
.cherry.cherry--no-toolbar .cherry-previewer {
max-height: 100%;
min-height: 100%;
}
.cherry {
font-size: 16px;
line-height: 25px;
color: #3f4a56;
background: #f8fafb;
}
.cherry .ch-icon {
vertical-align: middle;
}
.cherry .clearfix {
zoom: 1;
}
.cherry .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
font-size: 0;
}
.cherry.fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.cherry .no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cherry .cherry-insert-table-menu {
display: block;
position: absolute;
top: 40px;
left: 40px;
border-collapse: separate;
box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
padding: 4px;
border-radius: 3px;
width: auto;
height: auto;
}
.cherry .cherry-insert-table-menu-item {
padding: 7px;
border: 1px solid #dfe6ee;
}
.cherry .cherry-insert-table-menu-item.active {
background-color: #ebf3ff;
}
.cherry[data-toolbar-theme=dark] .cherry-insert-table-menu-item {
border-color: rgba(255, 255, 255, 0.2);
}
.cherry[data-toolbar-theme=dark] .cherry-insert-table-menu-item.active {
background-color: #d7e6fe;
}
.cherry-dropdown {
position: absolute;
width: 130px;
min-height: 40px;
background: #fff;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
margin-left: -60px;
z-index: 1000;
}
.cherry-dropdown-item {
width: 100%;
padding: 0 15px;
text-align: left;
display: inline-block;
height: 36px;
line-height: 36px;
font-size: 14px;
font-style: normal;
cursor: pointer;
box-sizing: border-box;
}
.cherry-dropdown-item:hover {
background: #ebf3ff;
color: #5d9bfc;
}
.cherry-dropdown-item .ch-icon {
margin-right: 10px;
}
[data-toolbar-theme=dark] .cherry-dropdown {
background: #20304b;
}
[data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item {
background: transparent;
color: #d7e6fe;
}
[data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item:hover {
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.cherry-toolbar {
position: relative;
display: flex;
align-items: center;
padding: 0 20px;
height: 48px;
font-size: 14px;
line-height: 2.8;
flex-basis: 100%;
box-sizing: border-box;
z-index: 1;
user-select: none;
/*box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);*/
background: white;
overflow: hidden;
}
[data-toolbar-theme=dark] .cherry-toolbar {
background: #20304b;
box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
[data-toolbar-theme=dark] .cherry-toolbar .cherry-toolbar-button {
color: #d7e6fe;
background: transparent;
}
[data-toolbar-theme=dark] .cherry-toolbar .cherry-toolbar-button:hover {
color: #fff;
background: rgba(255, 255, 255, 0.1);
}
.cherry-toolbar.preview-only .cherry-toolbar-button {
display: none;
}
.cherry-toolbar.preview-only .cherry-toolbar-switchPreview {
display: inline;
}
.cherry-toolbar-button {
float: left;
padding: 0 12px;
margin: 4px 0;
height: 38px;
color: #3f4a56;
background: transparent;
border: 1px solid transparent;
-webkit-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
cursor: pointer;
font-style: normal;
}
.cherry-toolbar-button:hover {
color: #5d9bfc;
background: #ebf3ff;
}
.cherry-toolbar-button.cherry-toolbar-split {
font-size: 0;
height: 50%;
padding: 0;
margin-left: 4px;
margin-right: 4px;
border: none;
border-left: 1px solid #dfe6ee;
pointer-events: none;
overflow: hidden;
opacity: 0.5;
}
.cherry-toolbar-button.disabled {
color: #ccc;
}
.cherry-sidebar {
width: 40px;
position: absolute;
top: 48px;
right: 7px;
z-index: 999;
}
.cherry-sidebar .cherry-toolbar-button {
height: 30px;
padding: 3px 12px 0 12px;
}
.cherry-sidebar .cherry-toolbar-button:hover {
background: transparent;
}
.cherry-sidebar .cherry-toolbar-button .icon-loading.loading {
display: inline-block;
width: 8px;
height: 8px;
}
.cherry-sidebar .cherry-toolbar-button .icon-loading.loading:after {
content: " ";
display: block;
width: 8px;
height: 8px;
margin-left: 2px;
margin-top: -2px;
border-radius: 50%;
border: 2px solid #000;
border-color: #000 transparent #000 transparent;
animation: loading 1.2s linear infinite;
}
@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.cherry-bubble {
position: absolute;
top: 100px;
left: 200px;
background-color: #fff;
box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.5);
height: 35px;
min-width: 50px;
border-radius: 3px;
border: 1px solid #dfe6ee;
z-index: 999;
display: none;
}
.cherry-bubble .cherry-bubble-top,
.cherry-bubble .cherry-bubble-bottom {
width: 0;
height: 0;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
position: relative;
left: 50%;
margin-left: -8px;
}
.cherry-bubble .cherry-bubble-top {
border-bottom: 8px solid #fff;
top: -8px;
}
.cherry-bubble .cherry-bubble-bottom {
border-top: 8px solid #fff;
bottom: -35px;
}
.cherry-bubble .cherry-toolbar-button {
line-height: 35px;
height: 100%;
overflow: hidden;
vertical-align: middle;
display: inline-block;
padding: 0 15px;
margin-top: -1px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cherry-bubble .cherry-toolbar-button:hover {
border-color: #dfe6ee;
background-color: rgba(89, 128, 166, 0.05);
}
.cherry-bubble .cherry-toolbar-button.cherry-toolbar-split {
border-left: 1px solid #ddd;
width: 0;
padding: 0;
overflow: hidden;
}
[data-toolbar-theme=dark] .cherry-bubble {
border-color: #20304b;
background: #20304b;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button {
color: #d7e6fe;
background: transparent;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button:hover {
color: #fff;
background: rgba(255, 255, 255, 0.1);
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-bubble-top {
border-bottom: 8px solid #20304b;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-bubble-bottom {
border-top: 8px solid #20304b;
}
[data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button:hover {
border-color: #20304b;
}
.cherry-floatmenu {
z-index: 100;
display: none;
position: absolute;
left: 30px;
margin-left: 60px;
height: 27px;
line-height: 27px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cherry-floatmenu .cherry-toolbar-button {
float: left;
padding: 0 9px;
margin: 0;
height: 27px;
line-height: 27px;
font-size: 14px;
color: #3f4a56;
overflow: hidden;
vertical-align: middle;
text-align: center;
border: 0;
cursor: pointer;
font-style: normal;
}
.cherry-floatmenu .cherry-toolbar-button.cherry-toolbar-split {
border-left: 1px solid #dfe6ee;
width: 0;
padding: 0;
overflow: hidden;
height: 25px;
}
.cherry-floatmenu .cherry-toolbar-button .ch-icon {
color: #aaa;
font-size: 12px;
}
.cherry-floatmenu .cherry-toolbar-button:hover {
background: rgba(0, 0, 0, 0.05);
}
.cherry-floatmenu .cherry-toolbar-button:hover .ch-icon {
color: #3f4a56;
}
.cherry-editor {
position: relative;
padding-top: 5px;
padding-right: 5px;
width: 50%;
box-sizing: border-box;
overflow: hidden;
}
.cherry-editor.cherry-editor--full {
width: 100%;
padding-right: 0;
}
.cherry-editor.cherry-editor--hidden {
display: none;
}
.cherry-editor .CodeMirror {
font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
background: #f8fafb;
color: #3f4a56;
}
.cherry-editor .CodeMirror textarea {
font-size: 27px;
}
.cherry-editor .CodeMirror-lines {
padding: 15px 34px;
}
.cherry-editor .cm-s-default .cm-header {
color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-string {
color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-comment {
color: #3582fb;
font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
font-size: 0.9em;
}
.cherry-editor .cm-s-default .cm-whitespace, .cherry-editor .cm-tab {
font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
font-size: 0.9em;
}
.cherry-editor .cm-s-default .cm-quote {
color: #3582fb;
}
.cherry-editor .cm-s-default .cm-link {
color: #3582fb;
}
.cherry-editor .cm-s-default .cm-url {
background: #d7e6fe;
font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
font-size: 0.9em;
}
.cherry-editor .cm-s-default .cm-variable-2 {
color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-variable-3 {
color: #3f4a56;
}
.cherry-editor .cm-s-default .cm-keyword {
color: #3f4a56;
}
.cherry-drag {
width: 15px;
cursor: ew-resize;
position: absolute;
z-index: 1000;
background: transparent;
}
.cherry-drag.cherry-drag--show {
width: 5px;
display: block;
background: #dfe6ee;
}
.cherry-drag.cherry-drag--hidden {
display: none;
}
.cherry-editor-mask {
z-index: 999;
position: absolute;
display: none;
background: rgba(0, 0, 0, 0.2);
}
.cherry-editor-mask.cherry-editor-mask--show {
display: block;
}
.cherry-previewer-mask {
z-index: 999;
position: absolute;
display: none;
background: rgba(0, 0, 0, 0.4);
}
.cherry-previewer-mask.cherry-previewer-mask--show {
display: block;
}
.cherry-previewer {
padding: 20px 34px;
border-left: 2px solid #ebedee;
width: 50%;
box-sizing: border-box;
background-color: #f8fafb;
min-height: auto;
overflow-y: auto;
}
.cherry-previewer .cherry-mobile-previewer-content {
width: 375px;
height: 100%;
margin: 0 auto;
padding: 25px 30px;
overflow-y: scroll;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
.cherry-previewer.cherry-previewer--hidden {
width: 0;
display: none;
}
.cherry-previewer.cherry-previewer--full {
width: 100%;
}
.cherry-previewer .cherry-list__upper-roman {
list-style: upper-roman;
}
.cherry-previewer .cherry-list__lower-greek {
list-style: lower-greek;
}
.cherry-previewer .cherry-list__cjk-ideographic {
list-style: cjk-ideographic;
}
.cherry-previewer .cherry-list__circle {
list-style: circle;
}
.cherry-previewer .cherry-list__square {
list-style: square;
}
.cherry-previewer div[data-type=codeBlock]:hover .cherry-copy-code-block {
display: block !important;
position: relative;
width: 25px;
text-align: center;
height: 25px;
border: 1px solid #DDD;
cursor: pointer;
float: right;
right: 10px;
top: 15px;
color: #FFF;
border-radius: 5px;
margin-left: -27px;
transition: all 0.3s;
z-index: 1;
}
[data-code-block-theme=default] .cherry-previewer div[data-type=codeBlock]:hover .cherry-copy-code-block, [data-code-block-theme=funky] .cherry-previewer div[data-type=codeBlock]:hover .cherry-copy-code-block, [data-code-block-theme=solarized-light] .cherry-previewer div[data-type=codeBlock]:hover .cherry-copy-code-block, [data-code-block-theme=coy] .cherry-previewer div[data-type=codeBlock]:hover .cherry-copy-code-block {
background-color: #3582fb;
}
.cherry-previewer div[data-type=codeBlock]:hover .cherry-copy-code-block:hover {
color: #3582fb;
background-color: #eee;
border-color: #3582fb;
}
.cherry-color-wrap {
display: none;
position: fixed;
width: auto;
padding: 5px 10px;
z-index: 1000;
background: #fff;
box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
}
.cherry-color-wrap h3 {
font-size: 12px;
margin: 0px;
}
.cherry-color-wrap .cherry-color-text {
float: left;
width: 128px;
margin: 0 8px 0 5px;
}
.cherry-color-wrap .cherry-color-bg {
float: left;
width: 128px;
margin-right: 5px;
}
.cherry-color-wrap .cherry-color-item {
float: left;
width: 14px;
height: 14px;
border: 1px solid #fff;
cursor: pointer;
}
.cherry-color-wrap .cherry-color-item:hover {
border: 1px solid #000;
}
.cherry-switch-paste {
margin-left: -112px;
left: 50%;
box-sizing: content-box;
}
.cherry-switch-paste .switch-btn--bg {
transition: all 0.3s;
position: absolute;
width: 50%;
height: 100%;
box-sizing: border-box;
z-index: -1;
left: -1px;
opacity: 0.3;
background-color: #5d9bfc;
}
.cherry-switch-paste .cherry-toolbar-button {
width: 80px;
text-align: center;
}
.cherry-switch-paste .cherry-toolbar-button:hover {
border-color: transparent;
}
.cherry-switch-paste[data-type=text] .cherry-text-btn {
color: #3f4a56;
}
.cherry-switch-paste[data-type=text] .cherry-md-btn {
color: #5d9bfc;
}
.cherry-switch-paste[data-type=md] .cherry-md-btn {
color: #3f4a56;
}
.cherry-switch-paste[data-type=md] .cherry-text-btn {
color: #5d9bfc;
}
.cherry-switch-paste[data-type=md] .switch-btn--bg {
left: 50%;
}
[data-toolbar-theme=dark] .cherry-switch-paste .switch-btn--bg {
background-color: #fff;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=text] .cherry-text-btn {
color: #d7e6fe;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=text] .cherry-md-btn {
color: #fff;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .cherry-md-btn {
color: #d7e6fe;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .cherry-text-btn {
color: #fff;
}
[data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .switch-btn--bg {
left: 50%;
}
.Cherry-Math svg {
max-width: 100%;
}
.cherry-suggester-panel {
display: none;
position: absolute;
left: 0;
top: 0;
background: #fff;
border: 1px solid #ccc;
border-radius: 2px;
max-height: 200px;
box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
}
.cherry-suggester-panel .cherry-suggester-panel__item {
border: none;
white-space: nowrap;
min-width: 50px;
padding: 5px 13px;
color: #333;
display: block;
cursor: pointer;
}
.cherry-suggester-panel .cherry-suggester-panel__item.cherry-suggester-panel__item--selected {
background-color: #f2f2f5;
text-decoration: none;
color: #eb7350;
}
.cherry-suggestion {
background-color: #ebf3ff;
color: #3582fb;
padding: 1px 4px;
border-radius: 3px;
cursor: pointer;
} /* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap;
}
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap;
}
.CodeMirror-guttermarker {
color: black;
}
.CodeMirror-guttermarker-subtle {
color: #999;
}
/* 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;
}
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1;
}
.cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, 0.5);
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
}
.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;
}
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
display: inline-block;
text-decoration: inherit;
}
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden;
}
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute;
}
/* 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;
}
.cm-s-default .cm-def {
color: #00f;
}
.cm-s-default .cm-variable-2 {
color: #05a;
}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
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 {
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 .cm-error {
color: #f00;
}
.cm-invalidchar {
color: #f00;
}
.CodeMirror-composing {
border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22;
}
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3);
}
.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. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important; /* Things will break if this is overridden */
/* 50px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none; /* Prevent dragging from highlighting the element */
position: relative;
}
.CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
outline: 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: -50px;
}
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important;
}
.CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4;
}
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent;
}
.CodeMirror-lines {
cursor: text;
min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
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;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
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;
padding: 0.1px; /* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
direction: rtl;
}
.CodeMirror-code {
outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-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;
pointer-events: none;
}
.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;
}
.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-color: #ffa;
background-color: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
padding-right: 0.1px;
}
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden;
}
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
content: "";
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
background: none;
}