cherry-markdown 0.8.28 → 0.8.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,4958 @@
1
+ @charset "UTF-8";
2
+ /* BASICS */
3
+ .CodeMirror {
4
+ /* Set height, width, borders, and global font properties here */
5
+ font-family: monospace;
6
+ height: 300px;
7
+ color: black;
8
+ direction: ltr;
9
+ }
10
+
11
+ /* PADDING */
12
+ .CodeMirror-lines {
13
+ padding: 4px 0; /* Vertical padding around content */
14
+ }
15
+
16
+ .CodeMirror pre.CodeMirror-line,
17
+ .CodeMirror pre.CodeMirror-line-like {
18
+ padding: 0 4px; /* Horizontal padding of content */
19
+ }
20
+
21
+ .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
22
+ background-color: white; /* The little square between H and V scrollbars */
23
+ }
24
+
25
+ /* GUTTER */
26
+ .CodeMirror-gutters {
27
+ border-right: 1px solid #ddd;
28
+ background-color: #f7f7f7;
29
+ white-space: nowrap;
30
+ }
31
+
32
+ .CodeMirror-linenumber {
33
+ padding: 0 3px 0 5px;
34
+ min-width: 20px;
35
+ text-align: right;
36
+ color: #999;
37
+ white-space: nowrap;
38
+ }
39
+
40
+ .CodeMirror-guttermarker {
41
+ color: black;
42
+ }
43
+
44
+ .CodeMirror-guttermarker-subtle {
45
+ color: #999;
46
+ }
47
+
48
+ /* CURSOR */
49
+ .CodeMirror-cursor {
50
+ border-left: 1px solid black;
51
+ border-right: none;
52
+ width: 0;
53
+ }
54
+
55
+ /* Shown when moving in bi-directional text */
56
+ .CodeMirror div.CodeMirror-secondarycursor {
57
+ border-left: 1px solid silver;
58
+ }
59
+
60
+ .cm-fat-cursor .CodeMirror-cursor {
61
+ width: auto;
62
+ border: 0 !important;
63
+ background: #7e7;
64
+ }
65
+
66
+ .cm-fat-cursor div.CodeMirror-cursors {
67
+ z-index: 1;
68
+ }
69
+
70
+ .cm-fat-cursor-mark {
71
+ background-color: rgba(20, 255, 20, 0.5);
72
+ -webkit-animation: blink 1.06s steps(1) infinite;
73
+ -moz-animation: blink 1.06s steps(1) infinite;
74
+ animation: blink 1.06s steps(1) infinite;
75
+ }
76
+
77
+ .cm-animate-fat-cursor {
78
+ width: auto;
79
+ border: 0;
80
+ -webkit-animation: blink 1.06s steps(1) infinite;
81
+ -moz-animation: blink 1.06s steps(1) infinite;
82
+ animation: blink 1.06s steps(1) infinite;
83
+ background-color: #7e7;
84
+ }
85
+
86
+ @-moz-keyframes blink {
87
+ 50% {
88
+ background-color: transparent;
89
+ }
90
+ }
91
+ @-webkit-keyframes blink {
92
+ 50% {
93
+ background-color: transparent;
94
+ }
95
+ }
96
+ @keyframes blink {
97
+ 50% {
98
+ background-color: transparent;
99
+ }
100
+ }
101
+ /* Can style cursor different in overwrite (non-insert) mode */
102
+ .cm-tab {
103
+ display: inline-block;
104
+ text-decoration: inherit;
105
+ }
106
+
107
+ .CodeMirror-rulers {
108
+ position: absolute;
109
+ left: 0;
110
+ right: 0;
111
+ top: -50px;
112
+ bottom: 0;
113
+ overflow: hidden;
114
+ }
115
+
116
+ .CodeMirror-ruler {
117
+ border-left: 1px solid #ccc;
118
+ top: 0;
119
+ bottom: 0;
120
+ position: absolute;
121
+ }
122
+
123
+ /* DEFAULT THEME */
124
+ .cm-s-default .cm-header {
125
+ color: blue;
126
+ }
127
+
128
+ .cm-s-default .cm-quote {
129
+ color: #090;
130
+ }
131
+
132
+ .cm-negative {
133
+ color: #d44;
134
+ }
135
+
136
+ .cm-positive {
137
+ color: #292;
138
+ }
139
+
140
+ .cm-header, .cm-strong {
141
+ font-weight: bold;
142
+ }
143
+
144
+ .cm-em {
145
+ font-style: italic;
146
+ }
147
+
148
+ .cm-link {
149
+ text-decoration: underline;
150
+ }
151
+
152
+ .cm-strikethrough {
153
+ text-decoration: line-through;
154
+ }
155
+
156
+ .cm-s-default .cm-keyword {
157
+ color: #708;
158
+ }
159
+
160
+ .cm-s-default .cm-atom {
161
+ color: #219;
162
+ }
163
+
164
+ .cm-s-default .cm-number {
165
+ color: #164;
166
+ }
167
+
168
+ .cm-s-default .cm-def {
169
+ color: #00f;
170
+ }
171
+
172
+ .cm-s-default .cm-variable-2 {
173
+ color: #05a;
174
+ }
175
+
176
+ .cm-s-default .cm-variable-3, .cm-s-default .cm-type {
177
+ color: #085;
178
+ }
179
+
180
+ .cm-s-default .cm-comment {
181
+ color: #a50;
182
+ }
183
+
184
+ .cm-s-default .cm-string {
185
+ color: #a11;
186
+ }
187
+
188
+ .cm-s-default .cm-string-2 {
189
+ color: #f50;
190
+ }
191
+
192
+ .cm-s-default .cm-meta {
193
+ color: #555;
194
+ }
195
+
196
+ .cm-s-default .cm-qualifier {
197
+ color: #555;
198
+ }
199
+
200
+ .cm-s-default .cm-builtin {
201
+ color: #30a;
202
+ }
203
+
204
+ .cm-s-default .cm-bracket {
205
+ color: #997;
206
+ }
207
+
208
+ .cm-s-default .cm-tag {
209
+ color: #170;
210
+ }
211
+
212
+ .cm-s-default .cm-attribute {
213
+ color: #00c;
214
+ }
215
+
216
+ .cm-s-default .cm-hr {
217
+ color: #999;
218
+ }
219
+
220
+ .cm-s-default .cm-link {
221
+ color: #00c;
222
+ }
223
+
224
+ .cm-s-default .cm-error {
225
+ color: #f00;
226
+ }
227
+
228
+ .cm-invalidchar {
229
+ color: #f00;
230
+ }
231
+
232
+ .CodeMirror-composing {
233
+ border-bottom: 2px solid;
234
+ }
235
+
236
+ /* Default styles for common addons */
237
+ div.CodeMirror span.CodeMirror-matchingbracket {
238
+ color: #0b0;
239
+ }
240
+
241
+ div.CodeMirror span.CodeMirror-nonmatchingbracket {
242
+ color: #a22;
243
+ }
244
+
245
+ .CodeMirror-matchingtag {
246
+ background: rgba(255, 150, 0, 0.3);
247
+ }
248
+
249
+ .CodeMirror-activeline-background {
250
+ background: #e8f2ff;
251
+ }
252
+
253
+ /* STOP */
254
+ /* The rest of this file contains styles related to the mechanics of
255
+ the editor. You probably shouldn't touch them. */
256
+ .CodeMirror {
257
+ position: relative;
258
+ overflow: hidden;
259
+ background: white;
260
+ }
261
+
262
+ .CodeMirror-scroll {
263
+ overflow: scroll !important; /* Things will break if this is overridden */
264
+ /* 50px is the magic margin used to hide the element's real scrollbars */
265
+ /* See overflow: hidden in .CodeMirror */
266
+ margin-bottom: -50px;
267
+ margin-right: -50px;
268
+ padding-bottom: 50px;
269
+ height: 100%;
270
+ outline: none; /* Prevent dragging from highlighting the element */
271
+ position: relative;
272
+ }
273
+
274
+ .CodeMirror-sizer {
275
+ position: relative;
276
+ border-right: 50px solid transparent;
277
+ }
278
+
279
+ /* The fake, visible scrollbars. Used to force redraw during scrolling
280
+ before actual scrolling happens, thus preventing shaking and
281
+ flickering artifacts. */
282
+ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
283
+ position: absolute;
284
+ z-index: 6;
285
+ display: none;
286
+ outline: none;
287
+ }
288
+
289
+ .CodeMirror-vscrollbar {
290
+ right: 0;
291
+ top: 0;
292
+ overflow-x: hidden;
293
+ overflow-y: scroll;
294
+ }
295
+
296
+ .CodeMirror-hscrollbar {
297
+ bottom: 0;
298
+ left: 0;
299
+ overflow-y: hidden;
300
+ overflow-x: scroll;
301
+ }
302
+
303
+ .CodeMirror-scrollbar-filler {
304
+ right: 0;
305
+ bottom: 0;
306
+ }
307
+
308
+ .CodeMirror-gutter-filler {
309
+ left: 0;
310
+ bottom: 0;
311
+ }
312
+
313
+ .CodeMirror-gutters {
314
+ position: absolute;
315
+ left: 0;
316
+ top: 0;
317
+ min-height: 100%;
318
+ z-index: 3;
319
+ }
320
+
321
+ .CodeMirror-gutter {
322
+ white-space: normal;
323
+ height: 100%;
324
+ display: inline-block;
325
+ vertical-align: top;
326
+ margin-bottom: -50px;
327
+ }
328
+
329
+ .CodeMirror-gutter-wrapper {
330
+ position: absolute;
331
+ z-index: 4;
332
+ background: none !important;
333
+ border: none !important;
334
+ }
335
+
336
+ .CodeMirror-gutter-background {
337
+ position: absolute;
338
+ top: 0;
339
+ bottom: 0;
340
+ z-index: 4;
341
+ }
342
+
343
+ .CodeMirror-gutter-elt {
344
+ position: absolute;
345
+ cursor: default;
346
+ z-index: 4;
347
+ }
348
+
349
+ .CodeMirror-gutter-wrapper ::selection {
350
+ background-color: transparent;
351
+ }
352
+
353
+ .CodeMirror-gutter-wrapper ::-moz-selection {
354
+ background-color: transparent;
355
+ }
356
+
357
+ .CodeMirror-lines {
358
+ cursor: text;
359
+ min-height: 1px; /* prevents collapsing before first draw */
360
+ }
361
+
362
+ .CodeMirror pre.CodeMirror-line,
363
+ .CodeMirror pre.CodeMirror-line-like {
364
+ /* Reset some styles that the rest of the page might have set */
365
+ -moz-border-radius: 0;
366
+ -webkit-border-radius: 0;
367
+ border-radius: 0;
368
+ border-width: 0;
369
+ background: transparent;
370
+ font-family: inherit;
371
+ font-size: inherit;
372
+ margin: 0;
373
+ white-space: pre;
374
+ word-wrap: normal;
375
+ line-height: inherit;
376
+ color: inherit;
377
+ z-index: 2;
378
+ position: relative;
379
+ overflow: visible;
380
+ -webkit-tap-highlight-color: transparent;
381
+ -webkit-font-variant-ligatures: contextual;
382
+ font-variant-ligatures: contextual;
383
+ }
384
+
385
+ .CodeMirror-wrap pre.CodeMirror-line,
386
+ .CodeMirror-wrap pre.CodeMirror-line-like {
387
+ word-wrap: break-word;
388
+ white-space: pre-wrap;
389
+ word-break: normal;
390
+ }
391
+
392
+ .CodeMirror-linebackground {
393
+ position: absolute;
394
+ left: 0;
395
+ right: 0;
396
+ top: 0;
397
+ bottom: 0;
398
+ z-index: 0;
399
+ }
400
+
401
+ .CodeMirror-linewidget {
402
+ position: relative;
403
+ z-index: 2;
404
+ padding: 0.1px; /* Force widget margins to stay inside of the container */
405
+ }
406
+
407
+ .CodeMirror-rtl pre {
408
+ direction: rtl;
409
+ }
410
+
411
+ .CodeMirror-code {
412
+ outline: none;
413
+ }
414
+
415
+ /* Force content-box sizing for the elements where we expect it */
416
+ .CodeMirror-scroll,
417
+ .CodeMirror-sizer,
418
+ .CodeMirror-gutter,
419
+ .CodeMirror-gutters,
420
+ .CodeMirror-linenumber {
421
+ -moz-box-sizing: content-box;
422
+ box-sizing: content-box;
423
+ }
424
+
425
+ .CodeMirror-measure {
426
+ position: absolute;
427
+ width: 100%;
428
+ height: 0;
429
+ overflow: hidden;
430
+ visibility: hidden;
431
+ }
432
+
433
+ .CodeMirror-cursor {
434
+ position: absolute;
435
+ pointer-events: none;
436
+ }
437
+
438
+ .CodeMirror-measure pre {
439
+ position: static;
440
+ }
441
+
442
+ div.CodeMirror-cursors {
443
+ visibility: hidden;
444
+ position: relative;
445
+ z-index: 3;
446
+ }
447
+
448
+ div.CodeMirror-dragcursors {
449
+ visibility: visible;
450
+ }
451
+
452
+ .CodeMirror-focused div.CodeMirror-cursors {
453
+ visibility: visible;
454
+ }
455
+
456
+ .CodeMirror-selected {
457
+ background: #d9d9d9;
458
+ }
459
+
460
+ .CodeMirror-focused .CodeMirror-selected {
461
+ background: #d7d4f0;
462
+ }
463
+
464
+ .CodeMirror-crosshair {
465
+ cursor: crosshair;
466
+ }
467
+
468
+ .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
469
+ background: #d7d4f0;
470
+ }
471
+
472
+ .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
473
+ background: #d7d4f0;
474
+ }
475
+
476
+ .cm-searching {
477
+ background-color: #ffa;
478
+ background-color: rgba(255, 255, 0, 0.4);
479
+ }
480
+
481
+ /* Used to force a border model for a node */
482
+ .cm-force-border {
483
+ padding-right: 0.1px;
484
+ }
485
+
486
+ @media print {
487
+ /* Hide the cursor when printing */
488
+ .CodeMirror div.CodeMirror-cursors {
489
+ visibility: hidden;
490
+ }
491
+ }
492
+ /* See issue #2901 */
493
+ .cm-tab-wrap-hack:after {
494
+ content: "";
495
+ }
496
+
497
+ /* Help users use markselection to safely style text background */
498
+ span.CodeMirror-selectedtext {
499
+ background: none;
500
+ }
501
+
502
+ .cherry *::-webkit-scrollbar {
503
+ height: 7px;
504
+ width: 7px;
505
+ background: transparent;
506
+ }
507
+ .cherry *::-webkit-scrollbar:hover {
508
+ background: rgba(128, 128, 128, 0.1);
509
+ }
510
+ .cherry *::-webkit-scrollbar-thumb {
511
+ background: #d3d7da;
512
+ -webkit-border-radius: 6px;
513
+ }
514
+ .cherry *::-webkit-scrollbar-thumb:hover {
515
+ background: rgba(0, 0, 0, 0.6);
516
+ }
517
+ .cherry *::-webkit-scrollbar-corner {
518
+ background: transparent;
519
+ }
520
+
521
+ @font-face {
522
+ font-family: "ch-icon";
523
+ src: url("./fonts/ch-icon.eot");
524
+ 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");
525
+ font-weight: normal;
526
+ font-style: normal;
527
+ }
528
+ .ch-icon:before {
529
+ display: inline-block;
530
+ font-family: "ch-icon";
531
+ font-style: normal;
532
+ font-weight: normal;
533
+ -webkit-font-smoothing: antialiased;
534
+ -moz-osx-font-smoothing: grayscale;
535
+ }
536
+
537
+ .ch-icon-list:before {
538
+ content: "\ea03";
539
+ }
540
+
541
+ .ch-icon-check:before {
542
+ content: "\ea04";
543
+ }
544
+
545
+ .ch-icon-square:before {
546
+ content: "\ea09";
547
+ }
548
+
549
+ .ch-icon-bold:before {
550
+ content: "\ea0a";
551
+ }
552
+
553
+ .ch-icon-code:before {
554
+ content: "\ea0b";
555
+ }
556
+
557
+ .ch-icon-color:before {
558
+ content: "\ea0c";
559
+ }
560
+
561
+ .ch-icon-header:before {
562
+ content: "\ea0d";
563
+ }
564
+
565
+ .ch-icon-image:before {
566
+ content: "\ea0e";
567
+ }
568
+
569
+ .ch-icon-italic:before {
570
+ content: "\ea0f";
571
+ }
572
+
573
+ .ch-icon-link:before {
574
+ content: "\ea10";
575
+ }
576
+
577
+ .ch-icon-ol:before {
578
+ content: "\ea11";
579
+ }
580
+
581
+ .ch-icon-size:before {
582
+ content: "\ea12";
583
+ }
584
+
585
+ .ch-icon-strike:before {
586
+ content: "\ea13";
587
+ }
588
+
589
+ .ch-icon-table:before {
590
+ content: "\ea14";
591
+ }
592
+
593
+ .ch-icon-ul:before {
594
+ content: "\ea15";
595
+ }
596
+
597
+ .ch-icon-underline:before {
598
+ content: "\ea16";
599
+ }
600
+
601
+ .ch-icon-word:before {
602
+ content: "\ea17";
603
+ }
604
+
605
+ .ch-icon-blockquote:before {
606
+ content: "\ea18";
607
+ }
608
+
609
+ .ch-icon-font:before {
610
+ content: "\ea19";
611
+ }
612
+
613
+ .ch-icon-insertClass:before {
614
+ content: "\ea1f";
615
+ }
616
+
617
+ .ch-icon-insertFlow:before {
618
+ content: "\ea20";
619
+ }
620
+
621
+ .ch-icon-insertFormula:before {
622
+ content: "\ea21";
623
+ }
624
+
625
+ .ch-icon-insertGantt:before {
626
+ content: "\ea22";
627
+ }
628
+
629
+ .ch-icon-insertGraph:before {
630
+ content: "\ea23";
631
+ }
632
+
633
+ .ch-icon-insertPie:before {
634
+ content: "\ea24";
635
+ }
636
+
637
+ .ch-icon-insertSeq:before {
638
+ content: "\ea25";
639
+ }
640
+
641
+ .ch-icon-insertState:before {
642
+ content: "\ea26";
643
+ }
644
+
645
+ .ch-icon-line:before {
646
+ content: "\ea27";
647
+ }
648
+
649
+ .ch-icon-preview:before {
650
+ content: "\ea28";
651
+ }
652
+
653
+ .ch-icon-previewClose:before {
654
+ content: "\ea29";
655
+ }
656
+
657
+ .ch-icon-toc:before {
658
+ content: "\ea2a";
659
+ }
660
+
661
+ .ch-icon-sub:before {
662
+ content: "\ea2d";
663
+ }
664
+
665
+ .ch-icon-sup:before {
666
+ content: "\ea2e";
667
+ }
668
+
669
+ .ch-icon-h1:before {
670
+ content: "\ea2f";
671
+ }
672
+
673
+ .ch-icon-h2:before {
674
+ content: "\ea30";
675
+ }
676
+
677
+ .ch-icon-h3:before {
678
+ content: "\ea31";
679
+ }
680
+
681
+ .ch-icon-h4:before {
682
+ content: "\ea32";
683
+ }
684
+
685
+ .ch-icon-h5:before {
686
+ content: "\ea33";
687
+ }
688
+
689
+ .ch-icon-h6:before {
690
+ content: "\ea34";
691
+ }
692
+
693
+ .ch-icon-video:before {
694
+ content: "\ea35";
695
+ }
696
+
697
+ .ch-icon-insert:before {
698
+ content: "\ea36";
699
+ }
700
+
701
+ .ch-icon-little_table:before {
702
+ content: "\ea37";
703
+ }
704
+
705
+ .ch-icon-pdf:before {
706
+ content: "\ea38";
707
+ }
708
+
709
+ .ch-icon-checklist:before {
710
+ content: "\ea39";
711
+ }
712
+
713
+ .ch-icon-close:before {
714
+ content: "\ea40";
715
+ }
716
+
717
+ .ch-icon-fullscreen:before {
718
+ content: "\ea41";
719
+ }
720
+
721
+ .ch-icon-minscreen:before {
722
+ content: "\ea42";
723
+ }
724
+
725
+ .ch-icon-insertChart:before {
726
+ content: "\ea43";
727
+ }
728
+
729
+ .ch-icon-question:before {
730
+ content: "\ea44";
731
+ }
732
+
733
+ .ch-icon-settings:before {
734
+ content: "\ea45";
735
+ }
736
+
737
+ .ch-icon-ok:before {
738
+ content: "\ea46";
739
+ }
740
+
741
+ .ch-icon-br:before {
742
+ content: "\ea47";
743
+ }
744
+
745
+ .ch-icon-normal:before {
746
+ content: "\ea48";
747
+ }
748
+
749
+ .ch-icon-undo:before {
750
+ content: "\ea49";
751
+ }
752
+
753
+ .ch-icon-redo:before {
754
+ content: "\ea50";
755
+ }
756
+
757
+ .ch-icon-copy:before {
758
+ content: "\ea51";
759
+ }
760
+
761
+ .ch-icon-phone:before {
762
+ content: "\ea52";
763
+ }
764
+
765
+ .ch-icon-cherry-table-delete:before {
766
+ content: "\ea53";
767
+ }
768
+
769
+ .ch-icon-cherry-table-insert-bottom:before {
770
+ content: "\ea54";
771
+ }
772
+
773
+ .ch-icon-cherry-table-insert-left:before {
774
+ content: "\ea55";
775
+ }
776
+
777
+ .ch-icon-cherry-table-insert-right:before {
778
+ content: "\ea56";
779
+ }
780
+
781
+ .ch-icon-cherry-table-insert-top:before {
782
+ content: "\ea57";
783
+ }
784
+
785
+ .ch-icon-sort-s:before {
786
+ content: "\ea58";
787
+ }
788
+
789
+ .ch-icon-pinyin:before {
790
+ content: "\ea59";
791
+ }
792
+
793
+ .ch-icon-create:before {
794
+ content: "\ea5a";
795
+ }
796
+
797
+ .ch-icon-download:before {
798
+ content: "\ea5b";
799
+ }
800
+
801
+ .ch-icon-edit:before {
802
+ content: "\ea5c";
803
+ }
804
+
805
+ .ch-icon-export:before {
806
+ content: "\ea5d";
807
+ }
808
+
809
+ .ch-icon-folder-open:before {
810
+ content: "\ea5e";
811
+ }
812
+
813
+ .ch-icon-folder:before {
814
+ content: "\ea5f";
815
+ }
816
+
817
+ .ch-icon-help:before {
818
+ content: "\ea60";
819
+ }
820
+
821
+ .ch-icon-pen-fill:before {
822
+ content: "\ea61";
823
+ }
824
+
825
+ .ch-icon-pen:before {
826
+ content: "\ea62";
827
+ }
828
+
829
+ .ch-icon-search:before {
830
+ content: "\ea63";
831
+ }
832
+
833
+ .ch-icon-tips:before {
834
+ content: "\ea64";
835
+ }
836
+
837
+ .ch-icon-warn:before {
838
+ content: "\ea65";
839
+ }
840
+
841
+ .ch-icon-mistake:before {
842
+ content: "\ea66";
843
+ }
844
+
845
+ .ch-icon-success:before {
846
+ content: "\ea67";
847
+ }
848
+
849
+ .ch-icon-danger:before {
850
+ content: "\ea68";
851
+ }
852
+
853
+ .ch-icon-info:before {
854
+ content: "\ea69";
855
+ }
856
+
857
+ .ch-icon-primary:before {
858
+ content: "\ea6a";
859
+ }
860
+
861
+ .ch-icon-warning:before {
862
+ content: "\ea6b";
863
+ }
864
+
865
+ .ch-icon-justify:before {
866
+ content: "\ea6c";
867
+ }
868
+
869
+ .ch-icon-justifyCenter:before {
870
+ content: "\ea6d";
871
+ }
872
+
873
+ .ch-icon-justifyLeft:before {
874
+ content: "\ea6e";
875
+ }
876
+
877
+ .ch-icon-justifyRight:before {
878
+ content: "\ea6f";
879
+ }
880
+
881
+ .cherry-markdown {
882
+ word-break: break-all;
883
+ /* Specify class=linenums on a pre to get line numbering */
884
+ /* Inline code */
885
+ /* 数学表达式展示 */
886
+ }
887
+ .cherry-markdown h1,
888
+ .cherry-markdown h2,
889
+ .cherry-markdown h3,
890
+ .cherry-markdown h4,
891
+ .cherry-markdown h5,
892
+ .cherry-markdown h6,
893
+ .cherry-markdown .h1,
894
+ .cherry-markdown .h2,
895
+ .cherry-markdown .h3,
896
+ .cherry-markdown .h4,
897
+ .cherry-markdown .h5,
898
+ .cherry-markdown .h6 {
899
+ font-family: inherit;
900
+ font-weight: 700;
901
+ line-height: 1.1;
902
+ color: inherit;
903
+ }
904
+ .cherry-markdown h1 small,
905
+ .cherry-markdown h2 small,
906
+ .cherry-markdown h3 small,
907
+ .cherry-markdown h4 small,
908
+ .cherry-markdown h5 small,
909
+ .cherry-markdown h6 small,
910
+ .cherry-markdown .h1 small,
911
+ .cherry-markdown .h2 small,
912
+ .cherry-markdown .h3 small,
913
+ .cherry-markdown .h4 small,
914
+ .cherry-markdown .h5 small,
915
+ .cherry-markdown .h6 small,
916
+ .cherry-markdown h1 .small,
917
+ .cherry-markdown h2 .small,
918
+ .cherry-markdown h3 .small,
919
+ .cherry-markdown h4 .small,
920
+ .cherry-markdown h5 .small,
921
+ .cherry-markdown h6 .small,
922
+ .cherry-markdown .h1 .small,
923
+ .cherry-markdown .h2 .small,
924
+ .cherry-markdown .h3 .small,
925
+ .cherry-markdown .h4 .small,
926
+ .cherry-markdown .h5 .small,
927
+ .cherry-markdown .h6 .small {
928
+ font-weight: normal;
929
+ line-height: 1;
930
+ color: #999;
931
+ }
932
+ .cherry-markdown h1,
933
+ .cherry-markdown h2,
934
+ .cherry-markdown h3 {
935
+ margin-top: 30px;
936
+ margin-bottom: 16px;
937
+ }
938
+ .cherry-markdown h1 small,
939
+ .cherry-markdown h2 small,
940
+ .cherry-markdown h3 small,
941
+ .cherry-markdown h1 .small,
942
+ .cherry-markdown h2 .small,
943
+ .cherry-markdown h3 .small {
944
+ font-size: 65%;
945
+ }
946
+ .cherry-markdown h4,
947
+ .cherry-markdown h5,
948
+ .cherry-markdown h6 {
949
+ margin-top: 12px;
950
+ margin-bottom: 12px;
951
+ }
952
+ .cherry-markdown h4 small,
953
+ .cherry-markdown h5 small,
954
+ .cherry-markdown h6 small,
955
+ .cherry-markdown h4 .small,
956
+ .cherry-markdown h5 .small,
957
+ .cherry-markdown h6 .small {
958
+ font-size: 75%;
959
+ }
960
+ .cherry-markdown h1,
961
+ .cherry-markdown .h1 {
962
+ font-size: 2em;
963
+ }
964
+ .cherry-markdown h2,
965
+ .cherry-markdown .h2 {
966
+ font-size: 1.5em;
967
+ }
968
+ .cherry-markdown h3,
969
+ .cherry-markdown .h3 {
970
+ font-size: 1.25em;
971
+ }
972
+ .cherry-markdown h4,
973
+ .cherry-markdown .h4 {
974
+ font-size: 1em;
975
+ }
976
+ .cherry-markdown h5,
977
+ .cherry-markdown .h5 {
978
+ font-size: 0.875em;
979
+ }
980
+ .cherry-markdown h6,
981
+ .cherry-markdown .h6 {
982
+ font-size: 0.85em;
983
+ }
984
+ .cherry-markdown b,
985
+ .cherry-markdown strong {
986
+ font-weight: bold;
987
+ }
988
+ .cherry-markdown ul,
989
+ .cherry-markdown ol {
990
+ padding-left: 24px;
991
+ margin-bottom: 16px;
992
+ }
993
+ .cherry-markdown ul ul,
994
+ .cherry-markdown ul ol,
995
+ .cherry-markdown ol ul,
996
+ .cherry-markdown ol ol {
997
+ margin-bottom: 0;
998
+ }
999
+ .cherry-markdown ul li,
1000
+ .cherry-markdown ol li {
1001
+ list-style: inherit;
1002
+ }
1003
+ .cherry-markdown ul li p,
1004
+ .cherry-markdown ol li p {
1005
+ margin: 0;
1006
+ }
1007
+ .cherry-markdown div ul,
1008
+ .cherry-markdown div ol {
1009
+ margin-bottom: 0;
1010
+ }
1011
+ .cherry-markdown hr {
1012
+ height: 0;
1013
+ border: 0;
1014
+ border-top: 1px solid #dfe6ee;
1015
+ margin: 16px 0;
1016
+ box-sizing: content-box;
1017
+ overflow: visible;
1018
+ }
1019
+ .cherry-markdown table {
1020
+ border-collapse: collapse;
1021
+ }
1022
+ .cherry-markdown table th,
1023
+ .cherry-markdown table td {
1024
+ border: 1px solid #dfe6ee;
1025
+ padding: 0.2em 0.4em;
1026
+ min-width: 100px;
1027
+ }
1028
+ .cherry-markdown table th {
1029
+ background-color: #eee;
1030
+ }
1031
+ .cherry-markdown .link-quote {
1032
+ color: #3582fb;
1033
+ }
1034
+ .cherry-markdown a {
1035
+ color: #3582fb;
1036
+ position: relative;
1037
+ text-decoration: none;
1038
+ }
1039
+ .cherry-markdown a[target=_blank] {
1040
+ padding: 0 2px;
1041
+ }
1042
+ .cherry-markdown a[target=_blank]::after {
1043
+ content: "\ea10";
1044
+ font-size: 12px;
1045
+ font-family: "ch-icon";
1046
+ margin: 0 2px;
1047
+ }
1048
+ .cherry-markdown a:hover {
1049
+ color: #056bad;
1050
+ }
1051
+ .cherry-markdown em {
1052
+ font-style: italic;
1053
+ }
1054
+ .cherry-markdown sup {
1055
+ vertical-align: super;
1056
+ }
1057
+ .cherry-markdown sub {
1058
+ vertical-align: sub;
1059
+ }
1060
+ .cherry-markdown figure {
1061
+ overflow-x: auto;
1062
+ }
1063
+ .cherry-markdown blockquote {
1064
+ color: #6d6e6f;
1065
+ padding: 10px 15px;
1066
+ border-left: 10px solid #D6DBDF;
1067
+ background: rgba(102, 128, 153, 0.05);
1068
+ }
1069
+ .cherry-markdown p,
1070
+ .cherry-markdown pre,
1071
+ .cherry-markdown blockquote,
1072
+ .cherry-markdown table {
1073
+ margin: 0 0 16px;
1074
+ }
1075
+ .cherry-markdown pre {
1076
+ padding: 16px;
1077
+ overflow: auto;
1078
+ font-size: 85%;
1079
+ line-height: 1.45;
1080
+ background-color: #f6f8fa;
1081
+ border-radius: 6px;
1082
+ }
1083
+ .cherry-markdown .prettyprint {
1084
+ min-width: 500px;
1085
+ display: inline-block;
1086
+ background: #00212b;
1087
+ font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
1088
+ border: 0 !important;
1089
+ }
1090
+ .cherry-markdown .pln {
1091
+ color: #dfe6ee;
1092
+ }
1093
+ .cherry-markdown .str {
1094
+ color: #ffaf21;
1095
+ }
1096
+ .cherry-markdown .kwd {
1097
+ color: #f85353;
1098
+ }
1099
+ .cherry-markdown ol.linenums {
1100
+ margin-top: 0;
1101
+ margin-bottom: 0;
1102
+ color: #969896;
1103
+ }
1104
+ .cherry-markdown li.L0,
1105
+ .cherry-markdown li.L1,
1106
+ .cherry-markdown li.L2,
1107
+ .cherry-markdown li.L3,
1108
+ .cherry-markdown li.L4,
1109
+ .cherry-markdown li.L5,
1110
+ .cherry-markdown li.L6,
1111
+ .cherry-markdown li.L7,
1112
+ .cherry-markdown li.L8,
1113
+ .cherry-markdown li.L9 {
1114
+ padding-left: 1em;
1115
+ background-color: #00212b;
1116
+ list-style-type: decimal;
1117
+ }
1118
+ @media screen {
1119
+ .cherry-markdown .cherry-markdown {
1120
+ /* comment */
1121
+ /* type name */
1122
+ /* literal value */
1123
+ /* punctuation */
1124
+ /* lisp open bracket */
1125
+ /* lisp close bracket */
1126
+ /* markup tag name */
1127
+ /* markup attribute name */
1128
+ /* markup attribute value */
1129
+ /* declaration */
1130
+ /* variable name */
1131
+ /* function name */
1132
+ }
1133
+ .cherry-markdown .cherry-markdown .com {
1134
+ color: #969896;
1135
+ }
1136
+ .cherry-markdown .cherry-markdown .typ {
1137
+ color: #81a2be;
1138
+ }
1139
+ .cherry-markdown .cherry-markdown .lit {
1140
+ color: #de935f;
1141
+ }
1142
+ .cherry-markdown .cherry-markdown .pun {
1143
+ color: #c5c8c6;
1144
+ }
1145
+ .cherry-markdown .cherry-markdown .opn {
1146
+ color: #c5c8c6;
1147
+ }
1148
+ .cherry-markdown .cherry-markdown .clo {
1149
+ color: #c5c8c6;
1150
+ }
1151
+ .cherry-markdown .cherry-markdown .tag {
1152
+ color: #cc6666;
1153
+ }
1154
+ .cherry-markdown .cherry-markdown .atn {
1155
+ color: #de935f;
1156
+ }
1157
+ .cherry-markdown .cherry-markdown .atv {
1158
+ color: #8abeb7;
1159
+ }
1160
+ .cherry-markdown .cherry-markdown .dec {
1161
+ color: #de935f;
1162
+ }
1163
+ .cherry-markdown .cherry-markdown .var {
1164
+ color: #cc6666;
1165
+ }
1166
+ .cherry-markdown .cherry-markdown .fun {
1167
+ color: #81a2be;
1168
+ }
1169
+ }
1170
+ .cherry-markdown div[data-type=codeBlock] {
1171
+ display: inline-block;
1172
+ width: 100%;
1173
+ box-sizing: border-box;
1174
+ border-radius: 2px;
1175
+ margin-bottom: 16px;
1176
+ font-size: 14px;
1177
+ overflow-x: auto;
1178
+ }
1179
+ .cherry-markdown div[data-type=codeBlock] > pre {
1180
+ margin: 0;
1181
+ }
1182
+ .cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] {
1183
+ counter-reset: line;
1184
+ }
1185
+ .cherry-markdown div[data-type=codeBlock] > pre code[class*=language-].wrap {
1186
+ white-space: pre-wrap;
1187
+ }
1188
+ .cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line {
1189
+ display: inline-block;
1190
+ position: relative;
1191
+ padding-left: 3em;
1192
+ height: 1.3em;
1193
+ line-height: 2em;
1194
+ }
1195
+ .cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:before {
1196
+ counter-increment: line;
1197
+ content: counter(line);
1198
+ margin-right: 1em;
1199
+ position: absolute;
1200
+ left: 0;
1201
+ }
1202
+ .cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:last-child {
1203
+ margin-bottom: 0;
1204
+ }
1205
+ .cherry-markdown :not(pre) > code {
1206
+ padding: 0.1em;
1207
+ border-radius: 0.3em;
1208
+ white-space: normal;
1209
+ color: #f85353;
1210
+ background-color: #e5e5e5;
1211
+ }
1212
+ [data-inline-code-theme=black] .cherry-markdown :not(pre) > code {
1213
+ color: #3f4a56;
1214
+ background-color: #e5e5e5;
1215
+ }
1216
+ .cherry-markdown a.anchor:before {
1217
+ content: "§";
1218
+ text-decoration: none;
1219
+ width: 15px;
1220
+ font-size: 0.5em;
1221
+ vertical-align: middle;
1222
+ display: inline-block;
1223
+ text-align: center;
1224
+ margin-left: -15px;
1225
+ }
1226
+ .cherry-markdown .toc {
1227
+ margin-bottom: 16px;
1228
+ padding-left: 0;
1229
+ }
1230
+ .cherry-markdown .toc .toc-title {
1231
+ font-size: 24px;
1232
+ margin-bottom: 5px;
1233
+ }
1234
+ .cherry-markdown .toc .toc-li {
1235
+ border-bottom: 1px ridge #dfe6ee;
1236
+ list-style: none;
1237
+ }
1238
+ .cherry-markdown .toc .toc-li a {
1239
+ text-decoration: none;
1240
+ color: #3f4a56;
1241
+ }
1242
+ .cherry-markdown .toc .toc-li a:hover {
1243
+ color: #056bad;
1244
+ }
1245
+ .cherry-markdown .check-list-item {
1246
+ list-style: none;
1247
+ }
1248
+ .cherry-markdown .check-list-item .ch-icon {
1249
+ margin: 0 6px 0 -20px;
1250
+ }
1251
+ .cherry-markdown .footnote:not(a) {
1252
+ padding-top: 20px;
1253
+ border-top: 1px solid #dfe6ee;
1254
+ margin-top: 50px;
1255
+ }
1256
+ .cherry-markdown .footnote:not(a) .footnote-title {
1257
+ font-size: 20px;
1258
+ margin-top: -38px;
1259
+ background-color: #f8fafb;
1260
+ width: 60px;
1261
+ margin-bottom: 16px;
1262
+ }
1263
+ .cherry-markdown .footnote:not(a) .one-footnote {
1264
+ color: #6d6e6f;
1265
+ margin-bottom: 16px;
1266
+ border-bottom: 1px dotted #dfe6ee;
1267
+ }
1268
+ .cherry-markdown .cherry-table-container {
1269
+ max-width: 100%;
1270
+ overflow-x: auto;
1271
+ }
1272
+ .cherry-markdown .cherry-table-container .cherry-table th,
1273
+ .cherry-markdown .cherry-table-container .cherry-table td {
1274
+ border: 1px solid #dfe6ee;
1275
+ padding: 0.2em 0.4em;
1276
+ min-width: 100px;
1277
+ }
1278
+ .cherry-markdown .cherry-table-container .cherry-table th {
1279
+ white-space: nowrap;
1280
+ }
1281
+ .cherry-markdown mjx-assistive-mml {
1282
+ position: absolute;
1283
+ top: 0;
1284
+ left: 0;
1285
+ clip: rect(1px, 1px, 1px, 1px);
1286
+ padding: 1px 0 0 0;
1287
+ border: 0;
1288
+ }
1289
+ .cherry-markdown.head-num {
1290
+ counter-reset: level1;
1291
+ }
1292
+ .cherry-markdown.head-num h1 .anchor:before,
1293
+ .cherry-markdown.head-num h2 .anchor:before,
1294
+ .cherry-markdown.head-num h3 .anchor:before,
1295
+ .cherry-markdown.head-num h4 .anchor:before,
1296
+ .cherry-markdown.head-num h5 .anchor:before,
1297
+ .cherry-markdown.head-num h6 .anchor:before {
1298
+ width: auto;
1299
+ font-size: inherit;
1300
+ vertical-align: inherit;
1301
+ padding-right: 10px;
1302
+ }
1303
+ .cherry-markdown.head-num h1 {
1304
+ counter-reset: level2;
1305
+ }
1306
+ .cherry-markdown.head-num h2 {
1307
+ counter-reset: level3;
1308
+ }
1309
+ .cherry-markdown.head-num h3 {
1310
+ counter-reset: level4;
1311
+ }
1312
+ .cherry-markdown.head-num h4 {
1313
+ counter-reset: level5;
1314
+ }
1315
+ .cherry-markdown.head-num h5 {
1316
+ counter-reset: level6;
1317
+ }
1318
+ .cherry-markdown.head-num h1 .anchor:before {
1319
+ counter-increment: level1;
1320
+ content: counter(level1) ". ";
1321
+ }
1322
+ .cherry-markdown.head-num h2 .anchor:before {
1323
+ counter-increment: level2;
1324
+ content: counter(level1) "." counter(level2) " ";
1325
+ }
1326
+ .cherry-markdown.head-num h3 .anchor:before {
1327
+ counter-increment: level3;
1328
+ content: counter(level1) "." counter(level2) "." counter(level3) " ";
1329
+ }
1330
+ .cherry-markdown.head-num h4 .anchor:before {
1331
+ counter-increment: level4;
1332
+ content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " ";
1333
+ }
1334
+ .cherry-markdown.head-num h5 .anchor:before {
1335
+ counter-increment: level5;
1336
+ content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " ";
1337
+ }
1338
+ .cherry-markdown.head-num h6 .anchor:before {
1339
+ counter-increment: level6;
1340
+ content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) "." counter(level6) " ";
1341
+ }
1342
+
1343
+ div[data-type=codeBlock] {
1344
+ /* PrismJS 1.23.0
1345
+ https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
1346
+ /**
1347
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
1348
+ * Based on https://github.com/chriskempson/tomorrow-theme
1349
+ * @author Rose Pritchard
1350
+ */
1351
+ /* Code blocks */
1352
+ /* Inline code */
1353
+ }
1354
+ div[data-type=codeBlock] code[class*=language-],
1355
+ div[data-type=codeBlock] pre[class*=language-] {
1356
+ color: #ccc;
1357
+ background: none;
1358
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1359
+ font-size: 1em;
1360
+ text-align: left;
1361
+ white-space: pre;
1362
+ word-spacing: normal;
1363
+ word-break: normal;
1364
+ word-wrap: normal;
1365
+ line-height: 1.5;
1366
+ -moz-tab-size: 4;
1367
+ -o-tab-size: 4;
1368
+ tab-size: 4;
1369
+ -webkit-hyphens: none;
1370
+ -moz-hyphens: none;
1371
+ -ms-hyphens: none;
1372
+ hyphens: none;
1373
+ }
1374
+ div[data-type=codeBlock] pre[class*=language-] {
1375
+ padding: 1em;
1376
+ margin: 0.5em 0;
1377
+ overflow: auto;
1378
+ }
1379
+ div[data-type=codeBlock] :not(pre) > code[class*=language-],
1380
+ div[data-type=codeBlock] pre[class*=language-] {
1381
+ background: #2d2d2d;
1382
+ }
1383
+ div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1384
+ padding: 0.1em;
1385
+ border-radius: 0.3em;
1386
+ white-space: normal;
1387
+ }
1388
+ div[data-type=codeBlock] .token.comment,
1389
+ div[data-type=codeBlock] .token.block-comment,
1390
+ div[data-type=codeBlock] .token.prolog,
1391
+ div[data-type=codeBlock] .token.doctype,
1392
+ div[data-type=codeBlock] .token.cdata {
1393
+ color: #999;
1394
+ }
1395
+ div[data-type=codeBlock] .token.punctuation {
1396
+ color: #ccc;
1397
+ }
1398
+ div[data-type=codeBlock] .token.tag,
1399
+ div[data-type=codeBlock] .token.attr-name,
1400
+ div[data-type=codeBlock] .token.namespace,
1401
+ div[data-type=codeBlock] .token.deleted {
1402
+ color: #e2777a;
1403
+ }
1404
+ div[data-type=codeBlock] .token.function-name {
1405
+ color: #6196cc;
1406
+ }
1407
+ div[data-type=codeBlock] .token.boolean,
1408
+ div[data-type=codeBlock] .token.number,
1409
+ div[data-type=codeBlock] .token.function {
1410
+ color: #f08d49;
1411
+ }
1412
+ div[data-type=codeBlock] .token.property,
1413
+ div[data-type=codeBlock] .token.class-name,
1414
+ div[data-type=codeBlock] .token.constant,
1415
+ div[data-type=codeBlock] .token.symbol {
1416
+ color: #f8c555;
1417
+ }
1418
+ div[data-type=codeBlock] .token.selector,
1419
+ div[data-type=codeBlock] .token.important,
1420
+ div[data-type=codeBlock] .token.atrule,
1421
+ div[data-type=codeBlock] .token.keyword,
1422
+ div[data-type=codeBlock] .token.builtin {
1423
+ color: #cc99cd;
1424
+ }
1425
+ div[data-type=codeBlock] .token.string,
1426
+ div[data-type=codeBlock] .token.char,
1427
+ div[data-type=codeBlock] .token.attr-value,
1428
+ div[data-type=codeBlock] .token.regex,
1429
+ div[data-type=codeBlock] .token.variable {
1430
+ color: #7ec699;
1431
+ }
1432
+ div[data-type=codeBlock] .token.operator,
1433
+ div[data-type=codeBlock] .token.entity,
1434
+ div[data-type=codeBlock] .token.url {
1435
+ color: #67cdcc;
1436
+ }
1437
+ div[data-type=codeBlock] .token.important,
1438
+ div[data-type=codeBlock] .token.bold {
1439
+ font-weight: bold;
1440
+ }
1441
+ div[data-type=codeBlock] .token.italic {
1442
+ font-style: italic;
1443
+ }
1444
+ div[data-type=codeBlock] .token.entity {
1445
+ cursor: help;
1446
+ }
1447
+ div[data-type=codeBlock] .token.inserted {
1448
+ color: green;
1449
+ }
1450
+ [data-code-block-theme=default] div[data-type=codeBlock] {
1451
+ /* PrismJS 1.23.0
1452
+ 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 */
1453
+ /**
1454
+ * prism.js default theme for JavaScript, CSS and HTML
1455
+ * Based on dabblet (http://dabblet.com)
1456
+ * @author Lea Verou
1457
+ */
1458
+ /* Code blocks */
1459
+ /* Inline code */
1460
+ }
1461
+ [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
1462
+ [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
1463
+ color: black;
1464
+ background: none;
1465
+ text-shadow: 0 1px white;
1466
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1467
+ font-size: 1em;
1468
+ text-align: left;
1469
+ white-space: pre;
1470
+ word-spacing: normal;
1471
+ word-break: normal;
1472
+ word-wrap: normal;
1473
+ line-height: 1.5;
1474
+ -moz-tab-size: 4;
1475
+ -o-tab-size: 4;
1476
+ tab-size: 4;
1477
+ -webkit-hyphens: none;
1478
+ -moz-hyphens: none;
1479
+ -ms-hyphens: none;
1480
+ hyphens: none;
1481
+ }
1482
+ [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,
1483
+ [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 {
1484
+ text-shadow: none;
1485
+ background: #b3d4fc;
1486
+ }
1487
+ [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,
1488
+ [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 {
1489
+ text-shadow: none;
1490
+ background: #b3d4fc;
1491
+ }
1492
+ @media print {
1493
+ [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
1494
+ [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
1495
+ text-shadow: none;
1496
+ }
1497
+ }
1498
+ [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
1499
+ padding: 1em;
1500
+ margin: 0.5em 0;
1501
+ overflow: auto;
1502
+ }
1503
+ [data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-],
1504
+ [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
1505
+ background: #f5f2f0;
1506
+ }
1507
+ [data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1508
+ padding: 0.1em;
1509
+ border-radius: 0.3em;
1510
+ white-space: normal;
1511
+ }
1512
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.comment,
1513
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.prolog,
1514
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.doctype,
1515
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.cdata {
1516
+ color: slategray;
1517
+ }
1518
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.punctuation {
1519
+ color: #999;
1520
+ }
1521
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.namespace {
1522
+ opacity: 0.7;
1523
+ }
1524
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.property,
1525
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.tag,
1526
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.boolean,
1527
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.number,
1528
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.constant,
1529
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.symbol,
1530
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.deleted {
1531
+ color: #905;
1532
+ }
1533
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.selector,
1534
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.attr-name,
1535
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.string,
1536
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.char,
1537
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.builtin,
1538
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.inserted {
1539
+ color: #690;
1540
+ }
1541
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.operator,
1542
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.entity,
1543
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.url,
1544
+ [data-code-block-theme=default] div[data-type=codeBlock] .language-css .token.string,
1545
+ [data-code-block-theme=default] div[data-type=codeBlock] .style .token.string {
1546
+ color: #9a6e3a;
1547
+ /* This background color was intended by the author of this theme. */
1548
+ background: hsla(0deg, 0%, 100%, 0.5);
1549
+ }
1550
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.atrule,
1551
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.attr-value,
1552
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.keyword {
1553
+ color: #07a;
1554
+ }
1555
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.function,
1556
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.class-name {
1557
+ color: #DD4A68;
1558
+ }
1559
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.regex,
1560
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.important,
1561
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.variable {
1562
+ color: #e90;
1563
+ }
1564
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.important,
1565
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.bold {
1566
+ font-weight: bold;
1567
+ }
1568
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.italic {
1569
+ font-style: italic;
1570
+ }
1571
+ [data-code-block-theme=default] div[data-type=codeBlock] .token.entity {
1572
+ cursor: help;
1573
+ }
1574
+ [data-code-block-theme=dark] div[data-type=codeBlock] {
1575
+ /* PrismJS 1.23.0
1576
+ 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 */
1577
+ /**
1578
+ * prism.js Dark theme for JavaScript, CSS and HTML
1579
+ * Based on the slides of the talk “/Reg(exp){2}lained/”
1580
+ * @author Lea Verou
1581
+ */
1582
+ /* Code blocks */
1583
+ /* Inline code */
1584
+ }
1585
+ [data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
1586
+ [data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
1587
+ color: white;
1588
+ background: none;
1589
+ text-shadow: 0 -0.1em 0.2em black;
1590
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1591
+ font-size: 1em;
1592
+ text-align: left;
1593
+ white-space: pre;
1594
+ word-spacing: normal;
1595
+ word-break: normal;
1596
+ word-wrap: normal;
1597
+ line-height: 1.5;
1598
+ -moz-tab-size: 4;
1599
+ -o-tab-size: 4;
1600
+ tab-size: 4;
1601
+ -webkit-hyphens: none;
1602
+ -moz-hyphens: none;
1603
+ -ms-hyphens: none;
1604
+ hyphens: none;
1605
+ }
1606
+ @media print {
1607
+ [data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
1608
+ [data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
1609
+ text-shadow: none;
1610
+ }
1611
+ }
1612
+ [data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-],
1613
+ [data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1614
+ background: hsl(30deg, 20%, 25%);
1615
+ }
1616
+ [data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
1617
+ padding: 1em;
1618
+ margin: 0.5em 0;
1619
+ overflow: auto;
1620
+ border: 0.3em solid hsl(30deg, 20%, 40%);
1621
+ border-radius: 0.5em;
1622
+ box-shadow: 1px 1px 0.5em black inset;
1623
+ }
1624
+ [data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1625
+ padding: 0.15em 0.2em 0.05em;
1626
+ border-radius: 0.3em;
1627
+ border: 0.13em solid hsl(30deg, 20%, 40%);
1628
+ box-shadow: 1px 1px 0.3em -0.1em black inset;
1629
+ white-space: normal;
1630
+ }
1631
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.comment,
1632
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.prolog,
1633
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.doctype,
1634
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.cdata {
1635
+ color: hsl(30deg, 20%, 50%);
1636
+ }
1637
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.punctuation {
1638
+ opacity: 0.7;
1639
+ }
1640
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.namespace {
1641
+ opacity: 0.7;
1642
+ }
1643
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.property,
1644
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.tag,
1645
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.boolean,
1646
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.number,
1647
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.constant,
1648
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.symbol {
1649
+ color: hsl(350deg, 40%, 70%);
1650
+ }
1651
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.selector,
1652
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-name,
1653
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.string,
1654
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.char,
1655
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.builtin,
1656
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.inserted {
1657
+ color: hsl(75deg, 70%, 60%);
1658
+ }
1659
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.operator,
1660
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.entity,
1661
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.url,
1662
+ [data-code-block-theme=dark] div[data-type=codeBlock] .language-css .token.string,
1663
+ [data-code-block-theme=dark] div[data-type=codeBlock] .style .token.string,
1664
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.variable {
1665
+ color: hsl(40deg, 90%, 60%);
1666
+ }
1667
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.atrule,
1668
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-value,
1669
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.keyword {
1670
+ color: hsl(350deg, 40%, 70%);
1671
+ }
1672
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.regex,
1673
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.important {
1674
+ color: #e90;
1675
+ }
1676
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.important,
1677
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.bold {
1678
+ font-weight: bold;
1679
+ }
1680
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.italic {
1681
+ font-style: italic;
1682
+ }
1683
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.entity {
1684
+ cursor: help;
1685
+ }
1686
+ [data-code-block-theme=dark] div[data-type=codeBlock] .token.deleted {
1687
+ color: red;
1688
+ }
1689
+ [data-code-block-theme=funky] div[data-type=codeBlock] {
1690
+ /* PrismJS 1.23.0
1691
+ 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 */
1692
+ /**
1693
+ * prism.js Funky theme
1694
+ * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/
1695
+ * @author Lea Verou
1696
+ */
1697
+ /* Code blocks */
1698
+ /* Inline code */
1699
+ /* Plugin styles: Diff Highlight */
1700
+ }
1701
+ [data-code-block-theme=funky] div[data-type=codeBlock] code[class*=language-],
1702
+ [data-code-block-theme=funky] div[data-type=codeBlock] pre[class*=language-] {
1703
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1704
+ font-size: 1em;
1705
+ text-align: left;
1706
+ white-space: pre;
1707
+ word-spacing: normal;
1708
+ word-break: normal;
1709
+ word-wrap: normal;
1710
+ line-height: 1.5;
1711
+ -moz-tab-size: 4;
1712
+ -o-tab-size: 4;
1713
+ tab-size: 4;
1714
+ -webkit-hyphens: none;
1715
+ -moz-hyphens: none;
1716
+ -ms-hyphens: none;
1717
+ hyphens: none;
1718
+ }
1719
+ [data-code-block-theme=funky] div[data-type=codeBlock] pre[class*=language-] {
1720
+ padding: 0.4em 0.8em;
1721
+ margin: 0.5em 0;
1722
+ overflow: auto;
1723
+ 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>');
1724
+ background-size: 1em 1em;
1725
+ }
1726
+ [data-code-block-theme=funky] div[data-type=codeBlock] code[class*=language-] {
1727
+ background: black;
1728
+ color: white;
1729
+ box-shadow: -0.3em 0 0 0.3em black, 0.3em 0 0 0.3em black;
1730
+ }
1731
+ [data-code-block-theme=funky] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1732
+ padding: 0.2em;
1733
+ border-radius: 0.3em;
1734
+ box-shadow: none;
1735
+ white-space: normal;
1736
+ }
1737
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.comment,
1738
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.prolog,
1739
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.doctype,
1740
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.cdata {
1741
+ color: #aaa;
1742
+ }
1743
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.punctuation {
1744
+ color: #999;
1745
+ }
1746
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.namespace {
1747
+ opacity: 0.7;
1748
+ }
1749
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.property,
1750
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.tag,
1751
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.boolean,
1752
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.number,
1753
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.constant,
1754
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.symbol {
1755
+ color: #0cf;
1756
+ }
1757
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.selector,
1758
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.attr-name,
1759
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.string,
1760
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.char,
1761
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.builtin {
1762
+ color: yellow;
1763
+ }
1764
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.operator,
1765
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.entity,
1766
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.url,
1767
+ [data-code-block-theme=funky] div[data-type=codeBlock] .language-css .token.string,
1768
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.variable,
1769
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.inserted {
1770
+ color: yellowgreen;
1771
+ }
1772
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.atrule,
1773
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.attr-value,
1774
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.keyword {
1775
+ color: deeppink;
1776
+ }
1777
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.regex,
1778
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.important {
1779
+ color: orange;
1780
+ }
1781
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.important,
1782
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.bold {
1783
+ font-weight: bold;
1784
+ }
1785
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.italic {
1786
+ font-style: italic;
1787
+ }
1788
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.entity {
1789
+ cursor: help;
1790
+ }
1791
+ [data-code-block-theme=funky] div[data-type=codeBlock] .token.deleted {
1792
+ color: red;
1793
+ }
1794
+ [data-code-block-theme=funky] div[data-type=codeBlock] pre.diff-highlight.diff-highlight > code .token.deleted:not(.prefix),
1795
+ [data-code-block-theme=funky] div[data-type=codeBlock] pre > code.diff-highlight.diff-highlight .token.deleted:not(.prefix) {
1796
+ background-color: rgba(255, 0, 0, 0.3);
1797
+ display: inline;
1798
+ }
1799
+ [data-code-block-theme=funky] div[data-type=codeBlock] pre.diff-highlight.diff-highlight > code .token.inserted:not(.prefix),
1800
+ [data-code-block-theme=funky] div[data-type=codeBlock] pre > code.diff-highlight.diff-highlight .token.inserted:not(.prefix) {
1801
+ background-color: rgba(0, 255, 128, 0.3);
1802
+ display: inline;
1803
+ }
1804
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] {
1805
+ /* PrismJS 1.23.0
1806
+ 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 */
1807
+ /**
1808
+ * okaidia theme for JavaScript, CSS and HTML
1809
+ * Loosely based on Monokai textmate theme by http://www.monokai.nl/
1810
+ * @author ocodia
1811
+ */
1812
+ /* Code blocks */
1813
+ /* Inline code */
1814
+ }
1815
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] code[class*=language-],
1816
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
1817
+ color: #f8f8f2;
1818
+ background: none;
1819
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
1820
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1821
+ font-size: 1em;
1822
+ text-align: left;
1823
+ white-space: pre;
1824
+ word-spacing: normal;
1825
+ word-break: normal;
1826
+ word-wrap: normal;
1827
+ line-height: 1.5;
1828
+ -moz-tab-size: 4;
1829
+ -o-tab-size: 4;
1830
+ tab-size: 4;
1831
+ -webkit-hyphens: none;
1832
+ -moz-hyphens: none;
1833
+ -ms-hyphens: none;
1834
+ hyphens: none;
1835
+ }
1836
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
1837
+ padding: 1em;
1838
+ margin: 0.5em 0;
1839
+ overflow: auto;
1840
+ border-radius: 0.3em;
1841
+ }
1842
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-],
1843
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
1844
+ background: #272822;
1845
+ }
1846
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1847
+ padding: 0.1em;
1848
+ border-radius: 0.3em;
1849
+ white-space: normal;
1850
+ }
1851
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.comment,
1852
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.prolog,
1853
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.doctype,
1854
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.cdata {
1855
+ color: #8292a2;
1856
+ }
1857
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.punctuation {
1858
+ color: #f8f8f2;
1859
+ }
1860
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.namespace {
1861
+ opacity: 0.7;
1862
+ }
1863
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.property,
1864
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.tag,
1865
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.constant,
1866
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.symbol,
1867
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.deleted {
1868
+ color: #f92672;
1869
+ }
1870
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.boolean,
1871
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.number {
1872
+ color: #ae81ff;
1873
+ }
1874
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.selector,
1875
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-name,
1876
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.string,
1877
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.char,
1878
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.builtin,
1879
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.inserted {
1880
+ color: #a6e22e;
1881
+ }
1882
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.operator,
1883
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity,
1884
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.url,
1885
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .language-css .token.string,
1886
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .style .token.string,
1887
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.variable {
1888
+ color: #f8f8f2;
1889
+ }
1890
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.atrule,
1891
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-value,
1892
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.function,
1893
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.class-name {
1894
+ color: #e6db74;
1895
+ }
1896
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.keyword {
1897
+ color: #66d9ef;
1898
+ }
1899
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.regex,
1900
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important {
1901
+ color: #fd971f;
1902
+ }
1903
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important,
1904
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.bold {
1905
+ font-weight: bold;
1906
+ }
1907
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.italic {
1908
+ font-style: italic;
1909
+ }
1910
+ [data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity {
1911
+ cursor: help;
1912
+ }
1913
+ [data-code-block-theme=twilight] div[data-type=codeBlock] {
1914
+ /* PrismJS 1.23.0
1915
+ 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 */
1916
+ /**
1917
+ * prism.js Twilight theme
1918
+ * Based (more or less) on the Twilight theme originally of Textmate fame.
1919
+ * @author Remy Bach
1920
+ */
1921
+ /* Code blocks */
1922
+ /* Text Selection colour */
1923
+ /* Inline code */
1924
+ /* Markup */
1925
+ /* Make the tokens sit above the line highlight so the colours don't look faded. */
1926
+ }
1927
+ [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-],
1928
+ [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
1929
+ color: white;
1930
+ background: none;
1931
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
1932
+ font-size: 1em;
1933
+ text-align: left;
1934
+ text-shadow: 0 -0.1em 0.2em black;
1935
+ white-space: pre;
1936
+ word-spacing: normal;
1937
+ word-break: normal;
1938
+ word-wrap: normal;
1939
+ line-height: 1.5;
1940
+ -moz-tab-size: 4;
1941
+ -o-tab-size: 4;
1942
+ tab-size: 4;
1943
+ -webkit-hyphens: none;
1944
+ -moz-hyphens: none;
1945
+ -ms-hyphens: none;
1946
+ hyphens: none;
1947
+ }
1948
+ [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-],
1949
+ [data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1950
+ background: hsl(0deg, 0%, 8%); /* #141414 */
1951
+ }
1952
+ [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
1953
+ border-radius: 0.5em;
1954
+ border: 0.3em solid hsl(0deg, 0%, 33%); /* #282A2B */
1955
+ box-shadow: 1px 1px 0.5em black inset;
1956
+ margin: 0.5em 0;
1957
+ overflow: auto;
1958
+ padding: 1em;
1959
+ }
1960
+ [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection {
1961
+ /* Firefox */
1962
+ background: hsl(200deg, 4%, 16%); /* #282A2B */
1963
+ }
1964
+ [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection {
1965
+ /* Safari */
1966
+ background: hsl(200deg, 4%, 16%); /* #282A2B */
1967
+ }
1968
+ [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,
1969
+ [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 {
1970
+ text-shadow: none;
1971
+ background: hsla(0deg, 0%, 93%, 0.15); /* #EDEDED */
1972
+ }
1973
+ [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,
1974
+ [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 {
1975
+ text-shadow: none;
1976
+ background: hsla(0deg, 0%, 93%, 0.15); /* #EDEDED */
1977
+ }
1978
+ [data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
1979
+ border-radius: 0.3em;
1980
+ border: 0.13em solid hsl(0deg, 0%, 33%); /* #545454 */
1981
+ box-shadow: 1px 1px 0.3em -0.1em black inset;
1982
+ padding: 0.15em 0.2em 0.05em;
1983
+ white-space: normal;
1984
+ }
1985
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.comment,
1986
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.prolog,
1987
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.doctype,
1988
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.cdata {
1989
+ color: hsl(0deg, 0%, 47%); /* #777777 */
1990
+ }
1991
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.punctuation {
1992
+ opacity: 0.7;
1993
+ }
1994
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.namespace {
1995
+ opacity: 0.7;
1996
+ }
1997
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.tag,
1998
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.boolean,
1999
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.number,
2000
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.deleted {
2001
+ color: hsl(14deg, 58%, 55%); /* #CF6A4C */
2002
+ }
2003
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.keyword,
2004
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.property,
2005
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.selector,
2006
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.constant,
2007
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.symbol,
2008
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.builtin {
2009
+ color: hsl(53deg, 89%, 79%); /* #F9EE98 */
2010
+ }
2011
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-name,
2012
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-value,
2013
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.string,
2014
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.char,
2015
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.operator,
2016
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity,
2017
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.url,
2018
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .language-css .token.string,
2019
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .style .token.string,
2020
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.variable,
2021
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.inserted {
2022
+ color: hsl(76deg, 21%, 52%); /* #8F9D6A */
2023
+ }
2024
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.atrule {
2025
+ color: hsl(218deg, 22%, 55%); /* #7587A6 */
2026
+ }
2027
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.regex,
2028
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.important {
2029
+ color: hsl(42deg, 75%, 65%); /* #E9C062 */
2030
+ }
2031
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.important,
2032
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.bold {
2033
+ font-weight: bold;
2034
+ }
2035
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.italic {
2036
+ font-style: italic;
2037
+ }
2038
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity {
2039
+ cursor: help;
2040
+ }
2041
+ [data-code-block-theme=twilight] div[data-type=codeBlock] pre[data-line] {
2042
+ padding: 1em 0 1em 3em;
2043
+ position: relative;
2044
+ }
2045
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.tag,
2046
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.attr-name,
2047
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.punctuation {
2048
+ color: hsl(33deg, 33%, 52%); /* #AC885B */
2049
+ }
2050
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .token {
2051
+ position: relative;
2052
+ z-index: 1;
2053
+ }
2054
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight {
2055
+ background: hsla(0deg, 0%, 33%, 0.25); /* #545454 */
2056
+ background: linear-gradient(to right, hsla(0deg, 0%, 33%, 0.1) 70%, hsla(0deg, 0%, 33%, 0)); /* #545454 */
2057
+ border-bottom: 1px dashed hsl(0deg, 0%, 33%); /* #545454 */
2058
+ border-top: 1px dashed hsl(0deg, 0%, 33%); /* #545454 */
2059
+ left: 0;
2060
+ line-height: inherit;
2061
+ margin-top: 0.75em; /* Same as .prism’s padding-top */
2062
+ padding: inherit 0;
2063
+ pointer-events: none;
2064
+ position: absolute;
2065
+ right: 0;
2066
+ white-space: pre;
2067
+ z-index: 0;
2068
+ }
2069
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight:before,
2070
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
2071
+ background-color: hsl(215deg, 15%, 59%); /* #8794A6 */
2072
+ border-radius: 999px;
2073
+ box-shadow: 0 1px white;
2074
+ color: hsl(24deg, 20%, 95%); /* #F5F2F0 */
2075
+ content: attr(data-start);
2076
+ font: bold 65%/1.5 sans-serif;
2077
+ left: 0.6em;
2078
+ min-width: 1em;
2079
+ padding: 0 0.5em;
2080
+ position: absolute;
2081
+ text-align: center;
2082
+ text-shadow: none;
2083
+ top: 0.4em;
2084
+ vertical-align: 0.3em;
2085
+ }
2086
+ [data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
2087
+ bottom: 0.4em;
2088
+ content: attr(data-end);
2089
+ top: auto;
2090
+ }
2091
+ [data-code-block-theme=coy] div[data-type=codeBlock] {
2092
+ /* PrismJS 1.23.0
2093
+ 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 */
2094
+ /**
2095
+ * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
2096
+ * 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);
2097
+ * @author Tim Shedor
2098
+ */
2099
+ /* Code blocks */
2100
+ /* Margin bottom to accommodate shadow */
2101
+ /* Inline code */
2102
+ /* Plugin styles: Line Numbers */
2103
+ /* Plugin styles: Line Highlight */
2104
+ }
2105
+ [data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-],
2106
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
2107
+ color: black;
2108
+ background: none;
2109
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
2110
+ font-size: 1em;
2111
+ text-align: left;
2112
+ white-space: pre;
2113
+ word-spacing: normal;
2114
+ word-break: normal;
2115
+ word-wrap: normal;
2116
+ line-height: 1.5;
2117
+ -moz-tab-size: 4;
2118
+ -o-tab-size: 4;
2119
+ tab-size: 4;
2120
+ -webkit-hyphens: none;
2121
+ -moz-hyphens: none;
2122
+ -ms-hyphens: none;
2123
+ hyphens: none;
2124
+ }
2125
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
2126
+ position: relative;
2127
+ margin: 0.5em 0;
2128
+ overflow-y: hidden;
2129
+ padding: 0;
2130
+ }
2131
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] > code {
2132
+ position: relative;
2133
+ border-left: 10px solid #358ccb;
2134
+ box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
2135
+ background-color: #fdfdfd;
2136
+ background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
2137
+ background-size: 3em 3em;
2138
+ background-origin: content-box;
2139
+ background-attachment: local;
2140
+ }
2141
+ [data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-] {
2142
+ max-height: inherit;
2143
+ height: inherit;
2144
+ padding: 0 1em;
2145
+ display: block;
2146
+ }
2147
+ [data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-],
2148
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
2149
+ background-color: #fdfdfd;
2150
+ -webkit-box-sizing: border-box;
2151
+ -moz-box-sizing: border-box;
2152
+ box-sizing: border-box;
2153
+ margin-bottom: 1em;
2154
+ }
2155
+ [data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
2156
+ position: relative;
2157
+ padding: 0.2em;
2158
+ border-radius: 0.3em;
2159
+ color: #c92c2c;
2160
+ border: 1px solid rgba(0, 0, 0, 0.1);
2161
+ display: inline;
2162
+ white-space: normal;
2163
+ }
2164
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
2165
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
2166
+ content: "";
2167
+ z-index: -2;
2168
+ display: block;
2169
+ position: absolute;
2170
+ bottom: 0.75em;
2171
+ left: 0.18em;
2172
+ width: 40%;
2173
+ height: 20%;
2174
+ max-height: 13em;
2175
+ box-shadow: 0px 13px 8px #979797;
2176
+ -webkit-transform: rotate(-2deg);
2177
+ -moz-transform: rotate(-2deg);
2178
+ -ms-transform: rotate(-2deg);
2179
+ -o-transform: rotate(-2deg);
2180
+ transform: rotate(-2deg);
2181
+ }
2182
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
2183
+ right: 0.75em;
2184
+ left: auto;
2185
+ -webkit-transform: rotate(2deg);
2186
+ -moz-transform: rotate(2deg);
2187
+ -ms-transform: rotate(2deg);
2188
+ -o-transform: rotate(2deg);
2189
+ transform: rotate(2deg);
2190
+ }
2191
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.comment,
2192
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.block-comment,
2193
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.prolog,
2194
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.doctype,
2195
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.cdata {
2196
+ color: #7D8B99;
2197
+ }
2198
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.punctuation {
2199
+ color: #5F6364;
2200
+ }
2201
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.property,
2202
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.tag,
2203
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.boolean,
2204
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.number,
2205
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.function-name,
2206
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.constant,
2207
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.symbol,
2208
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.deleted {
2209
+ color: #c92c2c;
2210
+ }
2211
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.selector,
2212
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-name,
2213
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.string,
2214
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.char,
2215
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.function,
2216
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.builtin,
2217
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.inserted {
2218
+ color: #2f9c0a;
2219
+ }
2220
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.operator,
2221
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.entity,
2222
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.url,
2223
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.variable {
2224
+ color: #a67f59;
2225
+ background: rgba(255, 255, 255, 0.5);
2226
+ }
2227
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.atrule,
2228
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-value,
2229
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.keyword,
2230
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.class-name {
2231
+ color: #1990b8;
2232
+ }
2233
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.regex,
2234
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
2235
+ color: #e90;
2236
+ }
2237
+ [data-code-block-theme=coy] div[data-type=codeBlock] .language-css .token.string,
2238
+ [data-code-block-theme=coy] div[data-type=codeBlock] .style .token.string {
2239
+ color: #a67f59;
2240
+ background: rgba(255, 255, 255, 0.5);
2241
+ }
2242
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
2243
+ font-weight: normal;
2244
+ }
2245
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.bold {
2246
+ font-weight: bold;
2247
+ }
2248
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.italic {
2249
+ font-style: italic;
2250
+ }
2251
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.entity {
2252
+ cursor: help;
2253
+ }
2254
+ [data-code-block-theme=coy] div[data-type=codeBlock] .token.namespace {
2255
+ opacity: 0.7;
2256
+ }
2257
+ @media screen and (max-width: 767px) {
2258
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
2259
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
2260
+ bottom: 14px;
2261
+ box-shadow: none;
2262
+ }
2263
+ }
2264
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers {
2265
+ padding-left: 0;
2266
+ }
2267
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers code {
2268
+ padding-left: 3.8em;
2269
+ }
2270
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers .line-numbers-rows {
2271
+ left: 0;
2272
+ }
2273
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-][data-line] {
2274
+ padding-top: 0;
2275
+ padding-bottom: 0;
2276
+ padding-left: 0;
2277
+ }
2278
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre[data-line] code {
2279
+ position: relative;
2280
+ padding-left: 4em;
2281
+ }
2282
+ [data-code-block-theme=coy] div[data-type=codeBlock] pre .line-highlight {
2283
+ margin-top: 0;
2284
+ }
2285
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] {
2286
+ /* PrismJS 1.23.0
2287
+ https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript */
2288
+ /*
2289
+ Solarized Color Schemes originally by Ethan Schoonover
2290
+ http://ethanschoonover.com/solarized
2291
+
2292
+ Ported for PrismJS by Hector Matos
2293
+ Website: https://krakendev.io
2294
+ Twitter Handle: https://twitter.com/allonsykraken)
2295
+ */
2296
+ /*
2297
+ SOLARIZED HEX
2298
+ --------- -------
2299
+ base03 #002b36
2300
+ base02 #073642
2301
+ base01 #586e75
2302
+ base00 #657b83
2303
+ base0 #839496
2304
+ base1 #93a1a1
2305
+ base2 #eee8d5
2306
+ base3 #fdf6e3
2307
+ yellow #b58900
2308
+ orange #cb4b16
2309
+ red #dc322f
2310
+ magenta #d33682
2311
+ violet #6c71c4
2312
+ blue #268bd2
2313
+ cyan #2aa198
2314
+ green #859900
2315
+ */
2316
+ /* Code blocks */
2317
+ /* Inline code */
2318
+ }
2319
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-],
2320
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
2321
+ color: #657b83; /* base00 */
2322
+ font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
2323
+ font-size: 1em;
2324
+ text-align: left;
2325
+ white-space: pre;
2326
+ word-spacing: normal;
2327
+ word-break: normal;
2328
+ word-wrap: normal;
2329
+ line-height: 1.5;
2330
+ -moz-tab-size: 4;
2331
+ -o-tab-size: 4;
2332
+ tab-size: 4;
2333
+ -webkit-hyphens: none;
2334
+ -moz-hyphens: none;
2335
+ -ms-hyphens: none;
2336
+ hyphens: none;
2337
+ }
2338
+ [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,
2339
+ [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 {
2340
+ background: #073642; /* base02 */
2341
+ }
2342
+ [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,
2343
+ [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 {
2344
+ background: #073642; /* base02 */
2345
+ }
2346
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
2347
+ padding: 1em;
2348
+ margin: 0.5em 0;
2349
+ overflow: auto;
2350
+ border-radius: 0.3em;
2351
+ }
2352
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-],
2353
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
2354
+ background-color: #fdf6e3; /* base3 */
2355
+ }
2356
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
2357
+ padding: 0.1em;
2358
+ border-radius: 0.3em;
2359
+ }
2360
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.comment,
2361
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.prolog,
2362
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.doctype,
2363
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.cdata {
2364
+ color: #93a1a1; /* base1 */
2365
+ }
2366
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.punctuation {
2367
+ color: #586e75; /* base01 */
2368
+ }
2369
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.namespace {
2370
+ opacity: 0.7;
2371
+ }
2372
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.property,
2373
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.tag,
2374
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.boolean,
2375
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.number,
2376
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.constant,
2377
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.symbol,
2378
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.deleted {
2379
+ color: #268bd2; /* blue */
2380
+ }
2381
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.selector,
2382
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-name,
2383
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.string,
2384
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.char,
2385
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.builtin,
2386
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.url,
2387
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.inserted {
2388
+ color: #2aa198; /* cyan */
2389
+ }
2390
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
2391
+ color: #657b83; /* base00 */
2392
+ background: #eee8d5; /* base2 */
2393
+ }
2394
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.atrule,
2395
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-value,
2396
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.keyword {
2397
+ color: #859900; /* green */
2398
+ }
2399
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.function,
2400
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.class-name {
2401
+ color: #b58900; /* yellow */
2402
+ }
2403
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.regex,
2404
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
2405
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.variable {
2406
+ color: #cb4b16; /* orange */
2407
+ }
2408
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
2409
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.bold {
2410
+ font-weight: bold;
2411
+ }
2412
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.italic {
2413
+ font-style: italic;
2414
+ }
2415
+ [data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
2416
+ cursor: help;
2417
+ }
2418
+
2419
+ .cherry-detail details {
2420
+ background: rgba(248, 249, 250, 0.6666666667);
2421
+ border-radius: 8px;
2422
+ overflow: hidden;
2423
+ margin-bottom: 10px;
2424
+ }
2425
+ .cherry-detail details summary {
2426
+ user-select: none;
2427
+ padding: 5px 10px;
2428
+ background-color: #6c757d;
2429
+ color: #fff;
2430
+ border-radius: 8px;
2431
+ }
2432
+ .cherry-detail details .cherry-detail-body {
2433
+ padding: 15px 25px 0 25px;
2434
+ }
2435
+
2436
+ .cherry-detail__multiple {
2437
+ border-radius: 8px;
2438
+ overflow: hidden;
2439
+ }
2440
+ .cherry-detail__multiple details {
2441
+ margin-bottom: 1px;
2442
+ border-radius: 0;
2443
+ border: none;
2444
+ }
2445
+ .cherry-detail__multiple details summary {
2446
+ border-radius: 0;
2447
+ }
2448
+
2449
+ .cherry-text-align__center table {
2450
+ margin-left: auto;
2451
+ margin-right: auto;
2452
+ }
2453
+
2454
+ .cherry-text-align__right table {
2455
+ margin-left: auto;
2456
+ }
2457
+
2458
+ .cherry-panel {
2459
+ margin: 10px 0;
2460
+ overflow: hidden;
2461
+ border-radius: 8px;
2462
+ box-sizing: border-box;
2463
+ border: 0.5px solid;
2464
+ }
2465
+ .cherry-panel .cherry-panel--title {
2466
+ color: #fff;
2467
+ padding: 5px 20px;
2468
+ }
2469
+ .cherry-panel .cherry-panel--title.cherry-panel--title__not-empty::before {
2470
+ font-family: "ch-icon";
2471
+ margin: 0 12px 0 -6px;
2472
+ vertical-align: bottom;
2473
+ }
2474
+ .cherry-panel .cherry-panel--body {
2475
+ padding: 5px 20px;
2476
+ }
2477
+
2478
+ .cherry-panel__primary {
2479
+ background-color: #cfe2ff;
2480
+ color: #0a58ca;
2481
+ }
2482
+ .cherry-panel__primary .cherry-panel--title {
2483
+ background-color: #0d6dfe;
2484
+ }
2485
+ .cherry-panel__primary .cherry-panel--title.cherry-panel--title__not-empty::before {
2486
+ content: "\ea6a";
2487
+ }
2488
+
2489
+ .cherry-panel__info {
2490
+ background-color: #cff4fc;
2491
+ color: #087990;
2492
+ }
2493
+ .cherry-panel__info .cherry-panel--title {
2494
+ background-color: #099cba;
2495
+ }
2496
+ .cherry-panel__info .cherry-panel--title.cherry-panel--title__not-empty::before {
2497
+ content: "\ea69";
2498
+ }
2499
+
2500
+ .cherry-panel__warning {
2501
+ background-color: #fff3cd;
2502
+ color: #997404;
2503
+ }
2504
+ .cherry-panel__warning .cherry-panel--title {
2505
+ background-color: #b38806;
2506
+ }
2507
+ .cherry-panel__warning .cherry-panel--title.cherry-panel--title__not-empty::before {
2508
+ content: "\ea6b";
2509
+ }
2510
+
2511
+ .cherry-panel__danger {
2512
+ background-color: #f8d7da;
2513
+ color: #b02a37;
2514
+ }
2515
+ .cherry-panel__danger .cherry-panel--title {
2516
+ background-color: #dc3545;
2517
+ }
2518
+ .cherry-panel__danger .cherry-panel--title.cherry-panel--title__not-empty::before {
2519
+ content: "\ea68";
2520
+ }
2521
+
2522
+ .cherry-panel__success {
2523
+ background-color: #d1e7dd;
2524
+ color: #146c43;
2525
+ }
2526
+ .cherry-panel__success .cherry-panel--title {
2527
+ background-color: #198754;
2528
+ }
2529
+ .cherry-panel__success .cherry-panel--title.cherry-panel--title__not-empty::before {
2530
+ content: "\ea67";
2531
+ }
2532
+
2533
+ .cherry .doing-resize-img {
2534
+ -moz-user-select: none;
2535
+ -webkit-user-select: none;
2536
+ user-select: none;
2537
+ }
2538
+ .cherry .cherry-previewer img {
2539
+ transition: all 0.1s;
2540
+ }
2541
+ .cherry .cherry-previewer-img-size-handler {
2542
+ position: absolute;
2543
+ box-shadow: 0 1px 4px 0 rgba(20, 81, 154, 0.5);
2544
+ border: 1px solid #3582fb;
2545
+ box-sizing: content-box;
2546
+ pointer-events: none;
2547
+ }
2548
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points {
2549
+ position: absolute;
2550
+ height: 10px;
2551
+ width: 10px;
2552
+ margin-top: -7px;
2553
+ margin-left: -7px;
2554
+ border-radius: 9px;
2555
+ background: #3582fb;
2556
+ border: 2px solid #fff;
2557
+ box-sizing: content-box;
2558
+ box-shadow: 0px 2px 2px 0px rgba(20, 81, 154, 0.5);
2559
+ pointer-events: all;
2560
+ }
2561
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__background {
2562
+ background-repeat: no-repeat;
2563
+ background-size: 100% 100%;
2564
+ opacity: 0.5;
2565
+ width: 100%;
2566
+ height: 100%;
2567
+ }
2568
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftTop {
2569
+ cursor: nw-resize;
2570
+ }
2571
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightTop {
2572
+ cursor: sw-resize;
2573
+ }
2574
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftBottom {
2575
+ cursor: sw-resize;
2576
+ }
2577
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightBottom {
2578
+ cursor: nw-resize;
2579
+ }
2580
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-middleTop {
2581
+ cursor: n-resize;
2582
+ }
2583
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-middleBottom {
2584
+ cursor: n-resize;
2585
+ }
2586
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftMiddle {
2587
+ cursor: e-resize;
2588
+ }
2589
+ .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightMiddle {
2590
+ cursor: e-resize;
2591
+ }
2592
+ .cherry .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input {
2593
+ position: absolute;
2594
+ }
2595
+ .cherry .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
2596
+ width: 100%;
2597
+ height: 100%;
2598
+ border: 0;
2599
+ box-sizing: border-box;
2600
+ resize: none;
2601
+ outline: 1px solid #3582fb;
2602
+ word-break: break-all;
2603
+ }
2604
+ .cherry .cherry-previewer-codeBlock-content-handler .cherry-previewer-codeBlock-content-handler__input {
2605
+ position: absolute;
2606
+ }
2607
+ .cherry .cherry-previewer-table-hover-handler {
2608
+ position: absolute;
2609
+ pointer-events: none;
2610
+ z-index: 999;
2611
+ }
2612
+ .cherry .cherry-previewer-table-hover-handler-container {
2613
+ position: relative;
2614
+ height: 100%;
2615
+ padding: 0;
2616
+ margin: 0;
2617
+ list-style-type: none;
2618
+ }
2619
+ .cherry .cherry-previewer-table-hover-handler__symbol {
2620
+ pointer-events: auto;
2621
+ display: flex;
2622
+ justify-content: center;
2623
+ position: absolute;
2624
+ color: #3582fb;
2625
+ width: 12px;
2626
+ height: 12px;
2627
+ line-height: 12px;
2628
+ border: 1px solid rgba(53, 130, 251, 0);
2629
+ background-color: rgba(255, 255, 255, 0);
2630
+ cursor: pointer;
2631
+ transition: all 0.3s;
2632
+ }
2633
+ .cherry .cherry-previewer-table-hover-handler__symbol:hover {
2634
+ background-color: rgba(53, 130, 251, 0.5333333333);
2635
+ color: #FFF;
2636
+ }
2637
+ .cherry .cherry-highlight-line {
2638
+ background-color: rgba(255, 255, 204, 0.5333333333);
2639
+ }
2640
+
2641
+ @media print {
2642
+ img, figure, pre, table {
2643
+ page-break-inside: avoid;
2644
+ }
2645
+ .cherry-previewer {
2646
+ width: 100% !important;
2647
+ max-height: none;
2648
+ border-left: none !important;
2649
+ }
2650
+ .cherry-toolbar, .cherry-sidebar, .cherry-editor, .cherry-drag {
2651
+ display: none !important;
2652
+ }
2653
+ }
2654
+ .cherry-insert-formula-wrappler {
2655
+ width: 610px !important;
2656
+ height: 300px !important;
2657
+ padding: 15px;
2658
+ display: flex;
2659
+ position: fixed !important;
2660
+ z-index: 9999999;
2661
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
2662
+ box-sizing: border-box;
2663
+ border-radius: 10px;
2664
+ background-color: #FFF !important;
2665
+ overflow: hidden;
2666
+ }
2667
+ .cherry-insert-formula-wrappler .cherry-insert-formula-more {
2668
+ position: absolute;
2669
+ bottom: 0;
2670
+ font-size: 12px;
2671
+ }
2672
+ .cherry-insert-formula-wrappler .cherry-insert-formula-tabs {
2673
+ width: 100px;
2674
+ height: 100%;
2675
+ list-style: none;
2676
+ padding: 0;
2677
+ margin: 0;
2678
+ margin-right: 10px;
2679
+ }
2680
+ .cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab {
2681
+ width: 100%;
2682
+ height: 30px;
2683
+ text-align: center;
2684
+ border: 1px solid #fff;
2685
+ display: flex;
2686
+ flex-direction: column;
2687
+ justify-content: center;
2688
+ align-items: center;
2689
+ cursor: pointer;
2690
+ }
2691
+ .cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab > a {
2692
+ display: block;
2693
+ text-decoration: none;
2694
+ user-select: none;
2695
+ user-select: none;
2696
+ }
2697
+ .cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab:not(:first-child) {
2698
+ margin-top: 10px;
2699
+ }
2700
+ .cherry-insert-formula-wrappler .cherry-insert-formula-tabs .cherry-insert-formula-tab.active {
2701
+ color: black;
2702
+ border: 1px solid #000;
2703
+ border-radius: 5px;
2704
+ }
2705
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select {
2706
+ height: 100%;
2707
+ flex: 1;
2708
+ display: none;
2709
+ overflow-y: scroll;
2710
+ }
2711
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary {
2712
+ width: 130px;
2713
+ }
2714
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary:not(:first-child) {
2715
+ margin-top: 10px;
2716
+ }
2717
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func {
2718
+ min-width: 200px;
2719
+ height: 260px;
2720
+ position: absolute;
2721
+ left: 255px;
2722
+ top: 0;
2723
+ z-index: 100;
2724
+ padding: 20px 10px;
2725
+ background-color: #fff;
2726
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
2727
+ display: none;
2728
+ overflow-y: scroll;
2729
+ }
2730
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-categary {
2731
+ border-top: 1px solid rgb(233, 236, 239);
2732
+ border-bottom: 1px solid rgb(233, 236, 239);
2733
+ margin-bottom: 10px;
2734
+ overflow: hidden;
2735
+ text-overflow: ellipsis;
2736
+ white-space: nowrap;
2737
+ }
2738
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item {
2739
+ cursor: pointer;
2740
+ border: 1px solid #fff;
2741
+ display: inline-block;
2742
+ text-align: center;
2743
+ background-color: #f8f9fa;
2744
+ margin: 2px;
2745
+ padding: 2px;
2746
+ vertical-align: middle;
2747
+ line-height: 30px;
2748
+ border-color: #f8f9fa;
2749
+ border-radius: 5px;
2750
+ }
2751
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item:hover {
2752
+ border-color: #dae0e5;
2753
+ background-color: #e2e6ea;
2754
+ }
2755
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func .cherry-insert-formula-categary__func-item svg {
2756
+ pointer-events: none;
2757
+ }
2758
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__func:hover {
2759
+ display: block;
2760
+ }
2761
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn {
2762
+ cursor: pointer;
2763
+ display: inline-block;
2764
+ font-weight: 400;
2765
+ text-align: center;
2766
+ vertical-align: middle;
2767
+ user-select: none;
2768
+ background-color: transparent;
2769
+ border: 1px solid transparent;
2770
+ padding: 0.375rem 0.75rem;
2771
+ font-size: 1rem;
2772
+ line-height: 1.5;
2773
+ border-radius: 0.25rem;
2774
+ width: 100%;
2775
+ }
2776
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn > img {
2777
+ width: 100%;
2778
+ height: 60%;
2779
+ }
2780
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn:hover {
2781
+ color: #3582fb;
2782
+ }
2783
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .cherry-insert-formula-categary__btn:hover + .cherry-insert-formula-categary__func {
2784
+ float: left;
2785
+ display: block;
2786
+ }
2787
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select .cherry-insert-formula-categary .btn-light {
2788
+ color: #212529;
2789
+ background-color: #ebecf2;
2790
+ border-color: #f8f9fa;
2791
+ }
2792
+ .cherry-insert-formula-wrappler .cherry-insert-formula-select.active {
2793
+ display: block;
2794
+ }
2795
+
2796
+ .no-scrollbar {
2797
+ -ms-overflow-style: none;
2798
+ scrollbar-width: none;
2799
+ }
2800
+
2801
+ .no-scrollbar::-webkit-scrollbar {
2802
+ display: none;
2803
+ }
2804
+
2805
+ .formula-utils-bubble-container {
2806
+ width: 350px;
2807
+ height: 40px;
2808
+ background-color: #fff;
2809
+ position: fixed;
2810
+ left: 0;
2811
+ top: 0;
2812
+ display: none;
2813
+ z-index: 1000;
2814
+ box-sizing: border-box;
2815
+ }
2816
+ .formula-utils-bubble-container .formula-utils-btn {
2817
+ flex: 1;
2818
+ position: relative;
2819
+ }
2820
+ .formula-utils-bubble-container .formula-utils-btn > button {
2821
+ width: 100%;
2822
+ height: 100%;
2823
+ border: 1px solid #fff;
2824
+ background-color: #ebecf2;
2825
+ cursor: pointer;
2826
+ border-radius: 5px;
2827
+ }
2828
+ .formula-utils-bubble-container .formula-utils-btn > button:hover {
2829
+ background-color: #eee;
2830
+ }
2831
+ .formula-utils-bubble-container .formula-utils-btn > button:focus {
2832
+ outline: none;
2833
+ }
2834
+ .formula-utils-bubble-container .formula-utils-btn > button:active {
2835
+ background-color: #ddd;
2836
+ }
2837
+ .formula-utils-bubble-container .formula-utils-btn > button:hover + .formula-utils-submenu {
2838
+ display: block;
2839
+ }
2840
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu {
2841
+ position: absolute;
2842
+ display: none;
2843
+ width: 100%;
2844
+ background-color: #fff;
2845
+ border: 1px solid #f8f9fa;
2846
+ left: 0;
2847
+ top: 100%;
2848
+ box-shadow: 0 0 5px #f8f9fa;
2849
+ }
2850
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu:hover {
2851
+ display: block;
2852
+ }
2853
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div {
2854
+ width: 100%;
2855
+ height: 40px;
2856
+ }
2857
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button {
2858
+ width: 100%;
2859
+ height: 100%;
2860
+ border: 1px solid #fff;
2861
+ background-color: #fff;
2862
+ cursor: pointer;
2863
+ }
2864
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:hover {
2865
+ background-color: #eee;
2866
+ }
2867
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:focus {
2868
+ outline: none;
2869
+ }
2870
+ .formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:active {
2871
+ background-color: #ddd;
2872
+ }
2873
+
2874
+ .cherry {
2875
+ display: flex;
2876
+ flex-flow: row wrap;
2877
+ align-items: stretch;
2878
+ align-content: flex-start;
2879
+ height: 100%;
2880
+ min-height: 100px;
2881
+ position: relative;
2882
+ }
2883
+ .cherry .cherry-editor,
2884
+ .cherry .cherry-previewer {
2885
+ max-height: calc(100% - 48px);
2886
+ min-height: calc(100% - 48px);
2887
+ }
2888
+ .cherry .CodeMirror {
2889
+ height: 100%;
2890
+ }
2891
+ .cherry.cherry--no-toolbar .cherry-toolbar,
2892
+ .cherry.cherry--no-toolbar .cherry-sidebar {
2893
+ height: 0;
2894
+ display: none;
2895
+ }
2896
+ .cherry.cherry--no-toolbar .cherry-editor,
2897
+ .cherry.cherry--no-toolbar .cherry-previewer {
2898
+ max-height: 100%;
2899
+ min-height: 100%;
2900
+ }
2901
+
2902
+ .cherry {
2903
+ font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
2904
+ font-size: 16px;
2905
+ line-height: 27px;
2906
+ color: #3f4a56;
2907
+ background: #f8fafb;
2908
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
2909
+ }
2910
+ .cherry .ch-icon {
2911
+ vertical-align: middle;
2912
+ }
2913
+ .cherry .clearfix {
2914
+ zoom: 1;
2915
+ }
2916
+ .cherry .clearfix:after {
2917
+ content: ".";
2918
+ display: block;
2919
+ height: 0;
2920
+ clear: both;
2921
+ visibility: hidden;
2922
+ overflow: hidden;
2923
+ font-size: 0;
2924
+ }
2925
+ .cherry.fullscreen {
2926
+ position: fixed;
2927
+ top: 0;
2928
+ left: 0;
2929
+ right: 0;
2930
+ bottom: 0;
2931
+ z-index: 99;
2932
+ }
2933
+ .cherry .no-select {
2934
+ -webkit-touch-callout: none;
2935
+ -webkit-user-select: none;
2936
+ -khtml-user-select: none;
2937
+ -moz-user-select: none;
2938
+ -ms-user-select: none;
2939
+ user-select: none;
2940
+ }
2941
+ .cherry .cherry-insert-table-menu {
2942
+ display: block;
2943
+ position: fixed;
2944
+ top: 40px;
2945
+ left: 40px;
2946
+ border-collapse: separate;
2947
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
2948
+ padding: 4px;
2949
+ border-radius: 3px;
2950
+ width: auto;
2951
+ height: auto;
2952
+ }
2953
+ .cherry .cherry-insert-table-menu-item {
2954
+ padding: 7px;
2955
+ border: 1px solid #dfe6ee;
2956
+ }
2957
+ .cherry .cherry-insert-table-menu-item.active {
2958
+ background-color: #ebf3ff;
2959
+ }
2960
+ .cherry[data-toolbar-theme=dark] .cherry-insert-table-menu-item {
2961
+ border-color: rgba(255, 255, 255, 0.2);
2962
+ }
2963
+ .cherry[data-toolbar-theme=dark] .cherry-insert-table-menu-item.active {
2964
+ background-color: #d7e6fe;
2965
+ }
2966
+
2967
+ .cherry-dropdown {
2968
+ position: absolute;
2969
+ width: 130px;
2970
+ min-height: 40px;
2971
+ background: #fff;
2972
+ box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
2973
+ margin-left: -60px;
2974
+ z-index: 11;
2975
+ }
2976
+ .cherry-dropdown-item {
2977
+ width: 100%;
2978
+ padding: 0 15px;
2979
+ text-align: left;
2980
+ display: inline-block;
2981
+ height: 36px;
2982
+ line-height: 36px;
2983
+ font-size: 14px;
2984
+ font-style: normal;
2985
+ cursor: pointer;
2986
+ box-sizing: border-box;
2987
+ }
2988
+ .cherry-dropdown-item:hover {
2989
+ background: #ebf3ff;
2990
+ color: #5d9bfc;
2991
+ }
2992
+ .cherry-dropdown-item .ch-icon {
2993
+ margin-right: 10px;
2994
+ }
2995
+ [data-toolbar-theme=dark] .cherry-dropdown {
2996
+ background: #20304b;
2997
+ }
2998
+ [data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item {
2999
+ background: transparent;
3000
+ color: #d7e6fe;
3001
+ }
3002
+ [data-toolbar-theme=dark] .cherry-dropdown .cherry-dropdown-item:hover {
3003
+ background: rgba(255, 255, 255, 0.1);
3004
+ color: #fff;
3005
+ }
3006
+
3007
+ .cherry-toolbar {
3008
+ position: relative;
3009
+ display: flex;
3010
+ justify-content: space-between;
3011
+ padding: 0 20px;
3012
+ height: 48px;
3013
+ font-size: 14px;
3014
+ line-height: 2.8;
3015
+ flex-basis: 100%;
3016
+ box-sizing: border-box;
3017
+ z-index: 2;
3018
+ user-select: none;
3019
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
3020
+ background: white;
3021
+ overflow: hidden;
3022
+ }
3023
+ .cherry-toolbar .icon-loading.loading {
3024
+ display: inline-block;
3025
+ width: 8px;
3026
+ height: 8px;
3027
+ }
3028
+ .cherry-toolbar .icon-loading.loading:after {
3029
+ content: " ";
3030
+ display: block;
3031
+ width: 8px;
3032
+ height: 8px;
3033
+ margin-left: 2px;
3034
+ margin-top: -2px;
3035
+ border-radius: 50%;
3036
+ border: 2px solid #000;
3037
+ border-color: #000 transparent #000 transparent;
3038
+ animation: loading 1.2s linear infinite;
3039
+ }
3040
+ [data-toolbar-theme=dark] .cherry-toolbar {
3041
+ background: #20304b;
3042
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
3043
+ }
3044
+ [data-toolbar-theme=dark] .cherry-toolbar .cherry-toolbar-button {
3045
+ color: #d7e6fe;
3046
+ background: transparent;
3047
+ }
3048
+ [data-toolbar-theme=dark] .cherry-toolbar .cherry-toolbar-button:hover {
3049
+ color: #fff;
3050
+ background: rgba(255, 255, 255, 0.1);
3051
+ }
3052
+ .cherry-toolbar .toolbar-left,
3053
+ .cherry-toolbar .toolbar-right {
3054
+ display: flex;
3055
+ align-items: center;
3056
+ height: 48px;
3057
+ overflow: hidden;
3058
+ }
3059
+ .cherry-toolbar .toolbar-left {
3060
+ flex: 0 0 auto;
3061
+ margin-right: 20px;
3062
+ }
3063
+ .cherry-toolbar .toolbar-right {
3064
+ flex: 0 1 auto;
3065
+ flex-direction: row-reverse;
3066
+ margin-left: 10px;
3067
+ box-sizing: border-box;
3068
+ }
3069
+ .cherry-toolbar.preview-only .cherry-toolbar-button {
3070
+ display: none;
3071
+ }
3072
+ .cherry-toolbar.preview-only .cherry-toolbar-switchPreview {
3073
+ display: inline;
3074
+ }
3075
+ .cherry-toolbar-button {
3076
+ float: left;
3077
+ padding: 0 12px;
3078
+ height: 38px;
3079
+ color: #3f4a56;
3080
+ background: transparent;
3081
+ border: 1px solid transparent;
3082
+ -webkit-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
3083
+ transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
3084
+ cursor: pointer;
3085
+ font-style: normal;
3086
+ }
3087
+ .cherry-toolbar-button:hover {
3088
+ color: #5d9bfc;
3089
+ background: #ebf3ff;
3090
+ }
3091
+ .cherry-toolbar-button.cherry-toolbar-split {
3092
+ font-size: 0;
3093
+ height: 19px;
3094
+ padding: 0;
3095
+ margin: 9.5px 4px;
3096
+ border: 1px solid transparent;
3097
+ border-left: 1px solid #dfe6ee;
3098
+ pointer-events: none;
3099
+ overflow: hidden;
3100
+ opacity: 0.5;
3101
+ }
3102
+ .cherry-toolbar-button.disabled {
3103
+ color: #ccc;
3104
+ }
3105
+
3106
+ .cherry .ace_search {
3107
+ background: #fff;
3108
+ }
3109
+
3110
+ .cherry-sidebar {
3111
+ width: 30px;
3112
+ position: absolute;
3113
+ top: 48px;
3114
+ right: 7px;
3115
+ z-index: 11;
3116
+ bottom: 0;
3117
+ overflow: hidden;
3118
+ }
3119
+ .cherry-sidebar .cherry-toolbar-button {
3120
+ height: 30px;
3121
+ padding: 3px 12px 0 6px;
3122
+ }
3123
+ .cherry-sidebar .cherry-toolbar-button:hover {
3124
+ background: transparent;
3125
+ }
3126
+ .cherry-sidebar .cherry-toolbar-button .icon-loading.loading {
3127
+ display: inline-block;
3128
+ width: 8px;
3129
+ height: 8px;
3130
+ }
3131
+ .cherry-sidebar .cherry-toolbar-button .icon-loading.loading:after {
3132
+ content: " ";
3133
+ display: block;
3134
+ width: 8px;
3135
+ height: 8px;
3136
+ margin-left: 2px;
3137
+ margin-top: -2px;
3138
+ border-radius: 50%;
3139
+ border: 2px solid #000;
3140
+ border-color: #000 transparent #000 transparent;
3141
+ animation: loading 1.2s linear infinite;
3142
+ }
3143
+ @keyframes loading {
3144
+ 0% {
3145
+ transform: rotate(0deg);
3146
+ }
3147
+ 100% {
3148
+ transform: rotate(360deg);
3149
+ }
3150
+ }
3151
+
3152
+ .cherry-bubble {
3153
+ position: absolute;
3154
+ display: flex;
3155
+ align-items: center;
3156
+ justify-content: flex-start;
3157
+ flex-wrap: wrap;
3158
+ font-size: 14px;
3159
+ min-height: 35px;
3160
+ min-width: 50px;
3161
+ border: 1px solid #dfe6ee;
3162
+ background-color: #fff;
3163
+ box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.5);
3164
+ border-radius: 3px;
3165
+ z-index: 8;
3166
+ }
3167
+ .cherry-bubble.cherry-bubble--centered {
3168
+ left: 50%;
3169
+ transform: translateX(-50%);
3170
+ }
3171
+ .cherry-bubble .cherry-bubble-top,
3172
+ .cherry-bubble .cherry-bubble-bottom {
3173
+ position: absolute;
3174
+ left: 50%;
3175
+ width: 0;
3176
+ height: 0;
3177
+ margin-left: -8px;
3178
+ border-left: 8px solid rgba(0, 0, 0, 0);
3179
+ border-right: 8px solid rgba(0, 0, 0, 0);
3180
+ }
3181
+ .cherry-bubble .cherry-bubble-top {
3182
+ top: 0;
3183
+ transform: translateY(-100%);
3184
+ border-bottom: 8px solid #fff;
3185
+ }
3186
+ .cherry-bubble .cherry-bubble-bottom {
3187
+ bottom: 0;
3188
+ transform: translateY(100%);
3189
+ border-top: 8px solid #fff;
3190
+ }
3191
+ .cherry-bubble .cherry-toolbar-button {
3192
+ display: inline-flex;
3193
+ align-items: center;
3194
+ justify-content: center;
3195
+ height: 35px;
3196
+ cursor: pointer;
3197
+ user-select: none;
3198
+ }
3199
+ .cherry-bubble .cherry-toolbar-button:hover {
3200
+ border-color: #dfe6ee;
3201
+ background-color: rgba(89, 128, 166, 0.05);
3202
+ }
3203
+ .cherry-bubble .cherry-toolbar-button.cherry-toolbar-split {
3204
+ height: 65%;
3205
+ min-height: 22.75px;
3206
+ }
3207
+ [data-toolbar-theme=dark] .cherry-bubble {
3208
+ border-color: #20304b;
3209
+ background: #20304b;
3210
+ }
3211
+ [data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button {
3212
+ color: #d7e6fe;
3213
+ background: transparent;
3214
+ }
3215
+ [data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button:hover {
3216
+ color: #fff;
3217
+ background: rgba(255, 255, 255, 0.1);
3218
+ }
3219
+ [data-toolbar-theme=dark] .cherry-bubble .cherry-bubble-top {
3220
+ border-bottom-color: #20304b;
3221
+ }
3222
+ [data-toolbar-theme=dark] .cherry-bubble .cherry-bubble-bottom {
3223
+ border-top-color: #20304b;
3224
+ }
3225
+ [data-toolbar-theme=dark] .cherry-bubble .cherry-toolbar-button:hover {
3226
+ border-color: #20304b;
3227
+ }
3228
+
3229
+ .cherry-switch-paste .switch-btn--bg {
3230
+ position: absolute;
3231
+ width: 50%;
3232
+ height: 100%;
3233
+ box-sizing: border-box;
3234
+ z-index: -1;
3235
+ left: 0;
3236
+ top: 0;
3237
+ opacity: 0.3;
3238
+ background-color: #5d9bfc;
3239
+ border-radius: 2px;
3240
+ transition: all 0.3s;
3241
+ }
3242
+ .cherry-switch-paste .cherry-toolbar-button {
3243
+ display: inline-flex;
3244
+ align-items: center;
3245
+ justify-content: center;
3246
+ width: 80px;
3247
+ text-align: center;
3248
+ }
3249
+ .cherry-switch-paste .cherry-toolbar-button:hover {
3250
+ border-color: transparent;
3251
+ }
3252
+ .cherry-switch-paste[data-type=text] .cherry-text-btn {
3253
+ color: #3f4a56;
3254
+ }
3255
+ .cherry-switch-paste[data-type=text] .cherry-md-btn {
3256
+ color: #5d9bfc;
3257
+ }
3258
+ .cherry-switch-paste[data-type=md] .cherry-md-btn {
3259
+ color: #3f4a56;
3260
+ }
3261
+ .cherry-switch-paste[data-type=md] .cherry-text-btn {
3262
+ color: #5d9bfc;
3263
+ }
3264
+ .cherry-switch-paste[data-type=md] .switch-btn--bg {
3265
+ left: 50%;
3266
+ }
3267
+ [data-toolbar-theme=dark] .cherry-switch-paste .switch-btn--bg {
3268
+ background-color: #fff;
3269
+ }
3270
+ [data-toolbar-theme=dark] .cherry-switch-paste[data-type=text] .cherry-text-btn {
3271
+ color: #d7e6fe;
3272
+ }
3273
+ [data-toolbar-theme=dark] .cherry-switch-paste[data-type=text] .cherry-md-btn {
3274
+ color: #fff;
3275
+ }
3276
+ [data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .cherry-md-btn {
3277
+ color: #d7e6fe;
3278
+ }
3279
+ [data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .cherry-text-btn {
3280
+ color: #fff;
3281
+ }
3282
+ [data-toolbar-theme=dark] .cherry-switch-paste[data-type=md] .switch-btn--bg {
3283
+ left: 50%;
3284
+ }
3285
+
3286
+ .cherry-floatmenu {
3287
+ z-index: 4;
3288
+ display: none;
3289
+ position: absolute;
3290
+ left: 30px;
3291
+ margin-left: 60px;
3292
+ height: 27px;
3293
+ line-height: 27px;
3294
+ border-radius: 3px;
3295
+ -webkit-user-select: none;
3296
+ -moz-user-select: none;
3297
+ -ms-user-select: none;
3298
+ user-select: none;
3299
+ }
3300
+ .cherry-floatmenu .cherry-toolbar-button {
3301
+ float: left;
3302
+ padding: 0 9px;
3303
+ margin: 0;
3304
+ height: 27px;
3305
+ line-height: 27px;
3306
+ font-size: 14px;
3307
+ color: #3f4a56;
3308
+ overflow: hidden;
3309
+ vertical-align: middle;
3310
+ text-align: center;
3311
+ border: 0;
3312
+ cursor: pointer;
3313
+ font-style: normal;
3314
+ }
3315
+ .cherry-floatmenu .cherry-toolbar-button.cherry-toolbar-split {
3316
+ border-left: 1px solid #dfe6ee;
3317
+ width: 0;
3318
+ padding: 0;
3319
+ overflow: hidden;
3320
+ height: 25px;
3321
+ }
3322
+ .cherry-floatmenu .cherry-toolbar-button .ch-icon {
3323
+ color: #aaa;
3324
+ font-size: 12px;
3325
+ }
3326
+ .cherry-floatmenu .cherry-toolbar-button:hover {
3327
+ background: rgba(0, 0, 0, 0.05);
3328
+ }
3329
+ .cherry-floatmenu .cherry-toolbar-button:hover .ch-icon {
3330
+ color: #3f4a56;
3331
+ }
3332
+
3333
+ .cherry-editor {
3334
+ position: relative;
3335
+ padding-top: 5px;
3336
+ padding-right: 5px;
3337
+ width: 50%;
3338
+ box-sizing: border-box;
3339
+ overflow: hidden;
3340
+ }
3341
+ .cherry-editor.cherry-editor--full {
3342
+ width: 100%;
3343
+ padding-right: 0;
3344
+ }
3345
+ .cherry-editor.cherry-editor--hidden {
3346
+ display: none;
3347
+ }
3348
+ .cherry-editor-writing-style--focus::before {
3349
+ content: "";
3350
+ display: block;
3351
+ width: 100%;
3352
+ position: absolute;
3353
+ top: 0;
3354
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0235294118), rgba(0, 0, 0, 0.2));
3355
+ pointer-events: none;
3356
+ z-index: 11;
3357
+ }
3358
+ .cherry-editor-writing-style--focus::after {
3359
+ content: "";
3360
+ display: block;
3361
+ width: 100%;
3362
+ position: absolute;
3363
+ bottom: 0;
3364
+ background: linear-gradient(to top, rgba(0, 0, 0, 0.0235294118), rgba(0, 0, 0, 0.2));
3365
+ pointer-events: none;
3366
+ z-index: 11;
3367
+ }
3368
+ .cherry-editor-writing-style--typewriter .CodeMirror-lines {
3369
+ position: relative;
3370
+ }
3371
+ .cherry-editor-writing-style--typewriter .CodeMirror-lines::before {
3372
+ content: "";
3373
+ display: block;
3374
+ }
3375
+ .cherry-editor-writing-style--typewriter .CodeMirror-lines::after {
3376
+ content: "";
3377
+ display: block;
3378
+ }
3379
+ .cherry-editor .CodeMirror {
3380
+ font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
3381
+ background: #f8fafb;
3382
+ color: #3f4a56;
3383
+ }
3384
+ .cherry-editor .CodeMirror textarea {
3385
+ font-size: 27px;
3386
+ }
3387
+ .cherry-editor .CodeMirror-lines {
3388
+ padding: 15px 34px;
3389
+ }
3390
+ .cherry-editor .CodeMirror-lines .drawio,
3391
+ .cherry-editor .CodeMirror-lines .base64 {
3392
+ display: inline-block;
3393
+ overflow: hidden;
3394
+ text-overflow: ellipsis;
3395
+ max-width: 80px;
3396
+ white-space: nowrap;
3397
+ vertical-align: bottom;
3398
+ color: darkmagenta !important;
3399
+ font-size: 12px !important;
3400
+ }
3401
+ .cherry-editor .cm-s-default .cm-header {
3402
+ color: #3f4a56;
3403
+ }
3404
+ .cherry-editor .cm-s-default .cm-string {
3405
+ color: #3f4a56;
3406
+ }
3407
+ .cherry-editor .cm-s-default .cm-comment {
3408
+ color: #3582fb;
3409
+ font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
3410
+ font-size: 0.9em;
3411
+ }
3412
+ .cherry-editor .cm-s-default .cm-whitespace,
3413
+ .cherry-editor .cm-tab {
3414
+ font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
3415
+ font-size: 0.9em;
3416
+ }
3417
+ .cherry-editor .cm-s-default .cm-quote {
3418
+ color: #3582fb;
3419
+ }
3420
+ .cherry-editor .cm-s-default .cm-link {
3421
+ color: #3582fb;
3422
+ }
3423
+ .cherry-editor .cm-s-default .cm-url {
3424
+ background: #d7e6fe;
3425
+ font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
3426
+ font-size: 0.9em;
3427
+ }
3428
+ .cherry-editor .cm-s-default .cm-variable-2 {
3429
+ color: #3f4a56;
3430
+ }
3431
+ .cherry-editor .cm-s-default .cm-variable-3 {
3432
+ color: #3f4a56;
3433
+ }
3434
+ .cherry-editor .cm-s-default .cm-keyword {
3435
+ color: #3f4a56;
3436
+ }
3437
+ .cherry-editor .cm-s-default .cm-fullWidth {
3438
+ color: #d71616;
3439
+ z-index: 3;
3440
+ cursor: pointer;
3441
+ }
3442
+
3443
+ .cherry-drag {
3444
+ width: 15px;
3445
+ cursor: ew-resize;
3446
+ position: absolute;
3447
+ z-index: 12;
3448
+ background: transparent;
3449
+ }
3450
+ .cherry-drag.cherry-drag--show {
3451
+ width: 5px;
3452
+ display: block;
3453
+ background: #dfe6ee;
3454
+ }
3455
+ .cherry-drag.cherry-drag--hidden {
3456
+ display: none;
3457
+ }
3458
+
3459
+ .cherry-editor-mask {
3460
+ z-index: 10;
3461
+ position: absolute;
3462
+ display: none;
3463
+ background: rgba(0, 0, 0, 0.2);
3464
+ }
3465
+ .cherry-editor-mask.cherry-editor-mask--show {
3466
+ display: block;
3467
+ }
3468
+
3469
+ .cherry-previewer-mask {
3470
+ z-index: 10;
3471
+ position: absolute;
3472
+ display: none;
3473
+ background: rgba(0, 0, 0, 0.4);
3474
+ }
3475
+ .cherry-previewer-mask.cherry-previewer-mask--show {
3476
+ display: block;
3477
+ }
3478
+
3479
+ .cherry-previewer-codeBlock-click-handler {
3480
+ position: absolute;
3481
+ z-index: 1;
3482
+ }
3483
+
3484
+ .cherry-previewer-codeBlock-hover-handler {
3485
+ z-index: 0;
3486
+ position: absolute;
3487
+ }
3488
+ .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block,
3489
+ .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block {
3490
+ position: relative;
3491
+ width: 25px;
3492
+ text-align: center;
3493
+ height: 25px;
3494
+ border: 1px solid #3582fb;
3495
+ cursor: pointer;
3496
+ float: right;
3497
+ top: 15px;
3498
+ border-radius: 5px;
3499
+ margin-left: -27px;
3500
+ transition: all 0.3s;
3501
+ z-index: 2;
3502
+ color: #3582fb;
3503
+ background-color: #eee;
3504
+ border-color: #3582fb;
3505
+ }
3506
+ .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block {
3507
+ right: 10px;
3508
+ }
3509
+ .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block {
3510
+ right: 45px;
3511
+ }
3512
+ .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block:hover,
3513
+ .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block:hover {
3514
+ color: #eee;
3515
+ background-color: #3582fb;
3516
+ border-color: #eee;
3517
+ }
3518
+ .cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select {
3519
+ position: absolute;
3520
+ transform: translate(2px, -50%);
3521
+ }
3522
+
3523
+ .cherry-previewer {
3524
+ padding: 20px 45px 20px 20px;
3525
+ border-left: 2px solid #ebedee;
3526
+ width: 50%;
3527
+ box-sizing: border-box;
3528
+ background-color: #f8fafb;
3529
+ min-height: auto;
3530
+ overflow-y: auto;
3531
+ -webkit-print-color-adjust: exact;
3532
+ }
3533
+ .cherry-previewer .cherry-mobile-previewer-content {
3534
+ width: 375px;
3535
+ height: 100%;
3536
+ margin: 0 auto;
3537
+ padding: 25px 30px;
3538
+ overflow-y: scroll;
3539
+ box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
3540
+ box-sizing: border-box;
3541
+ }
3542
+ .cherry-previewer.cherry-previewer--hidden {
3543
+ width: 0;
3544
+ display: none;
3545
+ }
3546
+ .cherry-previewer.cherry-previewer--full {
3547
+ width: 100%;
3548
+ }
3549
+ .cherry-previewer .cherry-list__upper-roman {
3550
+ list-style: upper-roman;
3551
+ }
3552
+ .cherry-previewer .cherry-list__lower-greek {
3553
+ list-style: lower-greek;
3554
+ }
3555
+ .cherry-previewer .cherry-list__cjk-ideographic {
3556
+ list-style: cjk-ideographic;
3557
+ }
3558
+ .cherry-previewer .cherry-list__circle {
3559
+ list-style: circle;
3560
+ }
3561
+ .cherry-previewer .cherry-list__square {
3562
+ list-style: square;
3563
+ }
3564
+ [data-code-block-theme=default] .cherry-previewer .cherry-copy-code-block,
3565
+ [data-code-block-theme=default] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=funky] .cherry-previewer .cherry-copy-code-block,
3566
+ [data-code-block-theme=funky] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=solarized-light] .cherry-previewer .cherry-copy-code-block,
3567
+ [data-code-block-theme=solarized-light] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=coy] .cherry-previewer .cherry-copy-code-block,
3568
+ [data-code-block-theme=coy] .cherry-previewer .cherry-edit-code-block {
3569
+ background-color: #3582fb;
3570
+ }
3571
+
3572
+ .cherry-color-wrap {
3573
+ display: none;
3574
+ position: fixed;
3575
+ width: auto;
3576
+ padding: 5px 10px;
3577
+ z-index: 6;
3578
+ background: #fff;
3579
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
3580
+ }
3581
+ .cherry-color-wrap h3 {
3582
+ font-size: 12px;
3583
+ margin: 0px;
3584
+ font-weight: 400;
3585
+ }
3586
+ [data-toolbar-theme=dark] .cherry-color-wrap h3 {
3587
+ color: #d7e6fe;
3588
+ }
3589
+ .cherry-color-wrap .cherry-color-text {
3590
+ float: left;
3591
+ width: 128px;
3592
+ margin: 0 8px 0 5px;
3593
+ }
3594
+ .cherry-color-wrap .cherry-color-bg {
3595
+ float: left;
3596
+ width: 128px;
3597
+ margin-right: 5px;
3598
+ }
3599
+ .cherry-color-wrap .cherry-color-item {
3600
+ float: left;
3601
+ width: 14px;
3602
+ height: 14px;
3603
+ border: 1px solid #fff;
3604
+ cursor: pointer;
3605
+ }
3606
+ .cherry-color-wrap .cherry-color-item:hover {
3607
+ border: 1px solid #000;
3608
+ }
3609
+
3610
+ .Cherry-Math svg {
3611
+ max-width: 100%;
3612
+ }
3613
+
3614
+ .cherry-suggester-panel {
3615
+ display: none;
3616
+ position: absolute;
3617
+ left: 0;
3618
+ top: 0;
3619
+ background: #fff;
3620
+ border-radius: 2px;
3621
+ max-height: 500px;
3622
+ box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
3623
+ }
3624
+ .cherry-suggester-panel .cherry-suggester-panel__item {
3625
+ border: none;
3626
+ white-space: nowrap;
3627
+ min-width: 50px;
3628
+ padding: 5px 13px;
3629
+ color: #333;
3630
+ display: block;
3631
+ cursor: pointer;
3632
+ }
3633
+ .cherry-suggester-panel .cherry-suggester-panel__item.cherry-suggester-panel__item--selected {
3634
+ background-color: #f2f2f5;
3635
+ text-decoration: none;
3636
+ color: #eb7350;
3637
+ }
3638
+ .cherry-suggester-panel .cherry-suggester-panel__item > i {
3639
+ display: inline-block;
3640
+ transform: translateY(2px);
3641
+ margin-right: 8px;
3642
+ }
3643
+
3644
+ .cherry-suggestion {
3645
+ background-color: #ebf3ff;
3646
+ color: #3582fb;
3647
+ padding: 1px 4px;
3648
+ border-radius: 3px;
3649
+ cursor: pointer;
3650
+ }
3651
+
3652
+ /** 引入自带的主题 */
3653
+ /** 编辑器样式 */
3654
+ .cherry.theme__default {
3655
+ /** 二级菜单 */
3656
+ /** 选中文字时弹出的按钮 */
3657
+ /** 光标focus到空行时联想出的按钮 */
3658
+ }
3659
+ .cherry.theme__default .cherry-dropdown {
3660
+ /** 选择颜色的按钮 */
3661
+ }
3662
+ .cherry.theme__default .cherry-dropdown .cherry-dropdown-item {
3663
+ /** 图标 */
3664
+ }
3665
+ .cherry.theme__default .cherry-dropdown.cherry-color-wrap .cherry-color-text {
3666
+ /** 色盘的标题 */
3667
+ /** 色盘里的每一个色块 */
3668
+ }
3669
+ .cherry.theme__default .cherry-bubble {
3670
+ /** 粘贴HTML内容时弹出的选择按钮 */
3671
+ }
3672
+ /** 预览区域样式 */
3673
+ .cherry-markdown.theme__default {
3674
+ /** 行内代码 */
3675
+ /**
3676
+ * 代码块
3677
+ */
3678
+ /**
3679
+ * 表格
3680
+ */
3681
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
3682
+ /** 脚注 */
3683
+ /** 行间公式 */
3684
+ /** 段落公式 */
3685
+ /** 目录 */
3686
+ }
3687
+ .cherry-markdown.theme__default h1, .cherry-markdown.theme__default h2, .cherry-markdown.theme__default h3, .cherry-markdown.theme__default h4, .cherry-markdown.theme__default h5, .cherry-markdown.theme__default h6 {
3688
+ /** 标题前面的锚点或序号 */
3689
+ }
3690
+ .cherry-markdown.theme__default ul {
3691
+ /** checklist 模式,未勾选时 */
3692
+ /** checklist 模式,勾选时 */
3693
+ }
3694
+ .cherry-markdown.theme__default ul.cherry-list__upper-roman {
3695
+ list-style: upper-roman;
3696
+ }
3697
+ .cherry-markdown.theme__default ul.cherry-list__lower-greek {
3698
+ list-style: lower-greek;
3699
+ }
3700
+ .cherry-markdown.theme__default ul.cherry-list__cjk-ideographic {
3701
+ list-style: cjk-ideographic;
3702
+ }
3703
+ .cherry-markdown.theme__default ul.cherry-list__circle {
3704
+ list-style: circle;
3705
+ }
3706
+ .cherry-markdown.theme__default ul.cherry-list__square {
3707
+ list-style: square;
3708
+ }
3709
+ .cherry-markdown.theme__default ruby {
3710
+ /** 上部的拼音 */
3711
+ }
3712
+ /** 色值可以参考:https://yeun.github.io/open-color/ */
3713
+ /** 工具栏样式 */
3714
+ /** 编辑区域样式 */
3715
+ /** 预览区域样式 */
3716
+ /** markdown样式 */
3717
+ /** 编辑器样式 */
3718
+ .cherry.theme__dark {
3719
+ /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
3720
+ /** 二级菜单 */
3721
+ /** 选中文字时弹出的按钮 */
3722
+ }
3723
+ .cherry.theme__dark .cherry-toolbar, .cherry.theme__dark .cherry-floatmenu, .cherry.theme__dark .cherry-bubble, .cherry.theme__dark .cherry-sidebar {
3724
+ background: rgb(60, 60, 60);
3725
+ border-color: rgb(60, 60, 60);
3726
+ }
3727
+ .cherry.theme__dark .cherry-toolbar .cherry-toolbar-button, .cherry.theme__dark .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__dark .cherry-bubble .cherry-toolbar-button, .cherry.theme__dark .cherry-sidebar .cherry-toolbar-button {
3728
+ color: #d7e6fe;
3729
+ }
3730
+ .cherry.theme__dark .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__dark .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__dark .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__dark .cherry-sidebar .cherry-toolbar-button:hover {
3731
+ background-color: rgb(69, 70, 70);
3732
+ color: rgb(255, 255, 255) !important;
3733
+ border-color: rgb(60, 60, 60);
3734
+ }
3735
+ .cherry.theme__dark .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__dark .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__dark .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__dark .cherry-sidebar .cherry-toolbar-button:hover i {
3736
+ color: rgb(255, 255, 255) !important;
3737
+ }
3738
+ .cherry.theme__dark .cherry-dropdown {
3739
+ background: rgb(60, 60, 60);
3740
+ /** 选择颜色的按钮 */
3741
+ }
3742
+ .cherry.theme__dark .cherry-dropdown .cherry-dropdown-item {
3743
+ color: #d7e6fe;
3744
+ }
3745
+ .cherry.theme__dark .cherry-dropdown .cherry-dropdown-item:hover {
3746
+ background-color: rgb(69, 70, 70);
3747
+ color: rgb(255, 255, 255);
3748
+ }
3749
+ .cherry.theme__dark .cherry-dropdown.cherry-color-wrap {
3750
+ /** 色盘的标题 */
3751
+ /** 色盘里的每一个色块 */
3752
+ }
3753
+ .cherry.theme__dark .cherry-dropdown.cherry-color-wrap h3 {
3754
+ color: #d7e6fe;
3755
+ }
3756
+ .cherry.theme__dark .cherry-dropdown.cherry-color-wrap .cherry-color-item {
3757
+ border-color: rgb(69, 70, 70);
3758
+ }
3759
+ .cherry.theme__dark .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
3760
+ border-color: rgb(247, 133, 83);
3761
+ }
3762
+ .cherry.theme__dark .cherry-bubble {
3763
+ /** 粘贴HTML内容时弹出的选择按钮 */
3764
+ }
3765
+ .cherry.theme__dark .cherry-bubble .cherry-bubble-bottom {
3766
+ border-top-color: rgb(60, 60, 60);
3767
+ }
3768
+ .cherry.theme__dark .cherry-editor {
3769
+ background-color: rgb(37, 37, 38);
3770
+ }
3771
+ .cherry.theme__dark .cherry-editor .CodeMirror {
3772
+ background-color: rgb(37, 37, 38);
3773
+ }
3774
+ .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-cursor {
3775
+ border-left: 1px solid rgb(255, 255, 255);
3776
+ }
3777
+ .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
3778
+ color: rgb(200, 200, 200);
3779
+ }
3780
+ .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header {
3781
+ color: rgb(247, 133, 83);
3782
+ }
3783
+ .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
3784
+ background-color: rgb(0, 0, 0);
3785
+ }
3786
+ .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
3787
+ color: rgb(255, 203, 107);
3788
+ }
3789
+ .cherry.theme__dark .cherry-editor .CodeMirror .CodeMirror-selected {
3790
+ background-color: rgb(69, 70, 70);
3791
+ }
3792
+ .cherry.theme__dark .cherry-sidebar {
3793
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
3794
+ }
3795
+ .cherry.theme__dark .cherry-previewer {
3796
+ background-color: rgb(51, 51, 51);
3797
+ }
3798
+ .cherry.theme__dark .cherry-previewer .cherry-mobile-previewer-content {
3799
+ background-color: rgb(37, 37, 38);
3800
+ }
3801
+ .cherry.theme__dark .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
3802
+ background-color: rgb(37, 37, 38);
3803
+ color: rgb(200, 200, 200);
3804
+ outline-color: rgb(247, 133, 83);
3805
+ }
3806
+
3807
+ /** 预览区域样式 */
3808
+ .cherry-markdown.theme__dark {
3809
+ color: rgb(200, 200, 200);
3810
+ background-color: rgb(51, 51, 51);
3811
+ /** 行内代码 */
3812
+ /**
3813
+ * 代码块
3814
+ */
3815
+ /**
3816
+ * 表格
3817
+ */
3818
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
3819
+ /** 脚注 */
3820
+ /** 行间公式 */
3821
+ /** 段落公式 */
3822
+ /** 目录 */
3823
+ }
3824
+ .cherry-markdown.theme__dark h1, .cherry-markdown.theme__dark h2, .cherry-markdown.theme__dark h3, .cherry-markdown.theme__dark h4, .cherry-markdown.theme__dark h5 {
3825
+ color: rgb(247, 133, 83);
3826
+ }
3827
+ .cherry-markdown.theme__dark h1, .cherry-markdown.theme__dark h2, .cherry-markdown.theme__dark h3, .cherry-markdown.theme__dark h4, .cherry-markdown.theme__dark h5, .cherry-markdown.theme__dark h6 {
3828
+ /** 标题前面的锚点或序号 */
3829
+ }
3830
+ .cherry-markdown.theme__dark ul {
3831
+ /** checklist 模式,未勾选时 */
3832
+ /** checklist 模式,勾选时 */
3833
+ }
3834
+ .cherry-markdown.theme__dark ul.cherry-list__upper-roman {
3835
+ list-style: upper-roman;
3836
+ }
3837
+ .cherry-markdown.theme__dark ul.cherry-list__lower-greek {
3838
+ list-style: lower-greek;
3839
+ }
3840
+ .cherry-markdown.theme__dark ul.cherry-list__cjk-ideographic {
3841
+ list-style: cjk-ideographic;
3842
+ }
3843
+ .cherry-markdown.theme__dark ul.cherry-list__circle {
3844
+ list-style: circle;
3845
+ }
3846
+ .cherry-markdown.theme__dark ul.cherry-list__square {
3847
+ list-style: square;
3848
+ }
3849
+ .cherry-markdown.theme__dark blockquote {
3850
+ color: rgb(200, 200, 200);
3851
+ }
3852
+ .cherry-markdown.theme__dark a {
3853
+ text-decoration: none;
3854
+ color: rgb(255, 203, 107);
3855
+ }
3856
+ .cherry-markdown.theme__dark a:hover {
3857
+ color: rgb(247, 133, 83);
3858
+ }
3859
+ .cherry-markdown.theme__dark hr {
3860
+ border-color: rgb(105, 105, 105);
3861
+ }
3862
+ .cherry-markdown.theme__dark p code, .cherry-markdown.theme__dark li code {
3863
+ background-color: rgb(0, 0, 0);
3864
+ color: rgb(255, 203, 107);
3865
+ border: 1px solid rgb(105, 105, 105);
3866
+ }
3867
+ .cherry-markdown.theme__dark table, .cherry-markdown.theme__dark .cherry-table {
3868
+ color: rgb(200, 200, 200);
3869
+ }
3870
+ .cherry-markdown.theme__dark table th, .cherry-markdown.theme__dark .cherry-table th {
3871
+ background-color: rgb(0, 0, 0);
3872
+ }
3873
+ .cherry-markdown.theme__dark table tr, .cherry-markdown.theme__dark table th, .cherry-markdown.theme__dark table td, .cherry-markdown.theme__dark .cherry-table tr, .cherry-markdown.theme__dark .cherry-table th, .cherry-markdown.theme__dark .cherry-table td {
3874
+ border-color: rgb(105, 105, 105);
3875
+ }
3876
+ .cherry-markdown.theme__dark ruby {
3877
+ /** 上部的拼音 */
3878
+ }
3879
+ .cherry-markdown.theme__dark .footnote {
3880
+ border-color: rgb(105, 105, 105);
3881
+ }
3882
+ .cherry-markdown.theme__dark .footnote .footnote-title {
3883
+ background-color: rgb(0, 0, 0);
3884
+ }
3885
+ .cherry-markdown.theme__dark .footnote .one-footnote {
3886
+ color: rgb(200, 200, 200);
3887
+ border-color: rgb(105, 105, 105);
3888
+ }
3889
+ .cherry-markdown.theme__dark .footnote .one-footnote a.footnote-ref {
3890
+ padding: 5px;
3891
+ }
3892
+ .cherry-markdown.theme__dark .toc {
3893
+ border: 1px solid rgb(105, 105, 105);
3894
+ margin-top: 15px;
3895
+ margin-bottom: 15px;
3896
+ margin-right: 15px;
3897
+ }
3898
+ .cherry-markdown.theme__dark .toc .toc-title {
3899
+ padding: 15px;
3900
+ margin-bottom: 15px;
3901
+ border-bottom: 1px solid rgb(105, 105, 105);
3902
+ }
3903
+ .cherry-markdown.theme__dark .toc .toc-li {
3904
+ border: none;
3905
+ padding: 0 20px;
3906
+ }
3907
+ .cherry-markdown.theme__dark .toc .toc-li a {
3908
+ color: rgb(200, 200, 200);
3909
+ }
3910
+ .cherry-markdown.theme__dark .toc .toc-li a:hover {
3911
+ color: rgb(247, 133, 83);
3912
+ }
3913
+ .cherry-markdown.theme__dark figure svg path, .cherry-markdown.theme__dark figure svg rect, .cherry-markdown.theme__dark figure svg line {
3914
+ stroke: rgb(255, 203, 107) !important;
3915
+ }
3916
+ .cherry-markdown.theme__dark figure svg text {
3917
+ fill: rgb(250, 160, 0) !important;
3918
+ stroke: none !important;
3919
+ }
3920
+ .cherry-markdown.theme__dark figure svg tspan {
3921
+ fill: rgb(250, 160, 0) !important;
3922
+ }
3923
+ .cherry-markdown.theme__dark figure svg circle {
3924
+ fill: rgb(236, 236, 255) !important;
3925
+ }
3926
+ .cherry-markdown.theme__dark figure svg circle.state-start {
3927
+ fill: rgb(250, 160, 0) !important;
3928
+ }
3929
+ .cherry-markdown.theme__dark .cherry-highlight-line {
3930
+ background-color: #151422;
3931
+ }
3932
+
3933
+ /** 色值可以参考:https://yeun.github.io/open-color/ */
3934
+ /** 工具栏样式 */
3935
+ /** 编辑区域样式 */
3936
+ /** 预览区域样式 */
3937
+ /** markdown样式 */
3938
+ /** 编辑器样式 */
3939
+ .cherry.theme__light {
3940
+ /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
3941
+ /** 二级菜单 */
3942
+ /** 选中文字时弹出的按钮 */
3943
+ }
3944
+ .cherry.theme__light .cherry-toolbar, .cherry.theme__light .cherry-floatmenu, .cherry.theme__light .cherry-bubble, .cherry.theme__light .cherry-sidebar {
3945
+ background: white;
3946
+ border-color: white;
3947
+ }
3948
+ .cherry.theme__light .cherry-toolbar .cherry-toolbar-button, .cherry.theme__light .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__light .cherry-bubble .cherry-toolbar-button, .cherry.theme__light .cherry-sidebar .cherry-toolbar-button {
3949
+ color: #3f4a56;
3950
+ }
3951
+ .cherry.theme__light .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__light .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__light .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__light .cherry-sidebar .cherry-toolbar-button:hover {
3952
+ background-color: #ebf3ff;
3953
+ color: #5d9bfc !important;
3954
+ border-color: white;
3955
+ }
3956
+ .cherry.theme__light .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__light .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__light .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__light .cherry-sidebar .cherry-toolbar-button:hover i {
3957
+ color: #5d9bfc !important;
3958
+ }
3959
+ .cherry.theme__light .cherry-dropdown {
3960
+ background: white;
3961
+ /** 选择颜色的按钮 */
3962
+ }
3963
+ .cherry.theme__light .cherry-dropdown .cherry-dropdown-item {
3964
+ color: #3f4a56;
3965
+ }
3966
+ .cherry.theme__light .cherry-dropdown .cherry-dropdown-item:hover {
3967
+ background-color: #ebf3ff;
3968
+ color: #5d9bfc;
3969
+ }
3970
+ .cherry.theme__light .cherry-dropdown.cherry-color-wrap {
3971
+ /** 色盘的标题 */
3972
+ /** 色盘里的每一个色块 */
3973
+ }
3974
+ .cherry.theme__light .cherry-dropdown.cherry-color-wrap h3 {
3975
+ color: #3f4a56;
3976
+ }
3977
+ .cherry.theme__light .cherry-dropdown.cherry-color-wrap .cherry-color-item {
3978
+ border-color: #ebf3ff;
3979
+ }
3980
+ .cherry.theme__light .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
3981
+ border-color: rgb(247, 133, 83);
3982
+ }
3983
+ .cherry.theme__light .cherry-bubble {
3984
+ /** 粘贴HTML内容时弹出的选择按钮 */
3985
+ }
3986
+ .cherry.theme__light .cherry-bubble .cherry-bubble-bottom {
3987
+ border-top-color: white;
3988
+ }
3989
+ .cherry.theme__light .cherry-editor {
3990
+ background-color: rgb(255, 255, 255);
3991
+ }
3992
+ .cherry.theme__light .cherry-editor .CodeMirror {
3993
+ background-color: rgb(255, 255, 255);
3994
+ }
3995
+ .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-cursor {
3996
+ border-left: 1px solid rgb(0, 0, 0);
3997
+ }
3998
+ .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
3999
+ color: rgb(63, 74, 86);
4000
+ }
4001
+ .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header {
4002
+ color: rgb(34, 139, 230);
4003
+ }
4004
+ .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4005
+ background-color: rgb(215, 230, 254);
4006
+ }
4007
+ .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4008
+ color: rgb(77, 171, 247);
4009
+ }
4010
+ .cherry.theme__light .cherry-editor .CodeMirror .CodeMirror-selected {
4011
+ background-color: #ebf3ff;
4012
+ }
4013
+ .cherry.theme__light .cherry-sidebar {
4014
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
4015
+ }
4016
+ .cherry.theme__light .cherry-previewer {
4017
+ background-color: rgb(255, 255, 255);
4018
+ }
4019
+ .cherry.theme__light .cherry-previewer .cherry-mobile-previewer-content {
4020
+ background-color: rgb(255, 255, 255);
4021
+ }
4022
+ .cherry.theme__light .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
4023
+ background-color: rgb(255, 255, 255);
4024
+ color: rgb(63, 74, 86);
4025
+ outline-color: rgb(34, 139, 230);
4026
+ }
4027
+
4028
+ /** 预览区域样式 */
4029
+ .cherry-markdown.theme__light {
4030
+ color: rgb(63, 74, 86);
4031
+ background-color: rgb(255, 255, 255);
4032
+ /** 行内代码 */
4033
+ /**
4034
+ * 代码块
4035
+ */
4036
+ /**
4037
+ * 表格
4038
+ */
4039
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
4040
+ /** 脚注 */
4041
+ /** 行间公式 */
4042
+ /** 段落公式 */
4043
+ /** 目录 */
4044
+ }
4045
+ .cherry-markdown.theme__light h1, .cherry-markdown.theme__light h2, .cherry-markdown.theme__light h3, .cherry-markdown.theme__light h4, .cherry-markdown.theme__light h5 {
4046
+ color: rgb(34, 139, 230);
4047
+ }
4048
+ .cherry-markdown.theme__light h1, .cherry-markdown.theme__light h2, .cherry-markdown.theme__light h3, .cherry-markdown.theme__light h4, .cherry-markdown.theme__light h5, .cherry-markdown.theme__light h6 {
4049
+ /** 标题前面的锚点或序号 */
4050
+ }
4051
+ .cherry-markdown.theme__light ul {
4052
+ /** checklist 模式,未勾选时 */
4053
+ /** checklist 模式,勾选时 */
4054
+ }
4055
+ .cherry-markdown.theme__light ul.cherry-list__upper-roman {
4056
+ list-style: upper-roman;
4057
+ }
4058
+ .cherry-markdown.theme__light ul.cherry-list__lower-greek {
4059
+ list-style: lower-greek;
4060
+ }
4061
+ .cherry-markdown.theme__light ul.cherry-list__cjk-ideographic {
4062
+ list-style: cjk-ideographic;
4063
+ }
4064
+ .cherry-markdown.theme__light ul.cherry-list__circle {
4065
+ list-style: circle;
4066
+ }
4067
+ .cherry-markdown.theme__light ul.cherry-list__square {
4068
+ list-style: square;
4069
+ }
4070
+ .cherry-markdown.theme__light blockquote {
4071
+ color: rgb(63, 74, 86);
4072
+ background-color: rgb(231, 245, 255);
4073
+ border-color: rgb(25, 113, 194);
4074
+ }
4075
+ .cherry-markdown.theme__light a {
4076
+ text-decoration: none;
4077
+ color: rgb(77, 171, 247);
4078
+ }
4079
+ .cherry-markdown.theme__light a:hover {
4080
+ text-decoration: underline;
4081
+ color: rgb(34, 139, 230);
4082
+ }
4083
+ .cherry-markdown.theme__light hr {
4084
+ border-color: rgb(25, 113, 194);
4085
+ }
4086
+ .cherry-markdown.theme__light p code, .cherry-markdown.theme__light li code {
4087
+ background-color: rgb(215, 230, 254);
4088
+ color: rgb(77, 171, 247);
4089
+ border: 1px solid rgb(25, 113, 194);
4090
+ }
4091
+ .cherry-markdown.theme__light table, .cherry-markdown.theme__light .cherry-table {
4092
+ color: rgb(63, 74, 86);
4093
+ }
4094
+ .cherry-markdown.theme__light table th, .cherry-markdown.theme__light .cherry-table th {
4095
+ background-color: rgb(215, 230, 254);
4096
+ }
4097
+ .cherry-markdown.theme__light table tr, .cherry-markdown.theme__light table th, .cherry-markdown.theme__light table td, .cherry-markdown.theme__light .cherry-table tr, .cherry-markdown.theme__light .cherry-table th, .cherry-markdown.theme__light .cherry-table td {
4098
+ border-color: rgb(25, 113, 194);
4099
+ }
4100
+ .cherry-markdown.theme__light ruby {
4101
+ /** 上部的拼音 */
4102
+ }
4103
+ .cherry-markdown.theme__light .footnote {
4104
+ border-color: rgb(25, 113, 194);
4105
+ }
4106
+ .cherry-markdown.theme__light .footnote .footnote-title {
4107
+ background-color: rgb(215, 230, 254);
4108
+ }
4109
+ .cherry-markdown.theme__light .footnote .one-footnote {
4110
+ color: rgb(63, 74, 86);
4111
+ border-color: rgb(25, 113, 194);
4112
+ }
4113
+ .cherry-markdown.theme__light .footnote .one-footnote a.footnote-ref {
4114
+ padding: 5px;
4115
+ }
4116
+ /** 色值可以参考:https://yeun.github.io/open-color/ */
4117
+ /** 工具栏样式 */
4118
+ /** 编辑区域样式 */
4119
+ /** 预览区域样式 */
4120
+ /** markdown样式 */
4121
+ /** 编辑器样式 */
4122
+ .cherry.theme__green {
4123
+ /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
4124
+ /** 二级菜单 */
4125
+ /** 选中文字时弹出的按钮 */
4126
+ }
4127
+ .cherry.theme__green .cherry-toolbar, .cherry.theme__green .cherry-floatmenu, .cherry.theme__green .cherry-bubble, .cherry.theme__green .cherry-sidebar {
4128
+ background: #FFF;
4129
+ border-color: #FFF;
4130
+ }
4131
+ .cherry.theme__green .cherry-toolbar .cherry-toolbar-button, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__green .cherry-bubble .cherry-toolbar-button, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button {
4132
+ color: #2b8a3e;
4133
+ }
4134
+ .cherry.theme__green .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__green .cherry-bubble .cherry-toolbar-button i, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button i {
4135
+ color: #2b8a3e;
4136
+ }
4137
+ .cherry.theme__green .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__green .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button:hover {
4138
+ background-color: #51cf66;
4139
+ color: #ebfbee !important;
4140
+ border-color: #FFF;
4141
+ }
4142
+ .cherry.theme__green .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__green .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__green .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__green .cherry-sidebar .cherry-toolbar-button:hover i {
4143
+ color: #ebfbee !important;
4144
+ }
4145
+ .cherry.theme__green .cherry-dropdown {
4146
+ background: #FFF;
4147
+ /** 选择颜色的按钮 */
4148
+ }
4149
+ .cherry.theme__green .cherry-dropdown .cherry-dropdown-item {
4150
+ color: #2b8a3e;
4151
+ }
4152
+ .cherry.theme__green .cherry-dropdown .cherry-dropdown-item:hover {
4153
+ background-color: #51cf66;
4154
+ color: #ebfbee;
4155
+ }
4156
+ .cherry.theme__green .cherry-dropdown.cherry-color-wrap {
4157
+ /** 色盘的标题 */
4158
+ /** 色盘里的每一个色块 */
4159
+ }
4160
+ .cherry.theme__green .cherry-dropdown.cherry-color-wrap h3 {
4161
+ color: #2b8a3e;
4162
+ }
4163
+ .cherry.theme__green .cherry-dropdown.cherry-color-wrap .cherry-color-item {
4164
+ border-color: #51cf66;
4165
+ }
4166
+ .cherry.theme__green .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
4167
+ border-color: #2b8a3e;
4168
+ }
4169
+ .cherry.theme__green .cherry-bubble {
4170
+ /** 粘贴HTML内容时弹出的选择按钮 */
4171
+ }
4172
+ .cherry.theme__green .cherry-bubble .cherry-bubble-bottom {
4173
+ border-top-color: #FFF;
4174
+ }
4175
+ .cherry.theme__green .cherry-editor {
4176
+ background-color: #FFF;
4177
+ }
4178
+ .cherry.theme__green .cherry-editor .CodeMirror {
4179
+ background-color: #FFF;
4180
+ }
4181
+ .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-cursor {
4182
+ border-left: 1px solid #2b8a3e;
4183
+ }
4184
+ .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
4185
+ color: #2b8a3e;
4186
+ }
4187
+ .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header {
4188
+ color: #37b24d;
4189
+ }
4190
+ .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4191
+ background-color: #ebfbee;
4192
+ }
4193
+ .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4194
+ color: #40c057;
4195
+ }
4196
+ .cherry.theme__green .cherry-editor .CodeMirror .CodeMirror-selected {
4197
+ background-color: #b2f2bb;
4198
+ }
4199
+ .cherry.theme__green .cherry-sidebar {
4200
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
4201
+ }
4202
+ .cherry.theme__green .cherry-previewer {
4203
+ background-color: #ebfbee;
4204
+ }
4205
+ .cherry.theme__green .cherry-previewer .cherry-mobile-previewer-content {
4206
+ background-color: #FFF;
4207
+ }
4208
+ .cherry.theme__green .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
4209
+ background-color: #FFF;
4210
+ color: #2b8a3e;
4211
+ outline-color: #37b24d;
4212
+ }
4213
+
4214
+ /** 预览区域样式 */
4215
+ .cherry-markdown.theme__green {
4216
+ color: #2b8a3e;
4217
+ background-color: #ebfbee;
4218
+ /** 行内代码 */
4219
+ /**
4220
+ * 代码块
4221
+ */
4222
+ /**
4223
+ * 表格
4224
+ */
4225
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
4226
+ /** 脚注 */
4227
+ /** 行间公式 */
4228
+ /** 段落公式 */
4229
+ /** 目录 */
4230
+ }
4231
+ .cherry-markdown.theme__green h1, .cherry-markdown.theme__green h2, .cherry-markdown.theme__green h3, .cherry-markdown.theme__green h4, .cherry-markdown.theme__green h5 {
4232
+ color: #37b24d;
4233
+ text-align: center;
4234
+ margin-bottom: 35px;
4235
+ }
4236
+ .cherry-markdown.theme__green h1, .cherry-markdown.theme__green h2, .cherry-markdown.theme__green h3, .cherry-markdown.theme__green h4, .cherry-markdown.theme__green h5, .cherry-markdown.theme__green h6 {
4237
+ /** 标题前面的锚点或序号 */
4238
+ }
4239
+ .cherry-markdown.theme__green ul {
4240
+ /** checklist 模式,未勾选时 */
4241
+ /** checklist 模式,勾选时 */
4242
+ }
4243
+ .cherry-markdown.theme__green ul.cherry-list__upper-roman {
4244
+ list-style: upper-roman;
4245
+ }
4246
+ .cherry-markdown.theme__green ul.cherry-list__lower-greek {
4247
+ list-style: lower-greek;
4248
+ }
4249
+ .cherry-markdown.theme__green ul.cherry-list__cjk-ideographic {
4250
+ list-style: cjk-ideographic;
4251
+ }
4252
+ .cherry-markdown.theme__green ul.cherry-list__circle {
4253
+ list-style: circle;
4254
+ }
4255
+ .cherry-markdown.theme__green ul.cherry-list__square {
4256
+ list-style: square;
4257
+ }
4258
+ .cherry-markdown.theme__green blockquote {
4259
+ color: #2b8a3e;
4260
+ background-color: #d3f9d8;
4261
+ border-color: #2f9e44;
4262
+ }
4263
+ .cherry-markdown.theme__green a {
4264
+ text-decoration: none;
4265
+ color: #40c057;
4266
+ }
4267
+ .cherry-markdown.theme__green a:hover {
4268
+ text-decoration: underline;
4269
+ color: #37b24d;
4270
+ }
4271
+ .cherry-markdown.theme__green hr {
4272
+ border-color: #2f9e44;
4273
+ }
4274
+ .cherry-markdown.theme__green p code, .cherry-markdown.theme__green li code {
4275
+ background-color: #d3f9d8;
4276
+ color: #40c057;
4277
+ border: 1px solid #2f9e44;
4278
+ }
4279
+ .cherry-markdown.theme__green table, .cherry-markdown.theme__green .cherry-table {
4280
+ color: #2b8a3e;
4281
+ }
4282
+ .cherry-markdown.theme__green table th, .cherry-markdown.theme__green .cherry-table th {
4283
+ background-color: #d3f9d8;
4284
+ }
4285
+ .cherry-markdown.theme__green table tr, .cherry-markdown.theme__green table th, .cherry-markdown.theme__green table td, .cherry-markdown.theme__green .cherry-table tr, .cherry-markdown.theme__green .cherry-table th, .cherry-markdown.theme__green .cherry-table td {
4286
+ border-color: #2f9e44;
4287
+ }
4288
+ .cherry-markdown.theme__green ruby {
4289
+ /** 上部的拼音 */
4290
+ }
4291
+ .cherry-markdown.theme__green .footnote {
4292
+ border-color: #2f9e44;
4293
+ }
4294
+ .cherry-markdown.theme__green .footnote .footnote-title {
4295
+ background-color: #d3f9d8;
4296
+ }
4297
+ .cherry-markdown.theme__green .footnote .one-footnote {
4298
+ color: #2b8a3e;
4299
+ border-color: #2f9e44;
4300
+ }
4301
+ .cherry-markdown.theme__green .footnote .one-footnote a.footnote-ref {
4302
+ padding: 5px;
4303
+ }
4304
+ .cherry-markdown.theme__green .toc {
4305
+ border-bottom: 1px solid #2f9e44;
4306
+ padding-bottom: 15px;
4307
+ margin-bottom: 30px;
4308
+ }
4309
+ .cherry-markdown.theme__green .toc .toc-title {
4310
+ text-align: center;
4311
+ padding-bottom: 15px;
4312
+ margin-top: 30px;
4313
+ margin-bottom: 15px;
4314
+ border-bottom: 1px solid #2f9e44;
4315
+ }
4316
+ .cherry-markdown.theme__green .toc .toc-li {
4317
+ border: none;
4318
+ }
4319
+ .cherry-markdown.theme__green .toc .toc-li a {
4320
+ color: #2b8a3e;
4321
+ }
4322
+ .cherry-markdown.theme__green .toc .toc-li a:hover {
4323
+ color: #37b24d;
4324
+ }
4325
+
4326
+ /** 色值可以参考:https://yeun.github.io/open-color/ */
4327
+ /** 工具栏样式 */
4328
+ /** 编辑区域样式 */
4329
+ /** 预览区域样式 */
4330
+ /** markdown样式 */
4331
+ /** 编辑器样式 */
4332
+ .cherry.theme__red {
4333
+ /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
4334
+ /** 二级菜单 */
4335
+ /** 选中文字时弹出的按钮 */
4336
+ }
4337
+ .cherry.theme__red .cherry-toolbar, .cherry.theme__red .cherry-floatmenu, .cherry.theme__red .cherry-bubble, .cherry.theme__red .cherry-sidebar {
4338
+ background: #ffdeeb;
4339
+ border-color: #ffdeeb;
4340
+ }
4341
+ .cherry.theme__red .cherry-toolbar .cherry-toolbar-button, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__red .cherry-bubble .cherry-toolbar-button, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button {
4342
+ color: #c2255c;
4343
+ }
4344
+ .cherry.theme__red .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__red .cherry-bubble .cherry-toolbar-button i, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button i {
4345
+ color: #c2255c;
4346
+ }
4347
+ .cherry.theme__red .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__red .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button:hover {
4348
+ background-color: #f06595;
4349
+ color: #fff0f6 !important;
4350
+ border-color: #ffdeeb;
4351
+ }
4352
+ .cherry.theme__red .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__red .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__red .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__red .cherry-sidebar .cherry-toolbar-button:hover i {
4353
+ color: #fff0f6 !important;
4354
+ }
4355
+ .cherry.theme__red .cherry-dropdown {
4356
+ background: #ffdeeb;
4357
+ /** 选择颜色的按钮 */
4358
+ }
4359
+ .cherry.theme__red .cherry-dropdown .cherry-dropdown-item {
4360
+ color: #c2255c;
4361
+ }
4362
+ .cherry.theme__red .cherry-dropdown .cherry-dropdown-item:hover {
4363
+ background-color: #f06595;
4364
+ color: #fff0f6;
4365
+ }
4366
+ .cherry.theme__red .cherry-dropdown.cherry-color-wrap {
4367
+ /** 色盘的标题 */
4368
+ /** 色盘里的每一个色块 */
4369
+ }
4370
+ .cherry.theme__red .cherry-dropdown.cherry-color-wrap h3 {
4371
+ color: #c2255c;
4372
+ }
4373
+ .cherry.theme__red .cherry-dropdown.cherry-color-wrap .cherry-color-item {
4374
+ border-color: #f06595;
4375
+ }
4376
+ .cherry.theme__red .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
4377
+ border-color: #a61e4d;
4378
+ }
4379
+ .cherry.theme__red .cherry-bubble {
4380
+ /** 粘贴HTML内容时弹出的选择按钮 */
4381
+ }
4382
+ .cherry.theme__red .cherry-bubble .cherry-bubble-bottom {
4383
+ border-top-color: #ffdeeb;
4384
+ }
4385
+ .cherry.theme__red .cherry-editor {
4386
+ background-color: #fff0f6;
4387
+ }
4388
+ .cherry.theme__red .cherry-editor .CodeMirror {
4389
+ background-color: #fff0f6;
4390
+ }
4391
+ .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-cursor {
4392
+ border-left: 1px solid #a61e4d;
4393
+ }
4394
+ .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
4395
+ color: #a61e4d;
4396
+ }
4397
+ .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header {
4398
+ color: #d6336c;
4399
+ }
4400
+ .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4401
+ background-color: #ffdeeb;
4402
+ }
4403
+ .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4404
+ color: #f06595;
4405
+ }
4406
+ .cherry.theme__red .cherry-editor .CodeMirror .CodeMirror-selected {
4407
+ background-color: #fcc2d7;
4408
+ }
4409
+ .cherry.theme__red .cherry-sidebar {
4410
+ box-shadow: 0 0 10px #fcc2d7;
4411
+ }
4412
+ .cherry.theme__red .cherry-previewer {
4413
+ background-color: #fff0f6;
4414
+ }
4415
+ .cherry.theme__red .cherry-previewer .cherry-mobile-previewer-content {
4416
+ background-color: #fff0f6;
4417
+ }
4418
+ .cherry.theme__red .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
4419
+ background-color: #fff0f6;
4420
+ color: #a61e4d;
4421
+ outline-color: #d6336c;
4422
+ }
4423
+
4424
+ /** 预览区域样式 */
4425
+ .cherry-markdown.theme__red {
4426
+ color: #a61e4d;
4427
+ background-color: #fff0f6;
4428
+ /** 行内代码 */
4429
+ /**
4430
+ * 代码块
4431
+ */
4432
+ /**
4433
+ * 表格
4434
+ */
4435
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
4436
+ /** 脚注 */
4437
+ /** 行间公式 */
4438
+ /** 段落公式 */
4439
+ /** 目录 */
4440
+ }
4441
+ .cherry-markdown.theme__red h1, .cherry-markdown.theme__red h2, .cherry-markdown.theme__red h3, .cherry-markdown.theme__red h4, .cherry-markdown.theme__red h5 {
4442
+ color: #d6336c;
4443
+ text-align: center;
4444
+ border-bottom: 1px dashed #c2255c;
4445
+ padding-bottom: 15px;
4446
+ margin-bottom: 25px;
4447
+ }
4448
+ .cherry-markdown.theme__red h1, .cherry-markdown.theme__red h2, .cherry-markdown.theme__red h3, .cherry-markdown.theme__red h4, .cherry-markdown.theme__red h5, .cherry-markdown.theme__red h6 {
4449
+ /** 标题前面的锚点或序号 */
4450
+ }
4451
+ .cherry-markdown.theme__red ul {
4452
+ /** checklist 模式,未勾选时 */
4453
+ /** checklist 模式,勾选时 */
4454
+ }
4455
+ .cherry-markdown.theme__red ul.cherry-list__upper-roman {
4456
+ list-style: upper-roman;
4457
+ }
4458
+ .cherry-markdown.theme__red ul.cherry-list__lower-greek {
4459
+ list-style: lower-greek;
4460
+ }
4461
+ .cherry-markdown.theme__red ul.cherry-list__cjk-ideographic {
4462
+ list-style: cjk-ideographic;
4463
+ }
4464
+ .cherry-markdown.theme__red ul.cherry-list__circle {
4465
+ list-style: circle;
4466
+ }
4467
+ .cherry-markdown.theme__red ul.cherry-list__square {
4468
+ list-style: square;
4469
+ }
4470
+ .cherry-markdown.theme__red blockquote {
4471
+ color: #a61e4d;
4472
+ background-color: #ffdeeb;
4473
+ border-color: #c2255c;
4474
+ }
4475
+ .cherry-markdown.theme__red a {
4476
+ text-decoration: none;
4477
+ color: #f06595;
4478
+ }
4479
+ .cherry-markdown.theme__red a:hover {
4480
+ text-decoration: underline;
4481
+ color: #d6336c;
4482
+ }
4483
+ .cherry-markdown.theme__red hr {
4484
+ border-color: #c2255c;
4485
+ }
4486
+ .cherry-markdown.theme__red p code, .cherry-markdown.theme__red li code {
4487
+ background-color: #ffdeeb;
4488
+ color: #f06595;
4489
+ border: 1px solid #c2255c;
4490
+ }
4491
+ .cherry-markdown.theme__red table, .cherry-markdown.theme__red .cherry-table {
4492
+ color: #a61e4d;
4493
+ }
4494
+ .cherry-markdown.theme__red table th, .cherry-markdown.theme__red .cherry-table th {
4495
+ background-color: #ffdeeb;
4496
+ }
4497
+ .cherry-markdown.theme__red table tr, .cherry-markdown.theme__red table th, .cherry-markdown.theme__red table td, .cherry-markdown.theme__red .cherry-table tr, .cherry-markdown.theme__red .cherry-table th, .cherry-markdown.theme__red .cherry-table td {
4498
+ border-color: #c2255c;
4499
+ }
4500
+ .cherry-markdown.theme__red ruby {
4501
+ /** 上部的拼音 */
4502
+ }
4503
+ .cherry-markdown.theme__red .footnote {
4504
+ border-color: #c2255c;
4505
+ }
4506
+ .cherry-markdown.theme__red .footnote .footnote-title {
4507
+ background-color: #ffdeeb;
4508
+ }
4509
+ .cherry-markdown.theme__red .footnote .one-footnote {
4510
+ color: #a61e4d;
4511
+ border-color: #c2255c;
4512
+ }
4513
+ .cherry-markdown.theme__red .footnote .one-footnote a.footnote-ref {
4514
+ padding: 5px;
4515
+ }
4516
+ .cherry-markdown.theme__red .toc {
4517
+ border-bottom: 1px solid #c2255c;
4518
+ padding-bottom: 15px;
4519
+ margin-bottom: 30px;
4520
+ }
4521
+ .cherry-markdown.theme__red .toc .toc-title {
4522
+ text-align: center;
4523
+ padding-bottom: 15px;
4524
+ margin-top: 30px;
4525
+ margin-bottom: 15px;
4526
+ border-bottom: 1px solid #c2255c;
4527
+ }
4528
+ .cherry-markdown.theme__red .toc .toc-li {
4529
+ border: none;
4530
+ }
4531
+ .cherry-markdown.theme__red .toc .toc-li a {
4532
+ color: #a61e4d;
4533
+ }
4534
+ .cherry-markdown.theme__red .toc .toc-li a:hover {
4535
+ color: #d6336c;
4536
+ }
4537
+
4538
+ /** 工具栏样式 */
4539
+ /** 编辑区域样式 */
4540
+ /** 预览区域样式 */
4541
+ /** markdown样式 */
4542
+ /** 编辑器样式 */
4543
+ .cherry.theme__violet {
4544
+ /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
4545
+ /** 二级菜单 */
4546
+ /** 选中文字时弹出的按钮 */
4547
+ /** 光标focus到空行时联想出的按钮 */
4548
+ }
4549
+ .cherry.theme__violet .cherry-toolbar, .cherry.theme__violet .cherry-floatmenu, .cherry.theme__violet .cherry-bubble, .cherry.theme__violet .cherry-sidebar {
4550
+ background: #FFF;
4551
+ border-color: #FFF;
4552
+ }
4553
+ .cherry.theme__violet .cherry-toolbar .cherry-toolbar-button, .cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__violet .cherry-bubble .cherry-toolbar-button, .cherry.theme__violet .cherry-sidebar .cherry-toolbar-button {
4554
+ color: #5f3dc4;
4555
+ }
4556
+ .cherry.theme__violet .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__violet .cherry-bubble .cherry-toolbar-button i, .cherry.theme__violet .cherry-sidebar .cherry-toolbar-button i {
4557
+ color: #5f3dc4;
4558
+ }
4559
+ .cherry.theme__violet .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__violet .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__violet .cherry-sidebar .cherry-toolbar-button:hover {
4560
+ background-color: #845ef7;
4561
+ color: #f3f0ff !important;
4562
+ border-color: #FFF;
4563
+ }
4564
+ .cherry.theme__violet .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__violet .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__violet .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__violet .cherry-sidebar .cherry-toolbar-button:hover i {
4565
+ color: #f3f0ff !important;
4566
+ }
4567
+ .cherry.theme__violet .cherry-dropdown {
4568
+ background: #FFF;
4569
+ /** 选择颜色的按钮 */
4570
+ }
4571
+ .cherry.theme__violet .cherry-dropdown .cherry-dropdown-item {
4572
+ color: #5f3dc4;
4573
+ }
4574
+ .cherry.theme__violet .cherry-dropdown .cherry-dropdown-item:hover {
4575
+ background-color: #845ef7;
4576
+ color: #f3f0ff;
4577
+ }
4578
+ .cherry.theme__violet .cherry-dropdown.cherry-color-wrap {
4579
+ /** 色盘的标题 */
4580
+ /** 色盘里的每一个色块 */
4581
+ }
4582
+ .cherry.theme__violet .cherry-dropdown.cherry-color-wrap h3 {
4583
+ color: #5f3dc4;
4584
+ }
4585
+ .cherry.theme__violet .cherry-dropdown.cherry-color-wrap .cherry-color-item {
4586
+ border-color: #845ef7;
4587
+ }
4588
+ .cherry.theme__violet .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
4589
+ border-color: #5f3dc4;
4590
+ }
4591
+ .cherry.theme__violet .cherry-bubble {
4592
+ /** 粘贴HTML内容时弹出的选择按钮 */
4593
+ }
4594
+ .cherry.theme__violet .cherry-bubble .cherry-bubble-bottom {
4595
+ border-top-color: #FFF;
4596
+ }
4597
+ .cherry.theme__violet .cherry-editor {
4598
+ background-color: #FFF;
4599
+ }
4600
+ .cherry.theme__violet .cherry-editor .CodeMirror {
4601
+ background-color: #FFF;
4602
+ }
4603
+ .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-cursor {
4604
+ border-left: 1px solid #5f3dc4;
4605
+ }
4606
+ .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
4607
+ color: #5f3dc4;
4608
+ }
4609
+ .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header {
4610
+ color: #7048e8;
4611
+ }
4612
+ .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4613
+ background-color: #f3f0ff;
4614
+ }
4615
+ .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4616
+ color: #7950f2;
4617
+ }
4618
+ .cherry.theme__violet .cherry-editor .CodeMirror .CodeMirror-selected {
4619
+ background-color: #d0bfff;
4620
+ }
4621
+ .cherry.theme__violet .cherry-sidebar {
4622
+ box-shadow: 0 0 10px rgba(128, 145, 165, 0.2);
4623
+ }
4624
+ .cherry.theme__violet .cherry-previewer {
4625
+ background-color: #FFF;
4626
+ }
4627
+ .cherry.theme__violet .cherry-previewer .cherry-mobile-previewer-content {
4628
+ background-color: #FFF;
4629
+ }
4630
+ .cherry.theme__violet .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
4631
+ background-color: #FFF;
4632
+ color: #5f3dc4;
4633
+ outline-color: #7048e8;
4634
+ }
4635
+
4636
+ /** 预览区域样式 */
4637
+ .cherry-markdown.theme__violet {
4638
+ color: #5f3dc4;
4639
+ background-color: #FFF;
4640
+ /** 行内代码 */
4641
+ /**
4642
+ * 代码块
4643
+ */
4644
+ /**
4645
+ * 表格
4646
+ */
4647
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
4648
+ /** 脚注 */
4649
+ /** 行间公式 */
4650
+ /** 段落公式 */
4651
+ /** 目录 */
4652
+ }
4653
+ .cherry-markdown.theme__violet h1, .cherry-markdown.theme__violet h2, .cherry-markdown.theme__violet h3, .cherry-markdown.theme__violet h4, .cherry-markdown.theme__violet h5 {
4654
+ color: #7048e8;
4655
+ text-align: center;
4656
+ margin-bottom: 35px;
4657
+ }
4658
+ .cherry-markdown.theme__violet h1, .cherry-markdown.theme__violet h2, .cherry-markdown.theme__violet h3, .cherry-markdown.theme__violet h4, .cherry-markdown.theme__violet h5, .cherry-markdown.theme__violet h6 {
4659
+ /** 标题前面的锚点或序号 */
4660
+ }
4661
+ .cherry-markdown.theme__violet ul {
4662
+ /** checklist 模式,未勾选时 */
4663
+ /** checklist 模式,勾选时 */
4664
+ }
4665
+ .cherry-markdown.theme__violet ul.cherry-list__upper-roman {
4666
+ list-style: upper-roman;
4667
+ }
4668
+ .cherry-markdown.theme__violet ul.cherry-list__lower-greek {
4669
+ list-style: lower-greek;
4670
+ }
4671
+ .cherry-markdown.theme__violet ul.cherry-list__cjk-ideographic {
4672
+ list-style: cjk-ideographic;
4673
+ }
4674
+ .cherry-markdown.theme__violet ul.cherry-list__circle {
4675
+ list-style: circle;
4676
+ }
4677
+ .cherry-markdown.theme__violet ul.cherry-list__square {
4678
+ list-style: square;
4679
+ }
4680
+ .cherry-markdown.theme__violet blockquote {
4681
+ color: #5f3dc4;
4682
+ background-color: #e5dbff;
4683
+ border-color: #6741d9;
4684
+ }
4685
+ .cherry-markdown.theme__violet a {
4686
+ text-decoration: none;
4687
+ color: #7950f2;
4688
+ }
4689
+ .cherry-markdown.theme__violet a:hover {
4690
+ text-decoration: underline;
4691
+ color: #7048e8;
4692
+ }
4693
+ .cherry-markdown.theme__violet hr {
4694
+ border-color: #6741d9;
4695
+ }
4696
+ .cherry-markdown.theme__violet p code, .cherry-markdown.theme__violet li code {
4697
+ background-color: #e5dbff;
4698
+ color: #7950f2;
4699
+ border: 1px solid #6741d9;
4700
+ }
4701
+ .cherry-markdown.theme__violet table, .cherry-markdown.theme__violet .cherry-table {
4702
+ color: #5f3dc4;
4703
+ }
4704
+ .cherry-markdown.theme__violet table th, .cherry-markdown.theme__violet .cherry-table th {
4705
+ background-color: #e5dbff;
4706
+ }
4707
+ .cherry-markdown.theme__violet table tr, .cherry-markdown.theme__violet table th, .cherry-markdown.theme__violet table td, .cherry-markdown.theme__violet .cherry-table tr, .cherry-markdown.theme__violet .cherry-table th, .cherry-markdown.theme__violet .cherry-table td {
4708
+ border-color: #6741d9;
4709
+ }
4710
+ .cherry-markdown.theme__violet ruby {
4711
+ /** 上部的拼音 */
4712
+ }
4713
+ .cherry-markdown.theme__violet .footnote {
4714
+ border-color: #6741d9;
4715
+ }
4716
+ .cherry-markdown.theme__violet .footnote .footnote-title {
4717
+ background-color: #e5dbff;
4718
+ }
4719
+ .cherry-markdown.theme__violet .footnote .one-footnote {
4720
+ color: #5f3dc4;
4721
+ border-color: #6741d9;
4722
+ }
4723
+ .cherry-markdown.theme__violet .footnote .one-footnote a.footnote-ref {
4724
+ padding: 5px;
4725
+ }
4726
+ .cherry-markdown.theme__violet .toc {
4727
+ border-bottom: 1px solid #6741d9;
4728
+ padding-bottom: 15px;
4729
+ margin-bottom: 30px;
4730
+ }
4731
+ .cherry-markdown.theme__violet .toc .toc-title {
4732
+ text-align: center;
4733
+ padding-bottom: 15px;
4734
+ margin-top: 30px;
4735
+ margin-bottom: 15px;
4736
+ border-bottom: 1px solid #6741d9;
4737
+ }
4738
+ .cherry-markdown.theme__violet .toc .toc-li {
4739
+ border: none;
4740
+ }
4741
+ .cherry-markdown.theme__violet .toc .toc-li a {
4742
+ color: #5f3dc4;
4743
+ }
4744
+ .cherry-markdown.theme__violet .toc .toc-li a:hover {
4745
+ color: #7048e8;
4746
+ }
4747
+
4748
+ /** 色值可以参考:https://yeun.github.io/open-color/ */
4749
+ /** 工具栏样式 */
4750
+ /** 编辑区域样式 */
4751
+ /** 预览区域样式 */
4752
+ /** markdown样式 */
4753
+ /** 编辑器样式 */
4754
+ .cherry.theme__blue {
4755
+ /** 顶部按钮, 选中文字时弹出的按钮, 光标focus到空行时联想出的按钮, 侧边栏按钮 */
4756
+ /** 二级菜单 */
4757
+ /** 选中文字时弹出的按钮 */
4758
+ }
4759
+ .cherry.theme__blue .cherry-toolbar, .cherry.theme__blue .cherry-floatmenu, .cherry.theme__blue .cherry-bubble, .cherry.theme__blue .cherry-sidebar {
4760
+ background: #e5dbff;
4761
+ border-color: #e5dbff;
4762
+ }
4763
+ .cherry.theme__blue .cherry-toolbar .cherry-toolbar-button, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button {
4764
+ color: #3b5bdb;
4765
+ }
4766
+ .cherry.theme__blue .cherry-toolbar .cherry-toolbar-button i, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button i, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button i, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button i {
4767
+ color: #3b5bdb;
4768
+ }
4769
+ .cherry.theme__blue .cherry-toolbar .cherry-toolbar-button:hover, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button:hover, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button:hover, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button:hover {
4770
+ background-color: #845ef7;
4771
+ color: #edf2ff !important;
4772
+ border-color: #e5dbff;
4773
+ }
4774
+ .cherry.theme__blue .cherry-toolbar .cherry-toolbar-button:hover i, .cherry.theme__blue .cherry-floatmenu .cherry-toolbar-button:hover i, .cherry.theme__blue .cherry-bubble .cherry-toolbar-button:hover i, .cherry.theme__blue .cherry-sidebar .cherry-toolbar-button:hover i {
4775
+ color: #edf2ff !important;
4776
+ }
4777
+ .cherry.theme__blue .cherry-dropdown {
4778
+ background: #e5dbff;
4779
+ /** 选择颜色的按钮 */
4780
+ }
4781
+ .cherry.theme__blue .cherry-dropdown .cherry-dropdown-item {
4782
+ color: #3b5bdb;
4783
+ }
4784
+ .cherry.theme__blue .cherry-dropdown .cherry-dropdown-item:hover {
4785
+ background-color: #845ef7;
4786
+ color: #edf2ff;
4787
+ }
4788
+ .cherry.theme__blue .cherry-dropdown.cherry-color-wrap {
4789
+ /** 色盘的标题 */
4790
+ /** 色盘里的每一个色块 */
4791
+ }
4792
+ .cherry.theme__blue .cherry-dropdown.cherry-color-wrap h3 {
4793
+ color: #3b5bdb;
4794
+ }
4795
+ .cherry.theme__blue .cherry-dropdown.cherry-color-wrap .cherry-color-item {
4796
+ border-color: #845ef7;
4797
+ }
4798
+ .cherry.theme__blue .cherry-dropdown.cherry-color-wrap .cherry-color-item:hover {
4799
+ border-color: #364fc7;
4800
+ }
4801
+ .cherry.theme__blue .cherry-bubble {
4802
+ /** 粘贴HTML内容时弹出的选择按钮 */
4803
+ }
4804
+ .cherry.theme__blue .cherry-bubble .cherry-bubble-bottom {
4805
+ border-top-color: #e5dbff;
4806
+ }
4807
+ .cherry.theme__blue .cherry-editor {
4808
+ background-color: #f3f0ff;
4809
+ }
4810
+ .cherry.theme__blue .cherry-editor .CodeMirror {
4811
+ background-color: #f3f0ff;
4812
+ }
4813
+ .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-cursor {
4814
+ border-left: 1px solid #364fc7;
4815
+ }
4816
+ .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll span, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-variable-2, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-string, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-strong, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-em, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-meta {
4817
+ color: #364fc7;
4818
+ }
4819
+ .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-image-marker, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-quote, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-header {
4820
+ color: #4263eb;
4821
+ }
4822
+ .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4823
+ background-color: #e5dbff;
4824
+ }
4825
+ .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-comment, .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-scroll .cm-url {
4826
+ color: #5c7cfa;
4827
+ }
4828
+ .cherry.theme__blue .cherry-editor .CodeMirror .CodeMirror-selected {
4829
+ background-color: #d0bfff;
4830
+ }
4831
+ .cherry.theme__blue .cherry-sidebar {
4832
+ box-shadow: 0 0 10px #bac8ff;
4833
+ }
4834
+ .cherry.theme__blue .cherry-previewer {
4835
+ background-color: #f3f0ff;
4836
+ }
4837
+ .cherry.theme__blue .cherry-previewer .cherry-mobile-previewer-content {
4838
+ background-color: #f3f0ff;
4839
+ }
4840
+ .cherry.theme__blue .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
4841
+ background-color: #f3f0ff;
4842
+ color: #364fc7;
4843
+ outline-color: #4263eb;
4844
+ }
4845
+
4846
+ /** 预览区域样式 */
4847
+ .cherry-markdown.theme__blue {
4848
+ color: #364fc7;
4849
+ background-color: #f3f0ff;
4850
+ /** 行内代码 */
4851
+ /**
4852
+ * 代码块
4853
+ */
4854
+ /**
4855
+ * 表格
4856
+ */
4857
+ /** 可以理解为上下结构的音标,下部是文字,上部是对应的拼音 */
4858
+ /** 脚注 */
4859
+ /** 行间公式 */
4860
+ /** 段落公式 */
4861
+ /** 目录 */
4862
+ }
4863
+ .cherry-markdown.theme__blue h1, .cherry-markdown.theme__blue h2, .cherry-markdown.theme__blue h3, .cherry-markdown.theme__blue h4, .cherry-markdown.theme__blue h5 {
4864
+ color: #4263eb;
4865
+ text-align: center;
4866
+ border-bottom: 1px dashed #3b5bdb;
4867
+ padding-bottom: 15px;
4868
+ margin-bottom: 25px;
4869
+ }
4870
+ .cherry-markdown.theme__blue h1, .cherry-markdown.theme__blue h2, .cherry-markdown.theme__blue h3, .cherry-markdown.theme__blue h4, .cherry-markdown.theme__blue h5, .cherry-markdown.theme__blue h6 {
4871
+ /** 标题前面的锚点或序号 */
4872
+ }
4873
+ .cherry-markdown.theme__blue ul {
4874
+ /** checklist 模式,未勾选时 */
4875
+ /** checklist 模式,勾选时 */
4876
+ }
4877
+ .cherry-markdown.theme__blue ul.cherry-list__upper-roman {
4878
+ list-style: upper-roman;
4879
+ }
4880
+ .cherry-markdown.theme__blue ul.cherry-list__lower-greek {
4881
+ list-style: lower-greek;
4882
+ }
4883
+ .cherry-markdown.theme__blue ul.cherry-list__cjk-ideographic {
4884
+ list-style: cjk-ideographic;
4885
+ }
4886
+ .cherry-markdown.theme__blue ul.cherry-list__circle {
4887
+ list-style: circle;
4888
+ }
4889
+ .cherry-markdown.theme__blue ul.cherry-list__square {
4890
+ list-style: square;
4891
+ }
4892
+ .cherry-markdown.theme__blue blockquote {
4893
+ color: #364fc7;
4894
+ background-color: #e5dbff;
4895
+ border-color: #3b5bdb;
4896
+ }
4897
+ .cherry-markdown.theme__blue a {
4898
+ text-decoration: none;
4899
+ color: #5c7cfa;
4900
+ }
4901
+ .cherry-markdown.theme__blue a:hover {
4902
+ text-decoration: underline;
4903
+ color: #4263eb;
4904
+ }
4905
+ .cherry-markdown.theme__blue hr {
4906
+ border-color: #3b5bdb;
4907
+ }
4908
+ .cherry-markdown.theme__blue p code, .cherry-markdown.theme__blue li code {
4909
+ background-color: #e5dbff;
4910
+ color: #5c7cfa;
4911
+ border: 1px solid #3b5bdb;
4912
+ }
4913
+ .cherry-markdown.theme__blue table, .cherry-markdown.theme__blue .cherry-table {
4914
+ color: #364fc7;
4915
+ }
4916
+ .cherry-markdown.theme__blue table th, .cherry-markdown.theme__blue .cherry-table th {
4917
+ background-color: #e5dbff;
4918
+ }
4919
+ .cherry-markdown.theme__blue table tr, .cherry-markdown.theme__blue table th, .cherry-markdown.theme__blue table td, .cherry-markdown.theme__blue .cherry-table tr, .cherry-markdown.theme__blue .cherry-table th, .cherry-markdown.theme__blue .cherry-table td {
4920
+ border-color: #3b5bdb;
4921
+ }
4922
+ .cherry-markdown.theme__blue ruby {
4923
+ /** 上部的拼音 */
4924
+ }
4925
+ .cherry-markdown.theme__blue .footnote {
4926
+ border-color: #3b5bdb;
4927
+ }
4928
+ .cherry-markdown.theme__blue .footnote .footnote-title {
4929
+ background-color: #e5dbff;
4930
+ }
4931
+ .cherry-markdown.theme__blue .footnote .one-footnote {
4932
+ color: #364fc7;
4933
+ border-color: #3b5bdb;
4934
+ }
4935
+ .cherry-markdown.theme__blue .footnote .one-footnote a.footnote-ref {
4936
+ padding: 5px;
4937
+ }
4938
+ .cherry-markdown.theme__blue .toc {
4939
+ border-bottom: 1px solid #3b5bdb;
4940
+ padding-bottom: 15px;
4941
+ margin-bottom: 30px;
4942
+ }
4943
+ .cherry-markdown.theme__blue .toc .toc-title {
4944
+ text-align: center;
4945
+ padding-bottom: 15px;
4946
+ margin-top: 30px;
4947
+ margin-bottom: 15px;
4948
+ border-bottom: 1px solid #3b5bdb;
4949
+ }
4950
+ .cherry-markdown.theme__blue .toc .toc-li {
4951
+ border: none;
4952
+ }
4953
+ .cherry-markdown.theme__blue .toc .toc-li a {
4954
+ color: #364fc7;
4955
+ }
4956
+ .cherry-markdown.theme__blue .toc .toc-li a:hover {
4957
+ color: #4263eb;
4958
+ }