suneditor 2.47.5 → 2.47.7

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.
Files changed (141) hide show
  1. package/LICENSE.txt +20 -20
  2. package/README.md +1625 -1613
  3. package/dist/css/suneditor.min.css +1 -1
  4. package/dist/suneditor.min.js +2 -2
  5. package/example.md +586 -586
  6. package/package.json +71 -71
  7. package/src/assets/css/suneditor-contents.css +561 -561
  8. package/src/assets/css/suneditor.css +2 -2
  9. package/src/assets/defaultIcons.js +103 -103
  10. package/src/lang/Lang.d.ts +143 -143
  11. package/src/lang/ckb.d.ts +4 -4
  12. package/src/lang/ckb.js +187 -187
  13. package/src/lang/cs.d.ts +4 -4
  14. package/src/lang/cs.js +187 -187
  15. package/src/lang/da.d.ts +4 -4
  16. package/src/lang/da.js +191 -191
  17. package/src/lang/de.d.ts +4 -4
  18. package/src/lang/de.js +188 -188
  19. package/src/lang/en.d.ts +4 -4
  20. package/src/lang/en.js +187 -187
  21. package/src/lang/es.d.ts +4 -4
  22. package/src/lang/es.js +187 -187
  23. package/src/lang/fa.d.ts +4 -4
  24. package/src/lang/fa.js +187 -187
  25. package/src/lang/fr.d.ts +4 -4
  26. package/src/lang/fr.js +188 -188
  27. package/src/lang/he.d.ts +4 -4
  28. package/src/lang/he.js +188 -188
  29. package/src/lang/hu.d.ts +5 -5
  30. package/src/lang/hu.js +188 -188
  31. package/src/lang/index.d.ts +25 -24
  32. package/src/lang/index.js +30 -27
  33. package/src/lang/it.d.ts +4 -4
  34. package/src/lang/it.js +188 -188
  35. package/src/lang/ja.d.ts +4 -4
  36. package/src/lang/ja.js +187 -187
  37. package/src/lang/km.d.ts +5 -0
  38. package/src/lang/km.js +188 -0
  39. package/src/lang/ko.d.ts +4 -4
  40. package/src/lang/ko.js +187 -187
  41. package/src/lang/lv.d.ts +4 -4
  42. package/src/lang/lv.js +187 -187
  43. package/src/lang/nl.d.ts +4 -4
  44. package/src/lang/nl.js +187 -187
  45. package/src/lang/pl.d.ts +4 -4
  46. package/src/lang/pl.js +187 -187
  47. package/src/lang/pt_br.d.ts +4 -4
  48. package/src/lang/pt_br.js +189 -189
  49. package/src/lang/ro.d.ts +4 -4
  50. package/src/lang/ro.js +187 -187
  51. package/src/lang/ru.d.ts +4 -4
  52. package/src/lang/ru.js +187 -187
  53. package/src/lang/se.d.ts +4 -4
  54. package/src/lang/se.js +191 -191
  55. package/src/lang/tr.d.ts +5 -5
  56. package/src/lang/tr.js +191 -191
  57. package/src/lang/ua.d.ts +5 -5
  58. package/src/lang/ua.js +188 -188
  59. package/src/lang/ur.d.ts +4 -4
  60. package/src/lang/ur.js +187 -187
  61. package/src/lang/zh_cn.d.ts +4 -4
  62. package/src/lang/zh_cn.js +187 -187
  63. package/src/lib/constructor.js +0 -0
  64. package/src/lib/context.d.ts +42 -42
  65. package/src/lib/context.js +0 -0
  66. package/src/lib/core.d.ts +1135 -1135
  67. package/src/lib/core.js +9 -3
  68. package/src/lib/history.d.ts +48 -48
  69. package/src/lib/history.js +218 -218
  70. package/src/lib/util.d.ts +677 -677
  71. package/src/lib/util.js +1 -1
  72. package/src/options.d.ts +621 -620
  73. package/src/plugins/CommandPlugin.d.ts +7 -7
  74. package/src/plugins/DialogPlugin.d.ts +19 -19
  75. package/src/plugins/FileBrowserPlugin.d.ts +29 -29
  76. package/src/plugins/Module.d.ts +14 -14
  77. package/src/plugins/Plugin.d.ts +41 -41
  78. package/src/plugins/SubmenuPlugin.d.ts +7 -7
  79. package/src/plugins/command/blockquote.d.ts +4 -4
  80. package/src/plugins/command/blockquote.js +46 -46
  81. package/src/plugins/dialog/audio.d.ts +4 -4
  82. package/src/plugins/dialog/audio.js +557 -558
  83. package/src/plugins/dialog/image.d.ts +4 -4
  84. package/src/plugins/dialog/image.js +1126 -1127
  85. package/src/plugins/dialog/link.d.ts +4 -4
  86. package/src/plugins/dialog/link.js +223 -223
  87. package/src/plugins/dialog/math.d.ts +4 -4
  88. package/src/plugins/dialog/math.js +300 -300
  89. package/src/plugins/dialog/video.d.ts +4 -4
  90. package/src/plugins/dialog/video.js +989 -989
  91. package/src/plugins/fileBrowser/imageGallery.d.ts +4 -4
  92. package/src/plugins/fileBrowser/imageGallery.js +64 -64
  93. package/src/plugins/index.d.ts +79 -79
  94. package/src/plugins/index.js +32 -32
  95. package/src/plugins/modules/_anchor.js +461 -461
  96. package/src/plugins/modules/_colorPicker.d.ts +59 -59
  97. package/src/plugins/modules/_colorPicker.js +0 -0
  98. package/src/plugins/modules/_notice.d.ts +20 -20
  99. package/src/plugins/modules/_notice.js +72 -72
  100. package/src/plugins/modules/_selectMenu.js +118 -118
  101. package/src/plugins/modules/component.d.ts +24 -24
  102. package/src/plugins/modules/component.js +80 -80
  103. package/src/plugins/modules/dialog.d.ts +27 -27
  104. package/src/plugins/modules/dialog.js +174 -174
  105. package/src/plugins/modules/fileBrowser.d.ts +41 -41
  106. package/src/plugins/modules/fileBrowser.js +377 -377
  107. package/src/plugins/modules/fileManager.d.ts +66 -66
  108. package/src/plugins/modules/fileManager.js +325 -325
  109. package/src/plugins/modules/index.d.ts +10 -10
  110. package/src/plugins/modules/index.js +8 -8
  111. package/src/plugins/modules/resizing.d.ts +153 -153
  112. package/src/plugins/modules/resizing.js +902 -902
  113. package/src/plugins/submenu/align.d.ts +4 -4
  114. package/src/plugins/submenu/align.js +160 -160
  115. package/src/plugins/submenu/font.d.ts +4 -4
  116. package/src/plugins/submenu/font.js +123 -123
  117. package/src/plugins/submenu/fontColor.d.ts +4 -4
  118. package/src/plugins/submenu/fontColor.js +0 -0
  119. package/src/plugins/submenu/fontSize.d.ts +4 -4
  120. package/src/plugins/submenu/fontSize.js +112 -112
  121. package/src/plugins/submenu/formatBlock.d.ts +4 -4
  122. package/src/plugins/submenu/formatBlock.js +273 -273
  123. package/src/plugins/submenu/hiliteColor.d.ts +4 -4
  124. package/src/plugins/submenu/hiliteColor.js +0 -0
  125. package/src/plugins/submenu/horizontalRule.d.ts +4 -4
  126. package/src/plugins/submenu/horizontalRule.js +98 -98
  127. package/src/plugins/submenu/lineHeight.d.ts +4 -4
  128. package/src/plugins/submenu/lineHeight.js +104 -104
  129. package/src/plugins/submenu/list.d.ts +4 -4
  130. package/src/plugins/submenu/list.js +456 -456
  131. package/src/plugins/submenu/paragraphStyle.d.ts +4 -4
  132. package/src/plugins/submenu/paragraphStyle.js +135 -135
  133. package/src/plugins/submenu/table.d.ts +4 -4
  134. package/src/plugins/submenu/template.d.ts +4 -4
  135. package/src/plugins/submenu/template.js +71 -71
  136. package/src/plugins/submenu/textStyle.d.ts +4 -4
  137. package/src/plugins/submenu/textStyle.js +167 -167
  138. package/src/suneditor.d.ts +9 -9
  139. package/src/suneditor.js +75 -75
  140. package/src/suneditor_build.js +20 -17
  141. package/README_V3_TEMP.md +0 -630
@@ -1,562 +1,562 @@
1
- /* All classes used must begin with "__se__". */
2
- /* used color #000 , #fff , #CCC, #f9f9f9 */
3
- /* font color #333, background color: #fff */
4
- /* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
5
- /* blue color #c7deff , #80bdff , #3f9dff , #4592ff */
6
- /* red color #b94a48 , #f2dede , #eed3d7 */
7
-
8
- /* suneditor contents */
9
- .sun-editor-editable {
10
- font-family: Helvetica Neue;
11
- font-size: 13px;
12
- color: #333;
13
- background-color: #fff;
14
- line-height: 1.5;
15
- word-break: normal;
16
- word-wrap: break-word;
17
- padding: 16px;
18
- margin: 0;
19
- }
20
-
21
- .sun-editor-editable * {
22
- -webkit-box-sizing: border-box;
23
- -moz-box-sizing: border-box;
24
- box-sizing: border-box;
25
- font-family: inherit;
26
- font-size: inherit;
27
- color: inherit;
28
- }
29
-
30
- /* RTL - editable */
31
- .sun-editor-editable.se-rtl * {
32
- direction: rtl;
33
- }
34
-
35
- .sun-editor-editable .se-component > figure {
36
- direction: initial;
37
- }
38
-
39
- /** controllers on tag */
40
- .sun-editor-editable td, .sun-editor-editable th,
41
- .sun-editor-editable figure, .sun-editor-editable figcaption, .sun-editor-editable img,
42
- .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
43
- position: relative;
44
- }
45
-
46
- /** span */
47
- .sun-editor-editable span {
48
- display: inline;
49
- vertical-align: baseline;
50
- margin: 0;
51
- padding: 0;
52
- }
53
- /* katex */
54
- .sun-editor-editable span.katex {
55
- display: inline-block;
56
- }
57
- .sun-editor-editable span.katex * {
58
- direction: ltr;
59
- }
60
-
61
- /* a */
62
- .sun-editor-editable a {
63
- color: #004cff;
64
- text-decoration: none;
65
- }
66
- .sun-editor-editable span[style~="color:"] a {
67
- color: inherit;
68
- }
69
- .sun-editor-editable a:hover, .sun-editor-editable a:focus {
70
- cursor: pointer;
71
- color: #0093ff;
72
- text-decoration: underline;
73
- }
74
- .sun-editor-editable a.on {
75
- color: #0093ff;
76
- background-color: #e8f7ff;
77
- }
78
-
79
- /* pre */
80
- .sun-editor-editable pre {
81
- display: block;
82
- padding: 8px;
83
- margin: 0 0 10px;
84
- font-family: monospace;
85
- color: #666;
86
- line-height: 1.45;
87
- background-color: #f9f9f9;
88
- border: 1px solid #e1e1e1;
89
- border-radius: 2px;
90
- white-space: pre-wrap !important;
91
- word-wrap: break-word;
92
- overflow: visible;
93
- }
94
-
95
- /* ol, ul */
96
- .sun-editor-editable ol {
97
- list-style-position: outside;
98
- display: block;
99
- list-style-type: decimal;
100
- margin-block-start: 1em;
101
- margin-block-end: 1em;
102
- margin-inline-start: 0px;
103
- margin-inline-end: 0px;
104
- padding-inline-start: 40px;
105
- }
106
- .sun-editor-editable ul {
107
- list-style-position: outside;
108
- display: block;
109
- list-style-type: disc;
110
- margin-block-start: 1em;
111
- margin-block-end: 1em;
112
- margin-inline-start: 0px;
113
- margin-inline-end: 0px;
114
- padding-inline-start: 40px;
115
- }
116
- .sun-editor-editable li {
117
- display: list-item;
118
- text-align: -webkit-match-parent;
119
- margin-bottom: 5px;
120
- }
121
- /* nested list ol, ul */
122
- .sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
123
- margin: 0;
124
- }
125
- .sun-editor-editable ol ol, .sun-editor-editable ul ol {
126
- list-style-type: lower-alpha;
127
- }
128
- .sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
129
- list-style-type: upper-roman;
130
- }
131
- .sun-editor-editable ul ul, .sun-editor-editable ol ul {
132
- list-style-type: circle;
133
- }
134
- .sun-editor-editable ul ul ul, .sun-editor-editable ol ul ul, .sun-editor-editable ol ol ul {
135
- list-style-type: square;
136
- }
137
-
138
- /* sub, sup */
139
- .sun-editor-editable sub, .sun-editor-editable sup {
140
- font-size: 75%;
141
- line-height: 0;
142
- }
143
- .sun-editor-editable sub {
144
- vertical-align: sub;
145
- }
146
- .sun-editor-editable sup {
147
- vertical-align: super;
148
- }
149
-
150
- /** format style */
151
- /* p */
152
- .sun-editor-editable p {
153
- display: block;
154
- margin: 0 0 10px;
155
- }
156
-
157
- /* div */
158
- .sun-editor-editable div {
159
- display: block;
160
- margin: 0;
161
- padding: 0;
162
- }
163
-
164
- /* blockquote */
165
- .sun-editor-editable blockquote {
166
- display: block;
167
- font-family: inherit;
168
- font-size: inherit;
169
- color: #999;
170
- margin-block-start: 1em;
171
- margin-block-end: 1em;
172
- margin-inline-start: 0;
173
- margin-inline-end: 0;
174
- border-style: solid;
175
- border-width: 0;
176
- padding-top: 0;
177
- padding-bottom: 0;
178
- border-color: #b1b1b1;
179
- padding-left: 20px;
180
- padding-right: 5px;
181
- border-left-width: 5px;
182
- border-right-width: 0px;
183
- }
184
- .sun-editor-editable blockquote blockquote {
185
- border-color: #c1c1c1;
186
- }
187
- .sun-editor-editable blockquote blockquote blockquote {
188
- border-color: #d1d1d1;
189
- }
190
- .sun-editor-editable blockquote blockquote blockquote blockquote {
191
- border-color: #e1e1e1;
192
- }
193
- /* RTL - blockquote */
194
- .sun-editor-editable.se-rtl blockquote {
195
- padding-left: 5px;
196
- padding-right: 20px;
197
- border-left-width: 0px;
198
- border-right-width: 5px;
199
- }
200
-
201
- /* h1 */
202
- .sun-editor-editable h1 {
203
- display: block;
204
- font-size: 2em;
205
- margin-block-start: 0.67em;
206
- margin-block-end: 0.67em;
207
- margin-inline-start: 0px;
208
- margin-inline-end: 0px;
209
- font-weight: bold;
210
- }
211
- /* h2 */
212
- .sun-editor-editable h2 {
213
- display: block;
214
- font-size: 1.5em;
215
- margin-block-start: 0.83em;
216
- margin-block-end: 0.83em;
217
- margin-inline-start: 0px;
218
- margin-inline-end: 0px;
219
- font-weight: bold;
220
- }
221
- /* h3 */
222
- .sun-editor-editable h3 {
223
- display: block;
224
- font-size: 1.17em;
225
- margin-block-start: 1em;
226
- margin-block-end: 1em;
227
- margin-inline-start: 0px;
228
- margin-inline-end: 0px;
229
- font-weight: bold;
230
- }
231
- /* h4 */
232
- .sun-editor-editable h4 {
233
- display: block;
234
- font-size: 1em;
235
- margin-block-start: 1.33em;
236
- margin-block-end: 1.33em;
237
- margin-inline-start: 0px;
238
- margin-inline-end: 0px;
239
- font-weight: bold;
240
- }
241
- /* h5 */
242
- .sun-editor-editable h5 {
243
- display: block;
244
- font-size: 0.83em;
245
- margin-block-start: 1.67em;
246
- margin-block-end: 1.67em;
247
- margin-inline-start: 0px;
248
- margin-inline-end: 0px;
249
- font-weight: bold;
250
- }
251
- /* h6 */
252
- .sun-editor-editable h6 {
253
- display: block;
254
- font-size: 0.67em;
255
- margin-block-start: 2.33em;
256
- margin-block-end: 2.33em;
257
- margin-inline-start: 0px;
258
- margin-inline-end: 0px;
259
- font-weight: bold;
260
- }
261
-
262
- /* hr */
263
- .sun-editor-editable hr {
264
- display: flex;
265
- border-width: 1px 0 0;
266
- border-color: black;
267
- border-image: initial;
268
- height: 1px;
269
- }
270
- .sun-editor-editable hr.__se__solid {
271
- border-style: solid none none;
272
- }
273
- .sun-editor-editable hr.__se__dotted {
274
- border-style: dotted none none;
275
- }
276
- .sun-editor-editable hr.__se__dashed {
277
- border-style: dashed none none;
278
- }
279
- .sun-editor-editable hr.on {
280
- border-color: #4592ff;
281
- -webkit-box-shadow:0 0 0 0.1rem #c7deff;
282
- box-shadow:0 0 0 0.1rem #c7deff;
283
- }
284
-
285
- /* table */
286
- .sun-editor-editable table {
287
- display: table;
288
- table-layout: auto !important;
289
- border: 1px solid rgb(204, 204, 204);
290
- width: 100%;
291
- max-width: 100%;
292
- margin: 0 0 10px;
293
- background-color: transparent;
294
- border-spacing: 0;
295
- border-collapse: collapse;
296
- }
297
-
298
- /* RTL - table */
299
- .sun-editor-editable.se-rtl table {
300
- margin: 0 0 10px auto;
301
- }
302
-
303
- .sun-editor-editable table thead {
304
- border-bottom: 2px solid #333;
305
- }
306
- .sun-editor-editable table tr {
307
- border: 1px solid #efefef;
308
- }
309
- .sun-editor-editable table th {
310
- background-color: #f3f3f3;
311
- }
312
- .sun-editor-editable table th, .sun-editor-editable table td {
313
- border: 1px solid #e1e1e1;
314
- padding:0.4em;
315
- background-clip: padding-box;
316
- }
317
- /** table style class */
318
- .sun-editor-editable table.se-table-size-auto {
319
- width: auto !important;
320
- }
321
- .sun-editor-editable table.se-table-size-100 {
322
- width: 100% !important;
323
- }
324
- .sun-editor-editable table.se-table-layout-auto {
325
- table-layout: auto !important;
326
- }
327
- .sun-editor-editable table.se-table-layout-fixed {
328
- table-layout: fixed !important;
329
- }
330
- /** table - select class */
331
- .sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
332
- outline: 1px double #4592ff;
333
- }
334
- .sun-editor-editable.se-disabled * {
335
- user-select: none;
336
- -o-user-select: none;
337
- -moz-user-select: none;
338
- -khtml-user-select: none;
339
- -webkit-user-select: none;
340
- -ms-user-select: none;
341
- }
342
-
343
- /** component (image, iframe video) */
344
- .sun-editor-editable .se-component {
345
- display: flex;
346
- padding: 1px;
347
- margin: 0 0 10px;
348
- }
349
- .sun-editor-editable[contenteditable=true] .se-component {
350
- outline: 1px dashed #e1e1e1;
351
- }
352
- /** component copy effect */
353
- .sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
354
- -webkit-box-shadow:0 0 0 0.2rem #80bdff; box-shadow:0 0 0 0.2rem #3f9dff; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
355
- }
356
-
357
- /* float */
358
- .sun-editor-editable .__se__float-left {
359
- float: left;
360
- margin-right: 4px;
361
- }
362
- .sun-editor-editable .__se__float-right {
363
- float: right;
364
- margin-left: 4px;
365
- }
366
- .sun-editor-editable .__se__float-center {
367
- float: center;
368
- }
369
- .sun-editor-editable .__se__float-none {
370
- float: none;
371
- }
372
-
373
- /** image, video .. */
374
- .sun-editor-editable img, .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
375
- display: block;
376
- margin: 0;
377
- padding: 0;
378
- width: auto;
379
- height: auto;
380
- max-width: 100%;
381
- }
382
- /* image, video - select index */
383
- .sun-editor-editable[contenteditable="true"]:not(.se-read-only) figure::after {
384
- position: absolute;
385
- content: '';
386
- z-index: 1;
387
- top: 0;
388
- left: 0;
389
- right: 0;
390
- bottom: 0;
391
- cursor: default;
392
- display: block;
393
- background: rgba(0,0,0,0);
394
- }
395
- .sun-editor-editable[contenteditable="true"] figure a, .sun-editor-editable[contenteditable="true"] figure img, .sun-editor-editable[contenteditable="true"] figure iframe, .sun-editor-editable[contenteditable="true"] figure video {
396
- z-index: 0;
397
- }
398
- .sun-editor-editable[contenteditable="true"] figure figcaption {
399
- display: block;
400
- z-index: 2;
401
- }
402
- .sun-editor-editable[contenteditable="true"] figure figcaption:focus {
403
- border-color: #80bdff;
404
- outline: 0;
405
- -webkit-box-shadow: 0 0 0 0.2rem #c7deff;
406
- box-shadow: 0 0 0 0.2rem #c7deff;
407
- }
408
-
409
- /** image, video iframe figure cover */
410
- .sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
411
- width: auto;
412
- height: auto;
413
- max-width: 100%;
414
- }
415
- .sun-editor-editable figure {
416
- display: block;
417
- outline: none;
418
- padding: 0;
419
- margin: 0;
420
- }
421
- .sun-editor-editable .__se__float-left figure,
422
- .sun-editor-editable .__se__float-right figure,
423
- .sun-editor-editable .__se__float-center figure {
424
- margin: auto !important;
425
- }
426
- .sun-editor-editable figure figcaption {
427
- padding: 1em .5em;
428
- margin: 0;
429
- background-color: #f9f9f9;
430
- outline: none;
431
- }
432
- .sun-editor-editable figure figcaption p{
433
- line-height: 2;
434
- margin: 0;
435
- }
436
-
437
- /* image */
438
- .sun-editor-editable .se-image-container a img {
439
- padding: 1px;
440
- margin: 1px;
441
- outline: 1px solid #4592ff;
442
- }
443
-
444
- /** video */
445
- .sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
446
- outline: 1px solid #9e9e9e;
447
- position: absolute;
448
- top: 0;
449
- left: 0;
450
- border: 0;
451
- width: 100%;
452
- height: 100%;
453
- }
454
- .sun-editor-editable .se-video-container figure {
455
- left: 0px;
456
- width: 100%;
457
- max-width: 100%;
458
- }
459
-
460
- /** audio */
461
- .sun-editor-editable audio {
462
- width: 300px;
463
- height: 54px;
464
- }
465
- .sun-editor-editable audio.active {
466
- outline: 2px solid #80bdff;
467
- }
468
-
469
- /** --- show blocks mode */
470
- .sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block div,
471
- .sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3,
472
- .sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li,
473
- .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul,
474
- .sun-editor-editable.se-show-block pre {
475
- border:1px dashed #3f9dff !important;
476
- padding:14px 8px 8px 8px !important;
477
- }
478
- .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
479
- border:1px dashed #d539ff !important;
480
- }
481
- .sun-editor-editable.se-show-block pre {
482
- border:1px dashed #27c022 !important;
483
- }
484
- .se-show-block p {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==') no-repeat;}
485
- .se-show-block div {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==') no-repeat;}
486
- .se-show-block h1 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC') no-repeat;}
487
- .se-show-block h2 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==') no-repeat;}
488
- .se-show-block h3 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC') no-repeat;}
489
- .se-show-block h4 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC') no-repeat;}
490
- .se-show-block h5 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC') no-repeat;}
491
- .se-show-block h6 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC') no-repeat;}
492
- .se-show-block li {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==') no-repeat;}
493
- .se-show-block ol {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==') no-repeat;}
494
- .se-show-block ul {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==') no-repeat;}
495
-
496
- /** -- Paragraph styles custom -- */
497
- /* Bordered */
498
- .sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
499
- border-top: solid 1px #b1b1b1;
500
- border-bottom: solid 1px #b1b1b1;
501
- padding: 4px 0;
502
- }
503
- /* Spaced */
504
- .sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
505
- letter-spacing: 1px;
506
- }
507
- /* Neon (https://codepen.io/GeorgePark/pen/MrjbEr) */
508
- .sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
509
- font-weight: 200;
510
- font-style: italic;
511
- background: #000;
512
- color: #fff;
513
- padding: 6px 4px;
514
- border: 2px solid #fff;
515
- border-radius: 6px;
516
- text-transform: uppercase;
517
- animation: neonFlicker 1.5s infinite alternate;
518
- }
519
- @keyframes neonFlicker {
520
- 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
521
- text-shadow:
522
- -0.2rem -0.2rem 1rem #fff,
523
- 0.2rem 0.2rem 1rem #fff,
524
- 0 0 2px #f40,
525
- 0 0 4px #f40,
526
- 0 0 6px #f40,
527
- 0 0 8px #f40,
528
- 0 0 10px #f40;
529
- box-shadow:
530
- 0 0 .5px #fff,
531
- inset 0 0 .5px #fff,
532
- 0 0 2px #08f,
533
- inset 0 0 2px #08f,
534
- 0 0 4px #08f,
535
- inset 0 0 4px #08f;
536
- }
537
- 20%, 24%, 55% {
538
- text-shadow: none;
539
- box-shadow: none;
540
- }
541
- }
542
-
543
- /* -- Text styles custom -- */
544
- /* Shadow */
545
- .sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
546
- text-shadow:
547
- -0.2rem -0.2rem 1rem #fff,
548
- 0.2rem 0.2rem 1rem #fff,
549
- 0 0 0.2rem #999,
550
- 0 0 0.4rem #888,
551
- 0 0 0.6rem #777,
552
- 0 0 0.8rem #666,
553
- 0 0 1rem #555;
554
- }
555
- /* Code */
556
- .sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
557
- font-family: monospace;
558
- color: #666;
559
- background-color: rgba(27,31,35,.05);
560
- border-radius: 6px;
561
- padding: 0.2em 0.4em;
1
+ /* All classes used must begin with "__se__". */
2
+ /* used color #000 , #fff , #CCC, #f9f9f9 */
3
+ /* font color #333, background color: #fff */
4
+ /* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
5
+ /* blue color #c7deff , #80bdff , #3f9dff , #4592ff */
6
+ /* red color #b94a48 , #f2dede , #eed3d7 */
7
+
8
+ /* suneditor contents */
9
+ .sun-editor-editable {
10
+ font-family: Helvetica Neue;
11
+ font-size: 13px;
12
+ color: #333;
13
+ background-color: #fff;
14
+ line-height: 1.5;
15
+ word-break: normal;
16
+ word-wrap: break-word;
17
+ padding: 16px;
18
+ margin: 0;
19
+ }
20
+
21
+ .sun-editor-editable * {
22
+ -webkit-box-sizing: border-box;
23
+ -moz-box-sizing: border-box;
24
+ box-sizing: border-box;
25
+ font-family: inherit;
26
+ font-size: inherit;
27
+ color: inherit;
28
+ }
29
+
30
+ /* RTL - editable */
31
+ .sun-editor-editable.se-rtl * {
32
+ direction: rtl;
33
+ }
34
+
35
+ .sun-editor-editable .se-component > figure {
36
+ direction: initial;
37
+ }
38
+
39
+ /** controllers on tag */
40
+ .sun-editor-editable td, .sun-editor-editable th,
41
+ .sun-editor-editable figure, .sun-editor-editable figcaption, .sun-editor-editable img,
42
+ .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
43
+ position: relative;
44
+ }
45
+
46
+ /** span */
47
+ .sun-editor-editable span {
48
+ display: inline;
49
+ vertical-align: baseline;
50
+ margin: 0;
51
+ padding: 0;
52
+ }
53
+ /* katex */
54
+ .sun-editor-editable span.katex {
55
+ display: inline-block;
56
+ }
57
+ .sun-editor-editable span.katex * {
58
+ direction: ltr;
59
+ }
60
+
61
+ /* a */
62
+ .sun-editor-editable a {
63
+ color: #004cff;
64
+ text-decoration: none;
65
+ }
66
+ .sun-editor-editable span[style~="color:"] a {
67
+ color: inherit;
68
+ }
69
+ .sun-editor-editable a:hover, .sun-editor-editable a:focus {
70
+ cursor: pointer;
71
+ color: #0093ff;
72
+ text-decoration: underline;
73
+ }
74
+ .sun-editor-editable a.on {
75
+ color: #0093ff;
76
+ background-color: #e8f7ff;
77
+ }
78
+
79
+ /* pre */
80
+ .sun-editor-editable pre {
81
+ display: block;
82
+ padding: 8px;
83
+ margin: 0 0 10px;
84
+ font-family: monospace;
85
+ color: #666;
86
+ line-height: 1.45;
87
+ background-color: #f9f9f9;
88
+ border: 1px solid #e1e1e1;
89
+ border-radius: 2px;
90
+ white-space: pre-wrap !important;
91
+ word-wrap: break-word;
92
+ overflow: visible;
93
+ }
94
+
95
+ /* ol, ul */
96
+ .sun-editor-editable ol {
97
+ list-style-position: outside;
98
+ display: block;
99
+ list-style-type: decimal;
100
+ margin-block-start: 1em;
101
+ margin-block-end: 1em;
102
+ margin-inline-start: 0px;
103
+ margin-inline-end: 0px;
104
+ padding-inline-start: 40px;
105
+ }
106
+ .sun-editor-editable ul {
107
+ list-style-position: outside;
108
+ display: block;
109
+ list-style-type: disc;
110
+ margin-block-start: 1em;
111
+ margin-block-end: 1em;
112
+ margin-inline-start: 0px;
113
+ margin-inline-end: 0px;
114
+ padding-inline-start: 40px;
115
+ }
116
+ .sun-editor-editable li {
117
+ display: list-item;
118
+ text-align: -webkit-match-parent;
119
+ margin-bottom: 5px;
120
+ }
121
+ /* nested list ol, ul */
122
+ .sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
123
+ margin: 0;
124
+ }
125
+ .sun-editor-editable ol ol, .sun-editor-editable ul ol {
126
+ list-style-type: lower-alpha;
127
+ }
128
+ .sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
129
+ list-style-type: upper-roman;
130
+ }
131
+ .sun-editor-editable ul ul, .sun-editor-editable ol ul {
132
+ list-style-type: circle;
133
+ }
134
+ .sun-editor-editable ul ul ul, .sun-editor-editable ol ul ul, .sun-editor-editable ol ol ul {
135
+ list-style-type: square;
136
+ }
137
+
138
+ /* sub, sup */
139
+ .sun-editor-editable sub, .sun-editor-editable sup {
140
+ font-size: 75%;
141
+ line-height: 0;
142
+ }
143
+ .sun-editor-editable sub {
144
+ vertical-align: sub;
145
+ }
146
+ .sun-editor-editable sup {
147
+ vertical-align: super;
148
+ }
149
+
150
+ /** format style */
151
+ /* p */
152
+ .sun-editor-editable p {
153
+ display: block;
154
+ margin: 0 0 10px;
155
+ }
156
+
157
+ /* div */
158
+ .sun-editor-editable div {
159
+ display: block;
160
+ margin: 0;
161
+ padding: 0;
162
+ }
163
+
164
+ /* blockquote */
165
+ .sun-editor-editable blockquote {
166
+ display: block;
167
+ font-family: inherit;
168
+ font-size: inherit;
169
+ color: #999;
170
+ margin-block-start: 1em;
171
+ margin-block-end: 1em;
172
+ margin-inline-start: 0;
173
+ margin-inline-end: 0;
174
+ border-style: solid;
175
+ border-width: 0;
176
+ padding-top: 0;
177
+ padding-bottom: 0;
178
+ border-color: #b1b1b1;
179
+ padding-left: 20px;
180
+ padding-right: 5px;
181
+ border-left-width: 5px;
182
+ border-right-width: 0px;
183
+ }
184
+ .sun-editor-editable blockquote blockquote {
185
+ border-color: #c1c1c1;
186
+ }
187
+ .sun-editor-editable blockquote blockquote blockquote {
188
+ border-color: #d1d1d1;
189
+ }
190
+ .sun-editor-editable blockquote blockquote blockquote blockquote {
191
+ border-color: #e1e1e1;
192
+ }
193
+ /* RTL - blockquote */
194
+ .sun-editor-editable.se-rtl blockquote {
195
+ padding-left: 5px;
196
+ padding-right: 20px;
197
+ border-left-width: 0px;
198
+ border-right-width: 5px;
199
+ }
200
+
201
+ /* h1 */
202
+ .sun-editor-editable h1 {
203
+ display: block;
204
+ font-size: 2em;
205
+ margin-block-start: 0.67em;
206
+ margin-block-end: 0.67em;
207
+ margin-inline-start: 0px;
208
+ margin-inline-end: 0px;
209
+ font-weight: bold;
210
+ }
211
+ /* h2 */
212
+ .sun-editor-editable h2 {
213
+ display: block;
214
+ font-size: 1.5em;
215
+ margin-block-start: 0.83em;
216
+ margin-block-end: 0.83em;
217
+ margin-inline-start: 0px;
218
+ margin-inline-end: 0px;
219
+ font-weight: bold;
220
+ }
221
+ /* h3 */
222
+ .sun-editor-editable h3 {
223
+ display: block;
224
+ font-size: 1.17em;
225
+ margin-block-start: 1em;
226
+ margin-block-end: 1em;
227
+ margin-inline-start: 0px;
228
+ margin-inline-end: 0px;
229
+ font-weight: bold;
230
+ }
231
+ /* h4 */
232
+ .sun-editor-editable h4 {
233
+ display: block;
234
+ font-size: 1em;
235
+ margin-block-start: 1.33em;
236
+ margin-block-end: 1.33em;
237
+ margin-inline-start: 0px;
238
+ margin-inline-end: 0px;
239
+ font-weight: bold;
240
+ }
241
+ /* h5 */
242
+ .sun-editor-editable h5 {
243
+ display: block;
244
+ font-size: 0.83em;
245
+ margin-block-start: 1.67em;
246
+ margin-block-end: 1.67em;
247
+ margin-inline-start: 0px;
248
+ margin-inline-end: 0px;
249
+ font-weight: bold;
250
+ }
251
+ /* h6 */
252
+ .sun-editor-editable h6 {
253
+ display: block;
254
+ font-size: 0.67em;
255
+ margin-block-start: 2.33em;
256
+ margin-block-end: 2.33em;
257
+ margin-inline-start: 0px;
258
+ margin-inline-end: 0px;
259
+ font-weight: bold;
260
+ }
261
+
262
+ /* hr */
263
+ .sun-editor-editable hr {
264
+ display: flex;
265
+ border-width: 1px 0 0;
266
+ border-color: black;
267
+ border-image: initial;
268
+ height: 1px;
269
+ }
270
+ .sun-editor-editable hr.__se__solid {
271
+ border-style: solid none none;
272
+ }
273
+ .sun-editor-editable hr.__se__dotted {
274
+ border-style: dotted none none;
275
+ }
276
+ .sun-editor-editable hr.__se__dashed {
277
+ border-style: dashed none none;
278
+ }
279
+ .sun-editor-editable hr.on {
280
+ border-color: #4592ff;
281
+ -webkit-box-shadow:0 0 0 0.1rem #c7deff;
282
+ box-shadow:0 0 0 0.1rem #c7deff;
283
+ }
284
+
285
+ /* table */
286
+ .sun-editor-editable table {
287
+ display: table;
288
+ table-layout: auto !important;
289
+ border: 1px solid rgb(204, 204, 204);
290
+ width: 100%;
291
+ max-width: 100%;
292
+ margin: 0 0 10px;
293
+ background-color: transparent;
294
+ border-spacing: 0;
295
+ border-collapse: collapse;
296
+ }
297
+
298
+ /* RTL - table */
299
+ .sun-editor-editable.se-rtl table {
300
+ margin: 0 0 10px auto;
301
+ }
302
+
303
+ .sun-editor-editable table thead {
304
+ border-bottom: 2px solid #333;
305
+ }
306
+ .sun-editor-editable table tr {
307
+ border: 1px solid #efefef;
308
+ }
309
+ .sun-editor-editable table th {
310
+ background-color: #f3f3f3;
311
+ }
312
+ .sun-editor-editable table th, .sun-editor-editable table td {
313
+ border: 1px solid #e1e1e1;
314
+ padding:0.4em;
315
+ background-clip: padding-box;
316
+ }
317
+ /** table style class */
318
+ .sun-editor-editable table.se-table-size-auto {
319
+ width: auto !important;
320
+ }
321
+ .sun-editor-editable table.se-table-size-100 {
322
+ width: 100% !important;
323
+ }
324
+ .sun-editor-editable table.se-table-layout-auto {
325
+ table-layout: auto !important;
326
+ }
327
+ .sun-editor-editable table.se-table-layout-fixed {
328
+ table-layout: fixed !important;
329
+ }
330
+ /** table - select class */
331
+ .sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
332
+ outline: 1px double #4592ff;
333
+ }
334
+ .sun-editor-editable.se-disabled * {
335
+ user-select: none;
336
+ -o-user-select: none;
337
+ -moz-user-select: none;
338
+ -khtml-user-select: none;
339
+ -webkit-user-select: none;
340
+ -ms-user-select: none;
341
+ }
342
+
343
+ /** component (image, iframe video) */
344
+ .sun-editor-editable .se-component {
345
+ display: flex;
346
+ padding: 1px;
347
+ margin: 0 0 10px;
348
+ }
349
+ .sun-editor-editable[contenteditable=true] .se-component {
350
+ outline: 1px dashed #e1e1e1;
351
+ }
352
+ /** component copy effect */
353
+ .sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
354
+ -webkit-box-shadow:0 0 0 0.2rem #80bdff; box-shadow:0 0 0 0.2rem #3f9dff; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
355
+ }
356
+
357
+ /* float */
358
+ .sun-editor-editable .__se__float-left {
359
+ float: left;
360
+ margin-right: 4px;
361
+ }
362
+ .sun-editor-editable .__se__float-right {
363
+ float: right;
364
+ margin-left: 4px;
365
+ }
366
+ .sun-editor-editable .__se__float-center {
367
+ float: center;
368
+ }
369
+ .sun-editor-editable .__se__float-none {
370
+ float: none;
371
+ }
372
+
373
+ /** image, video .. */
374
+ .sun-editor-editable img, .sun-editor-editable iframe, .sun-editor-editable video, .sun-editor-editable audio {
375
+ display: block;
376
+ margin: 0;
377
+ padding: 0;
378
+ width: auto;
379
+ height: auto;
380
+ max-width: 100%;
381
+ }
382
+ /* image, video - select index */
383
+ .sun-editor-editable[contenteditable="true"]:not(.se-read-only) figure::after {
384
+ position: absolute;
385
+ content: '';
386
+ z-index: 1;
387
+ top: 0;
388
+ left: 0;
389
+ right: 0;
390
+ bottom: 0;
391
+ cursor: default;
392
+ display: block;
393
+ background: rgba(0,0,0,0);
394
+ }
395
+ .sun-editor-editable[contenteditable="true"] figure a, .sun-editor-editable[contenteditable="true"] figure img, .sun-editor-editable[contenteditable="true"] figure iframe, .sun-editor-editable[contenteditable="true"] figure video {
396
+ z-index: 0;
397
+ }
398
+ .sun-editor-editable[contenteditable="true"] figure figcaption {
399
+ display: block;
400
+ z-index: 2;
401
+ }
402
+ .sun-editor-editable[contenteditable="true"] figure figcaption:focus {
403
+ border-color: #80bdff;
404
+ outline: 0;
405
+ -webkit-box-shadow: 0 0 0 0.2rem #c7deff;
406
+ box-shadow: 0 0 0 0.2rem #c7deff;
407
+ }
408
+
409
+ /** image, video iframe figure cover */
410
+ .sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
411
+ width: auto;
412
+ height: auto;
413
+ max-width: 100%;
414
+ }
415
+ .sun-editor-editable figure {
416
+ display: block;
417
+ outline: none;
418
+ padding: 0;
419
+ margin: 0;
420
+ }
421
+ .sun-editor-editable .__se__float-left figure,
422
+ .sun-editor-editable .__se__float-right figure,
423
+ .sun-editor-editable .__se__float-center figure {
424
+ margin: auto !important;
425
+ }
426
+ .sun-editor-editable figure figcaption {
427
+ padding: 1em .5em;
428
+ margin: 0;
429
+ background-color: #f9f9f9;
430
+ outline: none;
431
+ }
432
+ .sun-editor-editable figure figcaption p{
433
+ line-height: 2;
434
+ margin: 0;
435
+ }
436
+
437
+ /* image */
438
+ .sun-editor-editable .se-image-container a img {
439
+ padding: 1px;
440
+ margin: 1px;
441
+ outline: 1px solid #4592ff;
442
+ }
443
+
444
+ /** video */
445
+ .sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
446
+ outline: 1px solid #9e9e9e;
447
+ position: absolute;
448
+ top: 0;
449
+ left: 0;
450
+ border: 0;
451
+ width: 100%;
452
+ height: 100%;
453
+ }
454
+ .sun-editor-editable .se-video-container figure {
455
+ left: 0px;
456
+ width: 100%;
457
+ max-width: 100%;
458
+ }
459
+
460
+ /** audio */
461
+ .sun-editor-editable audio {
462
+ width: 300px;
463
+ height: 54px;
464
+ }
465
+ .sun-editor-editable audio.active {
466
+ outline: 2px solid #80bdff;
467
+ }
468
+
469
+ /** --- show blocks mode */
470
+ .sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block div,
471
+ .sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3,
472
+ .sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li,
473
+ .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul,
474
+ .sun-editor-editable.se-show-block pre {
475
+ border:1px dashed #3f9dff !important;
476
+ padding:14px 8px 8px 8px !important;
477
+ }
478
+ .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
479
+ border:1px dashed #d539ff !important;
480
+ }
481
+ .sun-editor-editable.se-show-block pre {
482
+ border:1px dashed #27c022 !important;
483
+ }
484
+ .se-show-block p {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==') no-repeat;}
485
+ .se-show-block div {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==') no-repeat;}
486
+ .se-show-block h1 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC') no-repeat;}
487
+ .se-show-block h2 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==') no-repeat;}
488
+ .se-show-block h3 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC') no-repeat;}
489
+ .se-show-block h4 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC') no-repeat;}
490
+ .se-show-block h5 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC') no-repeat;}
491
+ .se-show-block h6 {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC') no-repeat;}
492
+ .se-show-block li {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==') no-repeat;}
493
+ .se-show-block ol {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==') no-repeat;}
494
+ .se-show-block ul {background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==') no-repeat;}
495
+
496
+ /** -- Paragraph styles custom -- */
497
+ /* Bordered */
498
+ .sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
499
+ border-top: solid 1px #b1b1b1;
500
+ border-bottom: solid 1px #b1b1b1;
501
+ padding: 4px 0;
502
+ }
503
+ /* Spaced */
504
+ .sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
505
+ letter-spacing: 1px;
506
+ }
507
+ /* Neon (https://codepen.io/GeorgePark/pen/MrjbEr) */
508
+ .sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
509
+ font-weight: 200;
510
+ font-style: italic;
511
+ background: #000;
512
+ color: #fff;
513
+ padding: 6px 4px;
514
+ border: 2px solid #fff;
515
+ border-radius: 6px;
516
+ text-transform: uppercase;
517
+ animation: neonFlicker 1.5s infinite alternate;
518
+ }
519
+ @keyframes neonFlicker {
520
+ 0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
521
+ text-shadow:
522
+ -0.2rem -0.2rem 1rem #fff,
523
+ 0.2rem 0.2rem 1rem #fff,
524
+ 0 0 2px #f40,
525
+ 0 0 4px #f40,
526
+ 0 0 6px #f40,
527
+ 0 0 8px #f40,
528
+ 0 0 10px #f40;
529
+ box-shadow:
530
+ 0 0 .5px #fff,
531
+ inset 0 0 .5px #fff,
532
+ 0 0 2px #08f,
533
+ inset 0 0 2px #08f,
534
+ 0 0 4px #08f,
535
+ inset 0 0 4px #08f;
536
+ }
537
+ 20%, 24%, 55% {
538
+ text-shadow: none;
539
+ box-shadow: none;
540
+ }
541
+ }
542
+
543
+ /* -- Text styles custom -- */
544
+ /* Shadow */
545
+ .sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
546
+ text-shadow:
547
+ -0.2rem -0.2rem 1rem #fff,
548
+ 0.2rem 0.2rem 1rem #fff,
549
+ 0 0 0.2rem #999,
550
+ 0 0 0.4rem #888,
551
+ 0 0 0.6rem #777,
552
+ 0 0 0.8rem #666,
553
+ 0 0 1rem #555;
554
+ }
555
+ /* Code */
556
+ .sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
557
+ font-family: monospace;
558
+ color: #666;
559
+ background-color: rgba(27,31,35,.05);
560
+ border-radius: 6px;
561
+ padding: 0.2em 0.4em;
562
562
  }