@yoooloo42/joker 1.0.59 → 1.0.61

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.
@@ -1,2256 +1,3 @@
1
- .ql-container {
2
- box-sizing: border-box;
3
- font-family: Helvetica, Arial, sans-serif;
4
- font-size: 13px;
5
- height: 100%;
6
- margin: 0px;
7
- position: relative;
8
- }
9
- .ql-container.ql-disabled .ql-tooltip {
10
- visibility: hidden;
11
- }
12
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
13
- pointer-events: none;
14
- }
15
- .ql-clipboard {
16
- left: -100000px;
17
- height: 1px;
18
- overflow-y: hidden;
19
- position: absolute;
20
- top: 50%;
21
- }
22
- .ql-clipboard p {
23
- margin: 0;
24
- padding: 0;
25
- }
26
- .ql-editor {
27
- box-sizing: border-box;
28
- line-height: 1.42;
29
- height: 100%;
30
- outline: none;
31
- overflow-y: auto;
32
- padding: 12px 15px;
33
- tab-size: 4;
34
- -moz-tab-size: 4;
35
- text-align: left;
36
- white-space: pre-wrap;
37
- word-wrap: break-word;
38
- }
39
- .ql-editor > * {
40
- cursor: text;
41
- }
42
- .ql-editor p,
43
- .ql-editor ol,
44
- .ql-editor ul,
45
- .ql-editor pre,
46
- .ql-editor blockquote,
47
- .ql-editor h1,
48
- .ql-editor h2,
49
- .ql-editor h3,
50
- .ql-editor h4,
51
- .ql-editor h5,
52
- .ql-editor h6 {
53
- margin: 0;
54
- padding: 0;
55
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
56
- }
57
- .ql-editor ol,
58
- .ql-editor ul {
59
- padding-left: 1.5em;
60
- }
61
- .ql-editor ol > li,
62
- .ql-editor ul > li {
63
- list-style-type: none;
64
- }
65
- .ql-editor ul > li::before {
66
- content: '\2022';
67
- }
68
- .ql-editor ul[data-checked=true],
69
- .ql-editor ul[data-checked=false] {
70
- pointer-events: none;
71
- }
72
- .ql-editor ul[data-checked=true] > li *,
73
- .ql-editor ul[data-checked=false] > li * {
74
- pointer-events: all;
75
- }
76
- .ql-editor ul[data-checked=true] > li::before,
77
- .ql-editor ul[data-checked=false] > li::before {
78
- color: #777;
79
- cursor: pointer;
80
- pointer-events: all;
81
- }
82
- .ql-editor ul[data-checked=true] > li::before {
83
- content: '\2611';
84
- }
85
- .ql-editor ul[data-checked=false] > li::before {
86
- content: '\2610';
87
- }
88
- .ql-editor li::before {
89
- display: inline-block;
90
- white-space: nowrap;
91
- width: 1.2em;
92
- }
93
- .ql-editor li:not(.ql-direction-rtl)::before {
94
- margin-left: -1.5em;
95
- margin-right: 0.3em;
96
- text-align: right;
97
- }
98
- .ql-editor li.ql-direction-rtl::before {
99
- margin-left: 0.3em;
100
- margin-right: -1.5em;
101
- }
102
- .ql-editor ol li:not(.ql-direction-rtl),
103
- .ql-editor ul li:not(.ql-direction-rtl) {
104
- padding-left: 1.5em;
105
- }
106
- .ql-editor ol li.ql-direction-rtl,
107
- .ql-editor ul li.ql-direction-rtl {
108
- padding-right: 1.5em;
109
- }
110
- .ql-editor ol li {
111
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
112
- counter-increment: list-0;
113
- }
114
- .ql-editor ol li:before {
115
- content: counter(list-0, decimal) '. ';
116
- }
117
- .ql-editor ol li.ql-indent-1 {
118
- counter-increment: list-1;
119
- }
120
- .ql-editor ol li.ql-indent-1:before {
121
- content: counter(list-1, lower-alpha) '. ';
122
- }
123
- .ql-editor ol li.ql-indent-1 {
124
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
125
- }
126
- .ql-editor ol li.ql-indent-2 {
127
- counter-increment: list-2;
128
- }
129
- .ql-editor ol li.ql-indent-2:before {
130
- content: counter(list-2, lower-roman) '. ';
131
- }
132
- .ql-editor ol li.ql-indent-2 {
133
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
134
- }
135
- .ql-editor ol li.ql-indent-3 {
136
- counter-increment: list-3;
137
- }
138
- .ql-editor ol li.ql-indent-3:before {
139
- content: counter(list-3, decimal) '. ';
140
- }
141
- .ql-editor ol li.ql-indent-3 {
142
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
143
- }
144
- .ql-editor ol li.ql-indent-4 {
145
- counter-increment: list-4;
146
- }
147
- .ql-editor ol li.ql-indent-4:before {
148
- content: counter(list-4, lower-alpha) '. ';
149
- }
150
- .ql-editor ol li.ql-indent-4 {
151
- counter-reset: list-5 list-6 list-7 list-8 list-9;
152
- }
153
- .ql-editor ol li.ql-indent-5 {
154
- counter-increment: list-5;
155
- }
156
- .ql-editor ol li.ql-indent-5:before {
157
- content: counter(list-5, lower-roman) '. ';
158
- }
159
- .ql-editor ol li.ql-indent-5 {
160
- counter-reset: list-6 list-7 list-8 list-9;
161
- }
162
- .ql-editor ol li.ql-indent-6 {
163
- counter-increment: list-6;
164
- }
165
- .ql-editor ol li.ql-indent-6:before {
166
- content: counter(list-6, decimal) '. ';
167
- }
168
- .ql-editor ol li.ql-indent-6 {
169
- counter-reset: list-7 list-8 list-9;
170
- }
171
- .ql-editor ol li.ql-indent-7 {
172
- counter-increment: list-7;
173
- }
174
- .ql-editor ol li.ql-indent-7:before {
175
- content: counter(list-7, lower-alpha) '. ';
176
- }
177
- .ql-editor ol li.ql-indent-7 {
178
- counter-reset: list-8 list-9;
179
- }
180
- .ql-editor ol li.ql-indent-8 {
181
- counter-increment: list-8;
182
- }
183
- .ql-editor ol li.ql-indent-8:before {
184
- content: counter(list-8, lower-roman) '. ';
185
- }
186
- .ql-editor ol li.ql-indent-8 {
187
- counter-reset: list-9;
188
- }
189
- .ql-editor ol li.ql-indent-9 {
190
- counter-increment: list-9;
191
- }
192
- .ql-editor ol li.ql-indent-9:before {
193
- content: counter(list-9, decimal) '. ';
194
- }
195
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
196
- padding-left: 3em;
197
- }
198
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
199
- padding-left: 4.5em;
200
- }
201
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
202
- padding-right: 3em;
203
- }
204
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
205
- padding-right: 4.5em;
206
- }
207
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
208
- padding-left: 6em;
209
- }
210
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
211
- padding-left: 7.5em;
212
- }
213
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
214
- padding-right: 6em;
215
- }
216
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
217
- padding-right: 7.5em;
218
- }
219
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
220
- padding-left: 9em;
221
- }
222
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
223
- padding-left: 10.5em;
224
- }
225
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
226
- padding-right: 9em;
227
- }
228
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
229
- padding-right: 10.5em;
230
- }
231
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
232
- padding-left: 12em;
233
- }
234
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
235
- padding-left: 13.5em;
236
- }
237
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
238
- padding-right: 12em;
239
- }
240
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
241
- padding-right: 13.5em;
242
- }
243
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
244
- padding-left: 15em;
245
- }
246
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
247
- padding-left: 16.5em;
248
- }
249
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
250
- padding-right: 15em;
251
- }
252
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
253
- padding-right: 16.5em;
254
- }
255
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
256
- padding-left: 18em;
257
- }
258
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
259
- padding-left: 19.5em;
260
- }
261
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
262
- padding-right: 18em;
263
- }
264
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
265
- padding-right: 19.5em;
266
- }
267
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
268
- padding-left: 21em;
269
- }
270
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
271
- padding-left: 22.5em;
272
- }
273
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
274
- padding-right: 21em;
275
- }
276
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
277
- padding-right: 22.5em;
278
- }
279
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
280
- padding-left: 24em;
281
- }
282
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
283
- padding-left: 25.5em;
284
- }
285
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
286
- padding-right: 24em;
287
- }
288
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
289
- padding-right: 25.5em;
290
- }
291
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
292
- padding-left: 27em;
293
- }
294
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
295
- padding-left: 28.5em;
296
- }
297
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
298
- padding-right: 27em;
299
- }
300
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
301
- padding-right: 28.5em;
302
- }
303
- .ql-editor .ql-video {
304
- display: block;
305
- max-width: 100%;
306
- }
307
- .ql-editor .ql-video.ql-align-center {
308
- margin: 0 auto;
309
- }
310
- .ql-editor .ql-video.ql-align-right {
311
- margin: 0 0 0 auto;
312
- }
313
- .ql-editor .ql-bg-black {
314
- background-color: #000;
315
- }
316
- .ql-editor .ql-bg-red {
317
- background-color: #e60000;
318
- }
319
- .ql-editor .ql-bg-orange {
320
- background-color: #f90;
321
- }
322
- .ql-editor .ql-bg-yellow {
323
- background-color: #ff0;
324
- }
325
- .ql-editor .ql-bg-green {
326
- background-color: #008a00;
327
- }
328
- .ql-editor .ql-bg-blue {
329
- background-color: #06c;
330
- }
331
- .ql-editor .ql-bg-purple {
332
- background-color: #93f;
333
- }
334
- .ql-editor .ql-color-white {
335
- color: #fff;
336
- }
337
- .ql-editor .ql-color-red {
338
- color: #e60000;
339
- }
340
- .ql-editor .ql-color-orange {
341
- color: #f90;
342
- }
343
- .ql-editor .ql-color-yellow {
344
- color: #ff0;
345
- }
346
- .ql-editor .ql-color-green {
347
- color: #008a00;
348
- }
349
- .ql-editor .ql-color-blue {
350
- color: #06c;
351
- }
352
- .ql-editor .ql-color-purple {
353
- color: #93f;
354
- }
355
- .ql-editor .ql-font-serif {
356
- font-family: Georgia, Times New Roman, serif;
357
- }
358
- .ql-editor .ql-font-monospace {
359
- font-family: Monaco, Courier New, monospace;
360
- }
361
- .ql-editor .ql-size-small {
362
- font-size: 0.75em;
363
- }
364
- .ql-editor .ql-size-large {
365
- font-size: 1.5em;
366
- }
367
- .ql-editor .ql-size-huge {
368
- font-size: 2.5em;
369
- }
370
- .ql-editor .ql-direction-rtl {
371
- direction: rtl;
372
- text-align: inherit;
373
- }
374
- .ql-editor .ql-align-center {
375
- text-align: center;
376
- }
377
- .ql-editor .ql-align-justify {
378
- text-align: justify;
379
- }
380
- .ql-editor .ql-align-right {
381
- text-align: right;
382
- }
383
- .ql-editor.ql-blank::before {
384
- color: rgba(0,0,0,0.6);
385
- content: attr(data-placeholder);
386
- font-style: italic;
387
- left: 15px;
388
- pointer-events: none;
389
- position: absolute;
390
- right: 15px;
391
- }
392
-
393
- .ql-container {
394
- box-sizing: border-box;
395
- font-family: Helvetica, Arial, sans-serif;
396
- font-size: 13px;
397
- height: 100%;
398
- margin: 0px;
399
- position: relative;
400
- }
401
- .ql-container.ql-disabled .ql-tooltip {
402
- visibility: hidden;
403
- }
404
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
405
- pointer-events: none;
406
- }
407
- .ql-clipboard {
408
- left: -100000px;
409
- height: 1px;
410
- overflow-y: hidden;
411
- position: absolute;
412
- top: 50%;
413
- }
414
- .ql-clipboard p {
415
- margin: 0;
416
- padding: 0;
417
- }
418
- .ql-editor {
419
- box-sizing: border-box;
420
- line-height: 1.42;
421
- height: 100%;
422
- outline: none;
423
- overflow-y: auto;
424
- padding: 12px 15px;
425
- tab-size: 4;
426
- -moz-tab-size: 4;
427
- text-align: left;
428
- white-space: pre-wrap;
429
- word-wrap: break-word;
430
- }
431
- .ql-editor > * {
432
- cursor: text;
433
- }
434
- .ql-editor p,
435
- .ql-editor ol,
436
- .ql-editor ul,
437
- .ql-editor pre,
438
- .ql-editor blockquote,
439
- .ql-editor h1,
440
- .ql-editor h2,
441
- .ql-editor h3,
442
- .ql-editor h4,
443
- .ql-editor h5,
444
- .ql-editor h6 {
445
- margin: 0;
446
- padding: 0;
447
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
448
- }
449
- .ql-editor ol,
450
- .ql-editor ul {
451
- padding-left: 1.5em;
452
- }
453
- .ql-editor ol > li,
454
- .ql-editor ul > li {
455
- list-style-type: none;
456
- }
457
- .ql-editor ul > li::before {
458
- content: '\2022';
459
- }
460
- .ql-editor ul[data-checked=true],
461
- .ql-editor ul[data-checked=false] {
462
- pointer-events: none;
463
- }
464
- .ql-editor ul[data-checked=true] > li *,
465
- .ql-editor ul[data-checked=false] > li * {
466
- pointer-events: all;
467
- }
468
- .ql-editor ul[data-checked=true] > li::before,
469
- .ql-editor ul[data-checked=false] > li::before {
470
- color: #777;
471
- cursor: pointer;
472
- pointer-events: all;
473
- }
474
- .ql-editor ul[data-checked=true] > li::before {
475
- content: '\2611';
476
- }
477
- .ql-editor ul[data-checked=false] > li::before {
478
- content: '\2610';
479
- }
480
- .ql-editor li::before {
481
- display: inline-block;
482
- white-space: nowrap;
483
- width: 1.2em;
484
- }
485
- .ql-editor li:not(.ql-direction-rtl)::before {
486
- margin-left: -1.5em;
487
- margin-right: 0.3em;
488
- text-align: right;
489
- }
490
- .ql-editor li.ql-direction-rtl::before {
491
- margin-left: 0.3em;
492
- margin-right: -1.5em;
493
- }
494
- .ql-editor ol li:not(.ql-direction-rtl),
495
- .ql-editor ul li:not(.ql-direction-rtl) {
496
- padding-left: 1.5em;
497
- }
498
- .ql-editor ol li.ql-direction-rtl,
499
- .ql-editor ul li.ql-direction-rtl {
500
- padding-right: 1.5em;
501
- }
502
- .ql-editor ol li {
503
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
504
- counter-increment: list-0;
505
- }
506
- .ql-editor ol li:before {
507
- content: counter(list-0, decimal) '. ';
508
- }
509
- .ql-editor ol li.ql-indent-1 {
510
- counter-increment: list-1;
511
- }
512
- .ql-editor ol li.ql-indent-1:before {
513
- content: counter(list-1, lower-alpha) '. ';
514
- }
515
- .ql-editor ol li.ql-indent-1 {
516
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
517
- }
518
- .ql-editor ol li.ql-indent-2 {
519
- counter-increment: list-2;
520
- }
521
- .ql-editor ol li.ql-indent-2:before {
522
- content: counter(list-2, lower-roman) '. ';
523
- }
524
- .ql-editor ol li.ql-indent-2 {
525
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
526
- }
527
- .ql-editor ol li.ql-indent-3 {
528
- counter-increment: list-3;
529
- }
530
- .ql-editor ol li.ql-indent-3:before {
531
- content: counter(list-3, decimal) '. ';
532
- }
533
- .ql-editor ol li.ql-indent-3 {
534
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
535
- }
536
- .ql-editor ol li.ql-indent-4 {
537
- counter-increment: list-4;
538
- }
539
- .ql-editor ol li.ql-indent-4:before {
540
- content: counter(list-4, lower-alpha) '. ';
541
- }
542
- .ql-editor ol li.ql-indent-4 {
543
- counter-reset: list-5 list-6 list-7 list-8 list-9;
544
- }
545
- .ql-editor ol li.ql-indent-5 {
546
- counter-increment: list-5;
547
- }
548
- .ql-editor ol li.ql-indent-5:before {
549
- content: counter(list-5, lower-roman) '. ';
550
- }
551
- .ql-editor ol li.ql-indent-5 {
552
- counter-reset: list-6 list-7 list-8 list-9;
553
- }
554
- .ql-editor ol li.ql-indent-6 {
555
- counter-increment: list-6;
556
- }
557
- .ql-editor ol li.ql-indent-6:before {
558
- content: counter(list-6, decimal) '. ';
559
- }
560
- .ql-editor ol li.ql-indent-6 {
561
- counter-reset: list-7 list-8 list-9;
562
- }
563
- .ql-editor ol li.ql-indent-7 {
564
- counter-increment: list-7;
565
- }
566
- .ql-editor ol li.ql-indent-7:before {
567
- content: counter(list-7, lower-alpha) '. ';
568
- }
569
- .ql-editor ol li.ql-indent-7 {
570
- counter-reset: list-8 list-9;
571
- }
572
- .ql-editor ol li.ql-indent-8 {
573
- counter-increment: list-8;
574
- }
575
- .ql-editor ol li.ql-indent-8:before {
576
- content: counter(list-8, lower-roman) '. ';
577
- }
578
- .ql-editor ol li.ql-indent-8 {
579
- counter-reset: list-9;
580
- }
581
- .ql-editor ol li.ql-indent-9 {
582
- counter-increment: list-9;
583
- }
584
- .ql-editor ol li.ql-indent-9:before {
585
- content: counter(list-9, decimal) '. ';
586
- }
587
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
588
- padding-left: 3em;
589
- }
590
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
591
- padding-left: 4.5em;
592
- }
593
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
594
- padding-right: 3em;
595
- }
596
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
597
- padding-right: 4.5em;
598
- }
599
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
600
- padding-left: 6em;
601
- }
602
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
603
- padding-left: 7.5em;
604
- }
605
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
606
- padding-right: 6em;
607
- }
608
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
609
- padding-right: 7.5em;
610
- }
611
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
612
- padding-left: 9em;
613
- }
614
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
615
- padding-left: 10.5em;
616
- }
617
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
618
- padding-right: 9em;
619
- }
620
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
621
- padding-right: 10.5em;
622
- }
623
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
624
- padding-left: 12em;
625
- }
626
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
627
- padding-left: 13.5em;
628
- }
629
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
630
- padding-right: 12em;
631
- }
632
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
633
- padding-right: 13.5em;
634
- }
635
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
636
- padding-left: 15em;
637
- }
638
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
639
- padding-left: 16.5em;
640
- }
641
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
642
- padding-right: 15em;
643
- }
644
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
645
- padding-right: 16.5em;
646
- }
647
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
648
- padding-left: 18em;
649
- }
650
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
651
- padding-left: 19.5em;
652
- }
653
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
654
- padding-right: 18em;
655
- }
656
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
657
- padding-right: 19.5em;
658
- }
659
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
660
- padding-left: 21em;
661
- }
662
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
663
- padding-left: 22.5em;
664
- }
665
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
666
- padding-right: 21em;
667
- }
668
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
669
- padding-right: 22.5em;
670
- }
671
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
672
- padding-left: 24em;
673
- }
674
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
675
- padding-left: 25.5em;
676
- }
677
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
678
- padding-right: 24em;
679
- }
680
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
681
- padding-right: 25.5em;
682
- }
683
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
684
- padding-left: 27em;
685
- }
686
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
687
- padding-left: 28.5em;
688
- }
689
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
690
- padding-right: 27em;
691
- }
692
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
693
- padding-right: 28.5em;
694
- }
695
- .ql-editor .ql-video {
696
- display: block;
697
- max-width: 100%;
698
- }
699
- .ql-editor .ql-video.ql-align-center {
700
- margin: 0 auto;
701
- }
702
- .ql-editor .ql-video.ql-align-right {
703
- margin: 0 0 0 auto;
704
- }
705
- .ql-editor .ql-bg-black {
706
- background-color: #000;
707
- }
708
- .ql-editor .ql-bg-red {
709
- background-color: #e60000;
710
- }
711
- .ql-editor .ql-bg-orange {
712
- background-color: #f90;
713
- }
714
- .ql-editor .ql-bg-yellow {
715
- background-color: #ff0;
716
- }
717
- .ql-editor .ql-bg-green {
718
- background-color: #008a00;
719
- }
720
- .ql-editor .ql-bg-blue {
721
- background-color: #06c;
722
- }
723
- .ql-editor .ql-bg-purple {
724
- background-color: #93f;
725
- }
726
- .ql-editor .ql-color-white {
727
- color: #fff;
728
- }
729
- .ql-editor .ql-color-red {
730
- color: #e60000;
731
- }
732
- .ql-editor .ql-color-orange {
733
- color: #f90;
734
- }
735
- .ql-editor .ql-color-yellow {
736
- color: #ff0;
737
- }
738
- .ql-editor .ql-color-green {
739
- color: #008a00;
740
- }
741
- .ql-editor .ql-color-blue {
742
- color: #06c;
743
- }
744
- .ql-editor .ql-color-purple {
745
- color: #93f;
746
- }
747
- .ql-editor .ql-font-serif {
748
- font-family: Georgia, Times New Roman, serif;
749
- }
750
- .ql-editor .ql-font-monospace {
751
- font-family: Monaco, Courier New, monospace;
752
- }
753
- .ql-editor .ql-size-small {
754
- font-size: 0.75em;
755
- }
756
- .ql-editor .ql-size-large {
757
- font-size: 1.5em;
758
- }
759
- .ql-editor .ql-size-huge {
760
- font-size: 2.5em;
761
- }
762
- .ql-editor .ql-direction-rtl {
763
- direction: rtl;
764
- text-align: inherit;
765
- }
766
- .ql-editor .ql-align-center {
767
- text-align: center;
768
- }
769
- .ql-editor .ql-align-justify {
770
- text-align: justify;
771
- }
772
- .ql-editor .ql-align-right {
773
- text-align: right;
774
- }
775
- .ql-editor.ql-blank::before {
776
- color: rgba(0,0,0,0.6);
777
- content: attr(data-placeholder);
778
- font-style: italic;
779
- left: 15px;
780
- pointer-events: none;
781
- position: absolute;
782
- right: 15px;
783
- }
784
- .ql-snow.ql-toolbar:after,
785
- .ql-snow .ql-toolbar:after {
786
- clear: both;
787
- content: '';
788
- display: table;
789
- }
790
- .ql-snow.ql-toolbar button,
791
- .ql-snow .ql-toolbar button {
792
- background: none;
793
- border: none;
794
- cursor: pointer;
795
- display: inline-block;
796
- float: left;
797
- height: 24px;
798
- padding: 3px 5px;
799
- width: 28px;
800
- margin-left: 1px;
801
- margin-right: 1px;
802
- }
803
- .ql-snow.ql-toolbar button svg,
804
- .ql-snow .ql-toolbar button svg {
805
- float: left;
806
- height: 100%;
807
- }
808
- .ql-snow.ql-toolbar button:active:hover,
809
- .ql-snow .ql-toolbar button:active:hover {
810
- outline: none;
811
- }
812
- .ql-snow.ql-toolbar input.ql-image[type=file],
813
- .ql-snow .ql-toolbar input.ql-image[type=file] {
814
- display: none;
815
- }
816
- .ql-snow.ql-toolbar button:hover,
817
- .ql-snow .ql-toolbar button:hover,
818
- .ql-snow.ql-toolbar button:focus,
819
- .ql-snow .ql-toolbar button:focus,
820
- .ql-snow.ql-toolbar .ql-picker-label:hover,
821
- .ql-snow .ql-toolbar .ql-picker-label:hover,
822
- .ql-snow.ql-toolbar .ql-picker-item:hover,
823
- .ql-snow .ql-toolbar .ql-picker-item:hover {
824
- background-color: #f3f4f6;
825
- }
826
- .ql-snow.ql-toolbar button.ql-active,
827
- .ql-snow .ql-toolbar button.ql-active,
828
- .ql-snow.ql-toolbar .ql-picker-label.ql-active,
829
- .ql-snow .ql-toolbar .ql-picker-label.ql-active,
830
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
831
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
832
- background-color: #dbeafe;
833
- color: #2563eb;
834
- }
835
- .ql-snow.ql-toolbar button.ql-active .ql-fill,
836
- .ql-snow .ql-toolbar button.ql-active .ql-fill,
837
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
838
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
839
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
840
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
841
- .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
842
- .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
843
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
844
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
845
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
846
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
847
- fill: #2563eb;
848
- }
849
- .ql-snow.ql-toolbar button.ql-active .ql-stroke,
850
- .ql-snow .ql-toolbar button.ql-active .ql-stroke,
851
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
852
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
853
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
854
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
855
- .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
856
- .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
857
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
858
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
859
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
860
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
861
- stroke: #2563eb;
862
- }
863
- @media (pointer: coarse) {
864
- .ql-snow.ql-toolbar button:hover:not(.ql-active),
865
- .ql-snow .ql-toolbar button:hover:not(.ql-active) {
866
- color: #4b5563;
867
- }
868
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
869
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
870
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
871
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
872
- fill: #4b5563;
873
- }
874
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
875
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
876
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
877
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
878
- stroke: #4b5563;
879
- }
880
- }
881
- .ql-snow {
882
- box-sizing: border-box;
883
- }
884
- .ql-snow * {
885
- box-sizing: border-box;
886
- }
887
- .ql-snow .ql-hidden {
888
- display: none;
889
- }
890
- .ql-snow .ql-out-bottom,
891
- .ql-snow .ql-out-top {
892
- visibility: hidden;
893
- }
894
- .ql-snow .ql-tooltip {
895
- position: absolute;
896
- transform: translateY(10px);
897
- }
898
- .ql-snow .ql-tooltip a {
899
- cursor: pointer;
900
- text-decoration: none;
901
- }
902
- .ql-snow .ql-tooltip.ql-flip {
903
- transform: translateY(-10px);
904
- }
905
- .ql-snow .ql-formats {
906
- display: inline-block;
907
- vertical-align: middle;
908
- }
909
- .ql-snow .ql-formats:after {
910
- clear: both;
911
- content: '';
912
- display: table;
913
- }
914
- .ql-snow .ql-stroke {
915
- fill: none;
916
- stroke: #4b5563;
917
- stroke-linecap: round;
918
- stroke-linejoin: round;
919
- stroke-width: 2;
920
- }
921
- .ql-snow .ql-stroke-miter {
922
- fill: none;
923
- stroke: #4b5563;
924
- stroke-miterlimit: 10;
925
- stroke-width: 2;
926
- }
927
- .ql-snow .ql-fill,
928
- .ql-snow .ql-stroke.ql-fill {
929
- fill: #4b5563;
930
- }
931
- .ql-snow .ql-empty {
932
- fill: none;
933
- }
934
- .ql-snow .ql-even {
935
- fill-rule: evenodd;
936
- }
937
- .ql-snow .ql-thin,
938
- .ql-snow .ql-stroke.ql-thin {
939
- stroke-width: 1;
940
- }
941
- .ql-snow .ql-transparent {
942
- opacity: 0.4;
943
- }
944
- .ql-snow .ql-direction svg:last-child {
945
- display: none;
946
- }
947
- .ql-snow .ql-direction.ql-active svg:last-child {
948
- display: inline;
949
- }
950
- .ql-snow .ql-direction.ql-active svg:first-child {
951
- display: none;
952
- }
953
- .ql-snow .ql-editor h1 {
954
- font-size: 2em;
955
- }
956
- .ql-snow .ql-editor h2 {
957
- font-size: 1.5em;
958
- }
959
- .ql-snow .ql-editor h3 {
960
- font-size: 1.17em;
961
- }
962
- .ql-snow .ql-editor h4 {
963
- font-size: 1em;
964
- }
965
- .ql-snow .ql-editor h5 {
966
- font-size: 0.83em;
967
- }
968
- .ql-snow .ql-editor h6 {
969
- font-size: 0.67em;
970
- }
971
- .ql-snow .ql-editor a {
972
- text-decoration: underline;
973
- }
974
- .ql-snow .ql-editor blockquote {
975
- border-left: 4px solid #ccc;
976
- margin-bottom: 5px;
977
- margin-top: 5px;
978
- padding-left: 16px;
979
- }
980
- .ql-snow .ql-editor code,
981
- .ql-snow .ql-editor pre {
982
- background-color: #f0f0f0;
983
- border-radius: 3px;
984
- }
985
- .ql-snow .ql-editor pre {
986
- white-space: pre-wrap;
987
- margin-bottom: 5px;
988
- margin-top: 5px;
989
- padding: 5px 10px;
990
- }
991
- .ql-snow .ql-editor code {
992
- font-size: 85%;
993
- padding: 2px 4px;
994
- }
995
- .ql-snow .ql-editor pre.ql-syntax {
996
- background-color: #23241f;
997
- color: #f8f8f2;
998
- overflow: visible;
999
- }
1000
- .ql-snow .ql-editor img {
1001
- max-width: 100%;
1002
- }
1003
- .ql-snow .ql-picker {
1004
- color: #4b5563;
1005
- display: inline-block;
1006
- float: left;
1007
- font-size: 14px;
1008
- font-weight: 500;
1009
- height: 24px;
1010
- position: relative;
1011
- vertical-align: middle;
1012
- margin-right: 1px;
1013
- margin-left: 1px;
1014
- }
1015
- .ql-snow .ql-picker-label {
1016
- cursor: pointer;
1017
- display: flex;
1018
- height: 100%;
1019
- padding-left: 8px;
1020
- padding-right: 2px;
1021
- position: relative;
1022
- width: 100%;
1023
- }
1024
- .ql-snow .ql-picker-label::before {
1025
- display: inline-block;
1026
- line-height: 22px;
1027
- }
1028
- .ql-snow .ql-picker-options {
1029
- background-color: #fff;
1030
- display: none;
1031
- min-width: 100%;
1032
- position: absolute;
1033
- white-space: nowrap;
1034
- }
1035
- .ql-snow .ql-picker-options .ql-picker-item {
1036
- cursor: pointer;
1037
- display: block;
1038
- padding: 5px 8px;
1039
- }
1040
- .ql-snow .ql-picker.ql-expanded .ql-picker-label {
1041
- color: #d1d5db;
1042
- z-index: 2;
1043
- }
1044
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
1045
- fill: #d1d5db;
1046
- }
1047
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
1048
- stroke: #d1d5db;
1049
- }
1050
- .ql-snow .ql-picker.ql-expanded .ql-picker-options {
1051
- display: block;
1052
- margin-top: -1px;
1053
- top: 100%;
1054
- z-index: 1;
1055
- }
1056
- .ql-snow .ql-color-picker,
1057
- .ql-snow .ql-icon-picker {
1058
- width: 28px;
1059
- }
1060
- .ql-snow .ql-color-picker .ql-picker-label,
1061
- .ql-snow .ql-icon-picker .ql-picker-label {
1062
- padding: 2px 4px;
1063
- }
1064
- .ql-snow .ql-color-picker .ql-picker-label svg,
1065
- .ql-snow .ql-icon-picker .ql-picker-label svg {
1066
- right: 4px;
1067
- }
1068
- .ql-snow .ql-icon-picker .ql-picker-options {
1069
- padding: 3px;
1070
- }
1071
- .ql-snow .ql-icon-picker .ql-picker-item {
1072
- height: 24px;
1073
- width: 24px;
1074
- padding: 2px 4px;
1075
- margin: 2px;
1076
- }
1077
- .ql-snow .ql-color-picker .ql-picker-options {
1078
- padding: 3px 5px;
1079
- width: 152px;
1080
- }
1081
- .ql-snow .ql-color-picker .ql-picker-item {
1082
- border: 1px solid transparent;
1083
- float: left;
1084
- height: 16px;
1085
- margin: 2px;
1086
- padding: 0px;
1087
- width: 16px;
1088
- }
1089
- .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
1090
- position: absolute;
1091
- margin-top: -9px;
1092
- right: 0;
1093
- top: 50%;
1094
- width: 18px;
1095
- }
1096
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
1097
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
1098
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
1099
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
1100
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
1101
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
1102
- content: attr(data-label);
1103
- }
1104
- .ql-snow .ql-picker.ql-header {
1105
- width: 98px;
1106
- }
1107
- .ql-snow .ql-picker.ql-header .ql-picker-label::before,
1108
- .ql-snow .ql-picker.ql-header .ql-picker-item::before {
1109
- content: 'Normal';
1110
- }
1111
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
1112
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
1113
- content: 'Heading 1';
1114
- }
1115
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
1116
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
1117
- content: 'Heading 2';
1118
- }
1119
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
1120
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
1121
- content: 'Heading 3';
1122
- }
1123
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
1124
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
1125
- content: 'Heading 4';
1126
- }
1127
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
1128
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
1129
- content: 'Heading 5';
1130
- }
1131
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
1132
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
1133
- content: 'Heading 6';
1134
- }
1135
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
1136
- font-size: 2em;
1137
- }
1138
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
1139
- font-size: 1.5em;
1140
- }
1141
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
1142
- font-size: 1.17em;
1143
- }
1144
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
1145
- font-size: 1em;
1146
- }
1147
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
1148
- font-size: 0.83em;
1149
- }
1150
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
1151
- font-size: 0.67em;
1152
- }
1153
- .ql-snow .ql-picker.ql-font {
1154
- width: 108px;
1155
- }
1156
- .ql-snow .ql-picker.ql-font .ql-picker-label::before,
1157
- .ql-snow .ql-picker.ql-font .ql-picker-item::before {
1158
- content: 'Sans Serif';
1159
- }
1160
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
1161
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
1162
- content: 'Serif';
1163
- }
1164
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
1165
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
1166
- content: 'Monospace';
1167
- }
1168
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
1169
- font-family: Georgia, Times New Roman, serif;
1170
- }
1171
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
1172
- font-family: Monaco, Courier New, monospace;
1173
- }
1174
- .ql-snow .ql-picker.ql-size {
1175
- width: 98px;
1176
- }
1177
- .ql-snow .ql-picker.ql-size .ql-picker-label::before,
1178
- .ql-snow .ql-picker.ql-size .ql-picker-item::before {
1179
- content: 'Normal';
1180
- }
1181
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
1182
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
1183
- content: 'Small';
1184
- }
1185
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
1186
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
1187
- content: 'Large';
1188
- }
1189
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
1190
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
1191
- content: 'Huge';
1192
- }
1193
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
1194
- font-size: 10px;
1195
- }
1196
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
1197
- font-size: 18px;
1198
- }
1199
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
1200
- font-size: 32px;
1201
- }
1202
- .ql-snow .ql-color-picker.ql-background .ql-picker-item {
1203
- background-color: #fff;
1204
- }
1205
- .ql-snow .ql-color-picker.ql-color .ql-picker-item {
1206
- background-color: #000;
1207
- }
1208
- .ql-toolbar.ql-snow {
1209
- border: 1px solid #d1d5db;
1210
- box-sizing: border-box;
1211
- font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
1212
- padding: 8px;
1213
- }
1214
- .ql-toolbar.ql-snow .ql-formats {
1215
- margin-right: 15px;
1216
- }
1217
- .ql-toolbar.ql-snow .ql-picker-label {
1218
- border: 1px solid transparent;
1219
- }
1220
- .ql-toolbar.ql-snow .ql-picker-options {
1221
- border: 1px solid transparent;
1222
- box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
1223
- }
1224
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
1225
- border-color: #d1d5db;
1226
- }
1227
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
1228
- border-color: #d1d5db;
1229
- }
1230
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
1231
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
1232
- border-color: #000;
1233
- }
1234
- .ql-toolbar.ql-snow + .ql-container.ql-snow {
1235
- border-top: 0px;
1236
- }
1237
- .ql-snow .ql-tooltip {
1238
- background-color: #fff;
1239
- border: 1px solid #d1d5db;
1240
- box-shadow: 0px 0px 5px #d1d5db;
1241
- color: #4b5563;
1242
- padding: 5px 12px;
1243
- white-space: nowrap;
1244
- }
1245
- .ql-snow .ql-tooltip::before {
1246
- content: "Visit URL:";
1247
- line-height: 26px;
1248
- margin-right: 8px;
1249
- }
1250
- .ql-snow .ql-tooltip input[type=text] {
1251
- display: none;
1252
- border: 1px solid #d1d5db;
1253
- font-size: 13px;
1254
- height: 26px;
1255
- margin: 0px;
1256
- padding: 3px 5px;
1257
- width: 170px;
1258
- }
1259
- .ql-snow .ql-tooltip a.ql-preview {
1260
- display: inline-block;
1261
- max-width: 200px;
1262
- overflow-x: hidden;
1263
- text-overflow: ellipsis;
1264
- vertical-align: top;
1265
- }
1266
- .ql-snow .ql-tooltip a.ql-action::after {
1267
- border-right: 1px solid #d1d5db;
1268
- content: 'Edit';
1269
- margin-left: 16px;
1270
- padding-right: 8px;
1271
- }
1272
- .ql-snow .ql-tooltip a.ql-remove::before {
1273
- content: 'Remove';
1274
- margin-left: 8px;
1275
- }
1276
- .ql-snow .ql-tooltip a {
1277
- line-height: 26px;
1278
- }
1279
- .ql-snow .ql-tooltip.ql-editing a.ql-preview,
1280
- .ql-snow .ql-tooltip.ql-editing a.ql-remove {
1281
- display: none;
1282
- }
1283
- .ql-snow .ql-tooltip.ql-editing input[type=text] {
1284
- display: inline-block;
1285
- }
1286
- .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
1287
- border-right: 0px;
1288
- content: 'Save';
1289
- padding-right: 0px;
1290
- }
1291
- .ql-snow .ql-tooltip[data-mode=link]::before {
1292
- content: "Enter link:";
1293
- }
1294
- .ql-snow .ql-tooltip[data-mode=formula]::before {
1295
- content: "Enter formula:";
1296
- }
1297
- .ql-snow .ql-tooltip[data-mode=video]::before {
1298
- content: "Enter video:";
1299
- }
1300
- .ql-snow a {
1301
- color: #2563eb;
1302
- }
1303
- .ql-container.ql-snow {
1304
- border: 1px solid #d1d5db;
1305
- }
1306
-
1307
- .ql-container {
1308
- box-sizing: border-box;
1309
- font-family: Helvetica, Arial, sans-serif;
1310
- font-size: 13px;
1311
- height: 100%;
1312
- margin: 0px;
1313
- position: relative;
1314
- }
1315
- .ql-container.ql-disabled .ql-tooltip {
1316
- visibility: hidden;
1317
- }
1318
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
1319
- pointer-events: none;
1320
- }
1321
- .ql-clipboard {
1322
- left: -100000px;
1323
- height: 1px;
1324
- overflow-y: hidden;
1325
- position: absolute;
1326
- top: 50%;
1327
- }
1328
- .ql-clipboard p {
1329
- margin: 0;
1330
- padding: 0;
1331
- }
1332
- .ql-editor {
1333
- box-sizing: border-box;
1334
- line-height: 1.42;
1335
- height: 100%;
1336
- outline: none;
1337
- overflow-y: auto;
1338
- padding: 12px 15px;
1339
- tab-size: 4;
1340
- -moz-tab-size: 4;
1341
- text-align: left;
1342
- white-space: pre-wrap;
1343
- word-wrap: break-word;
1344
- }
1345
- .ql-editor > * {
1346
- cursor: text;
1347
- }
1348
- .ql-editor p,
1349
- .ql-editor ol,
1350
- .ql-editor ul,
1351
- .ql-editor pre,
1352
- .ql-editor blockquote,
1353
- .ql-editor h1,
1354
- .ql-editor h2,
1355
- .ql-editor h3,
1356
- .ql-editor h4,
1357
- .ql-editor h5,
1358
- .ql-editor h6 {
1359
- margin: 0;
1360
- padding: 0;
1361
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1362
- }
1363
- .ql-editor ol,
1364
- .ql-editor ul {
1365
- padding-left: 1.5em;
1366
- }
1367
- .ql-editor ol > li,
1368
- .ql-editor ul > li {
1369
- list-style-type: none;
1370
- }
1371
- .ql-editor ul > li::before {
1372
- content: '\2022';
1373
- }
1374
- .ql-editor ul[data-checked=true],
1375
- .ql-editor ul[data-checked=false] {
1376
- pointer-events: none;
1377
- }
1378
- .ql-editor ul[data-checked=true] > li *,
1379
- .ql-editor ul[data-checked=false] > li * {
1380
- pointer-events: all;
1381
- }
1382
- .ql-editor ul[data-checked=true] > li::before,
1383
- .ql-editor ul[data-checked=false] > li::before {
1384
- color: #777;
1385
- cursor: pointer;
1386
- pointer-events: all;
1387
- }
1388
- .ql-editor ul[data-checked=true] > li::before {
1389
- content: '\2611';
1390
- }
1391
- .ql-editor ul[data-checked=false] > li::before {
1392
- content: '\2610';
1393
- }
1394
- .ql-editor li::before {
1395
- display: inline-block;
1396
- white-space: nowrap;
1397
- width: 1.2em;
1398
- }
1399
- .ql-editor li:not(.ql-direction-rtl)::before {
1400
- margin-left: -1.5em;
1401
- margin-right: 0.3em;
1402
- text-align: right;
1403
- }
1404
- .ql-editor li.ql-direction-rtl::before {
1405
- margin-left: 0.3em;
1406
- margin-right: -1.5em;
1407
- }
1408
- .ql-editor ol li:not(.ql-direction-rtl),
1409
- .ql-editor ul li:not(.ql-direction-rtl) {
1410
- padding-left: 1.5em;
1411
- }
1412
- .ql-editor ol li.ql-direction-rtl,
1413
- .ql-editor ul li.ql-direction-rtl {
1414
- padding-right: 1.5em;
1415
- }
1416
- .ql-editor ol li {
1417
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1418
- counter-increment: list-0;
1419
- }
1420
- .ql-editor ol li:before {
1421
- content: counter(list-0, decimal) '. ';
1422
- }
1423
- .ql-editor ol li.ql-indent-1 {
1424
- counter-increment: list-1;
1425
- }
1426
- .ql-editor ol li.ql-indent-1:before {
1427
- content: counter(list-1, lower-alpha) '. ';
1428
- }
1429
- .ql-editor ol li.ql-indent-1 {
1430
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1431
- }
1432
- .ql-editor ol li.ql-indent-2 {
1433
- counter-increment: list-2;
1434
- }
1435
- .ql-editor ol li.ql-indent-2:before {
1436
- content: counter(list-2, lower-roman) '. ';
1437
- }
1438
- .ql-editor ol li.ql-indent-2 {
1439
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1440
- }
1441
- .ql-editor ol li.ql-indent-3 {
1442
- counter-increment: list-3;
1443
- }
1444
- .ql-editor ol li.ql-indent-3:before {
1445
- content: counter(list-3, decimal) '. ';
1446
- }
1447
- .ql-editor ol li.ql-indent-3 {
1448
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
1449
- }
1450
- .ql-editor ol li.ql-indent-4 {
1451
- counter-increment: list-4;
1452
- }
1453
- .ql-editor ol li.ql-indent-4:before {
1454
- content: counter(list-4, lower-alpha) '. ';
1455
- }
1456
- .ql-editor ol li.ql-indent-4 {
1457
- counter-reset: list-5 list-6 list-7 list-8 list-9;
1458
- }
1459
- .ql-editor ol li.ql-indent-5 {
1460
- counter-increment: list-5;
1461
- }
1462
- .ql-editor ol li.ql-indent-5:before {
1463
- content: counter(list-5, lower-roman) '. ';
1464
- }
1465
- .ql-editor ol li.ql-indent-5 {
1466
- counter-reset: list-6 list-7 list-8 list-9;
1467
- }
1468
- .ql-editor ol li.ql-indent-6 {
1469
- counter-increment: list-6;
1470
- }
1471
- .ql-editor ol li.ql-indent-6:before {
1472
- content: counter(list-6, decimal) '. ';
1473
- }
1474
- .ql-editor ol li.ql-indent-6 {
1475
- counter-reset: list-7 list-8 list-9;
1476
- }
1477
- .ql-editor ol li.ql-indent-7 {
1478
- counter-increment: list-7;
1479
- }
1480
- .ql-editor ol li.ql-indent-7:before {
1481
- content: counter(list-7, lower-alpha) '. ';
1482
- }
1483
- .ql-editor ol li.ql-indent-7 {
1484
- counter-reset: list-8 list-9;
1485
- }
1486
- .ql-editor ol li.ql-indent-8 {
1487
- counter-increment: list-8;
1488
- }
1489
- .ql-editor ol li.ql-indent-8:before {
1490
- content: counter(list-8, lower-roman) '. ';
1491
- }
1492
- .ql-editor ol li.ql-indent-8 {
1493
- counter-reset: list-9;
1494
- }
1495
- .ql-editor ol li.ql-indent-9 {
1496
- counter-increment: list-9;
1497
- }
1498
- .ql-editor ol li.ql-indent-9:before {
1499
- content: counter(list-9, decimal) '. ';
1500
- }
1501
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
1502
- padding-left: 3em;
1503
- }
1504
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
1505
- padding-left: 4.5em;
1506
- }
1507
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
1508
- padding-right: 3em;
1509
- }
1510
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
1511
- padding-right: 4.5em;
1512
- }
1513
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
1514
- padding-left: 6em;
1515
- }
1516
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
1517
- padding-left: 7.5em;
1518
- }
1519
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
1520
- padding-right: 6em;
1521
- }
1522
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
1523
- padding-right: 7.5em;
1524
- }
1525
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
1526
- padding-left: 9em;
1527
- }
1528
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
1529
- padding-left: 10.5em;
1530
- }
1531
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
1532
- padding-right: 9em;
1533
- }
1534
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
1535
- padding-right: 10.5em;
1536
- }
1537
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
1538
- padding-left: 12em;
1539
- }
1540
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
1541
- padding-left: 13.5em;
1542
- }
1543
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
1544
- padding-right: 12em;
1545
- }
1546
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
1547
- padding-right: 13.5em;
1548
- }
1549
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
1550
- padding-left: 15em;
1551
- }
1552
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
1553
- padding-left: 16.5em;
1554
- }
1555
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
1556
- padding-right: 15em;
1557
- }
1558
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
1559
- padding-right: 16.5em;
1560
- }
1561
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
1562
- padding-left: 18em;
1563
- }
1564
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
1565
- padding-left: 19.5em;
1566
- }
1567
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
1568
- padding-right: 18em;
1569
- }
1570
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
1571
- padding-right: 19.5em;
1572
- }
1573
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
1574
- padding-left: 21em;
1575
- }
1576
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
1577
- padding-left: 22.5em;
1578
- }
1579
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
1580
- padding-right: 21em;
1581
- }
1582
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
1583
- padding-right: 22.5em;
1584
- }
1585
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
1586
- padding-left: 24em;
1587
- }
1588
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
1589
- padding-left: 25.5em;
1590
- }
1591
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
1592
- padding-right: 24em;
1593
- }
1594
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
1595
- padding-right: 25.5em;
1596
- }
1597
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
1598
- padding-left: 27em;
1599
- }
1600
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
1601
- padding-left: 28.5em;
1602
- }
1603
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
1604
- padding-right: 27em;
1605
- }
1606
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
1607
- padding-right: 28.5em;
1608
- }
1609
- .ql-editor .ql-video {
1610
- display: block;
1611
- max-width: 100%;
1612
- }
1613
- .ql-editor .ql-video.ql-align-center {
1614
- margin: 0 auto;
1615
- }
1616
- .ql-editor .ql-video.ql-align-right {
1617
- margin: 0 0 0 auto;
1618
- }
1619
- .ql-editor .ql-bg-black {
1620
- background-color: #000;
1621
- }
1622
- .ql-editor .ql-bg-red {
1623
- background-color: #e60000;
1624
- }
1625
- .ql-editor .ql-bg-orange {
1626
- background-color: #f90;
1627
- }
1628
- .ql-editor .ql-bg-yellow {
1629
- background-color: #ff0;
1630
- }
1631
- .ql-editor .ql-bg-green {
1632
- background-color: #008a00;
1633
- }
1634
- .ql-editor .ql-bg-blue {
1635
- background-color: #06c;
1636
- }
1637
- .ql-editor .ql-bg-purple {
1638
- background-color: #93f;
1639
- }
1640
- .ql-editor .ql-color-white {
1641
- color: #fff;
1642
- }
1643
- .ql-editor .ql-color-red {
1644
- color: #e60000;
1645
- }
1646
- .ql-editor .ql-color-orange {
1647
- color: #f90;
1648
- }
1649
- .ql-editor .ql-color-yellow {
1650
- color: #ff0;
1651
- }
1652
- .ql-editor .ql-color-green {
1653
- color: #008a00;
1654
- }
1655
- .ql-editor .ql-color-blue {
1656
- color: #06c;
1657
- }
1658
- .ql-editor .ql-color-purple {
1659
- color: #93f;
1660
- }
1661
- .ql-editor .ql-font-serif {
1662
- font-family: Georgia, Times New Roman, serif;
1663
- }
1664
- .ql-editor .ql-font-monospace {
1665
- font-family: Monaco, Courier New, monospace;
1666
- }
1667
- .ql-editor .ql-size-small {
1668
- font-size: 0.75em;
1669
- }
1670
- .ql-editor .ql-size-large {
1671
- font-size: 1.5em;
1672
- }
1673
- .ql-editor .ql-size-huge {
1674
- font-size: 2.5em;
1675
- }
1676
- .ql-editor .ql-direction-rtl {
1677
- direction: rtl;
1678
- text-align: inherit;
1679
- }
1680
- .ql-editor .ql-align-center {
1681
- text-align: center;
1682
- }
1683
- .ql-editor .ql-align-justify {
1684
- text-align: justify;
1685
- }
1686
- .ql-editor .ql-align-right {
1687
- text-align: right;
1688
- }
1689
- .ql-editor.ql-blank::before {
1690
- color: rgba(0,0,0,0.6);
1691
- content: attr(data-placeholder);
1692
- font-style: italic;
1693
- left: 15px;
1694
- pointer-events: none;
1695
- position: absolute;
1696
- right: 15px;
1697
- }
1698
- .ql-bubble.ql-toolbar:after,
1699
- .ql-bubble .ql-toolbar:after {
1700
- clear: both;
1701
- content: '';
1702
- display: table;
1703
- }
1704
- .ql-bubble.ql-toolbar button,
1705
- .ql-bubble .ql-toolbar button {
1706
- background: none;
1707
- border: none;
1708
- cursor: pointer;
1709
- display: inline-block;
1710
- float: left;
1711
- height: 24px;
1712
- padding: 3px 5px;
1713
- width: 28px;
1714
- }
1715
- .ql-bubble.ql-toolbar button svg,
1716
- .ql-bubble .ql-toolbar button svg {
1717
- float: left;
1718
- height: 100%;
1719
- }
1720
- .ql-bubble.ql-toolbar button:active:hover,
1721
- .ql-bubble .ql-toolbar button:active:hover {
1722
- outline: none;
1723
- }
1724
- .ql-bubble.ql-toolbar input.ql-image[type=file],
1725
- .ql-bubble .ql-toolbar input.ql-image[type=file] {
1726
- display: none;
1727
- }
1728
- .ql-bubble.ql-toolbar button:hover,
1729
- .ql-bubble .ql-toolbar button:hover,
1730
- .ql-bubble.ql-toolbar button:focus,
1731
- .ql-bubble .ql-toolbar button:focus,
1732
- .ql-bubble.ql-toolbar button.ql-active,
1733
- .ql-bubble .ql-toolbar button.ql-active,
1734
- .ql-bubble.ql-toolbar .ql-picker-label:hover,
1735
- .ql-bubble .ql-toolbar .ql-picker-label:hover,
1736
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
1737
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
1738
- .ql-bubble.ql-toolbar .ql-picker-item:hover,
1739
- .ql-bubble .ql-toolbar .ql-picker-item:hover,
1740
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
1741
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
1742
- color: #fff;
1743
- }
1744
- .ql-bubble.ql-toolbar button:hover .ql-fill,
1745
- .ql-bubble .ql-toolbar button:hover .ql-fill,
1746
- .ql-bubble.ql-toolbar button:focus .ql-fill,
1747
- .ql-bubble .ql-toolbar button:focus .ql-fill,
1748
- .ql-bubble.ql-toolbar button.ql-active .ql-fill,
1749
- .ql-bubble .ql-toolbar button.ql-active .ql-fill,
1750
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
1751
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
1752
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
1753
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
1754
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
1755
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
1756
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
1757
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
1758
- .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
1759
- .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
1760
- .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
1761
- .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
1762
- .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
1763
- .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
1764
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
1765
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
1766
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
1767
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
1768
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
1769
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
1770
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
1771
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
1772
- fill: #fff;
1773
- }
1774
- .ql-bubble.ql-toolbar button:hover .ql-stroke,
1775
- .ql-bubble .ql-toolbar button:hover .ql-stroke,
1776
- .ql-bubble.ql-toolbar button:focus .ql-stroke,
1777
- .ql-bubble .ql-toolbar button:focus .ql-stroke,
1778
- .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
1779
- .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
1780
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
1781
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
1782
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
1783
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
1784
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
1785
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
1786
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
1787
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
1788
- .ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
1789
- .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
1790
- .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
1791
- .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
1792
- .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
1793
- .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
1794
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
1795
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
1796
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
1797
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
1798
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
1799
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
1800
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
1801
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
1802
- stroke: #fff;
1803
- }
1804
- @media (pointer: coarse) {
1805
- .ql-bubble.ql-toolbar button:hover:not(.ql-active),
1806
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
1807
- color: #ccc;
1808
- }
1809
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
1810
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
1811
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
1812
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
1813
- fill: #ccc;
1814
- }
1815
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
1816
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
1817
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
1818
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
1819
- stroke: #ccc;
1820
- }
1821
- }
1822
- .ql-bubble {
1823
- box-sizing: border-box;
1824
- }
1825
- .ql-bubble * {
1826
- box-sizing: border-box;
1827
- }
1828
- .ql-bubble .ql-hidden {
1829
- display: none;
1830
- }
1831
- .ql-bubble .ql-out-bottom,
1832
- .ql-bubble .ql-out-top {
1833
- visibility: hidden;
1834
- }
1835
- .ql-bubble .ql-tooltip {
1836
- position: absolute;
1837
- transform: translateY(10px);
1838
- }
1839
- .ql-bubble .ql-tooltip a {
1840
- cursor: pointer;
1841
- text-decoration: none;
1842
- }
1843
- .ql-bubble .ql-tooltip.ql-flip {
1844
- transform: translateY(-10px);
1845
- }
1846
- .ql-bubble .ql-formats {
1847
- display: inline-block;
1848
- vertical-align: middle;
1849
- }
1850
- .ql-bubble .ql-formats:after {
1851
- clear: both;
1852
- content: '';
1853
- display: table;
1854
- }
1855
- .ql-bubble .ql-stroke {
1856
- fill: none;
1857
- stroke: #ccc;
1858
- stroke-linecap: round;
1859
- stroke-linejoin: round;
1860
- stroke-width: 2;
1861
- }
1862
- .ql-bubble .ql-stroke-miter {
1863
- fill: none;
1864
- stroke: #ccc;
1865
- stroke-miterlimit: 10;
1866
- stroke-width: 2;
1867
- }
1868
- .ql-bubble .ql-fill,
1869
- .ql-bubble .ql-stroke.ql-fill {
1870
- fill: #ccc;
1871
- }
1872
- .ql-bubble .ql-empty {
1873
- fill: none;
1874
- }
1875
- .ql-bubble .ql-even {
1876
- fill-rule: evenodd;
1877
- }
1878
- .ql-bubble .ql-thin,
1879
- .ql-bubble .ql-stroke.ql-thin {
1880
- stroke-width: 1;
1881
- }
1882
- .ql-bubble .ql-transparent {
1883
- opacity: 0.4;
1884
- }
1885
- .ql-bubble .ql-direction svg:last-child {
1886
- display: none;
1887
- }
1888
- .ql-bubble .ql-direction.ql-active svg:last-child {
1889
- display: inline;
1890
- }
1891
- .ql-bubble .ql-direction.ql-active svg:first-child {
1892
- display: none;
1893
- }
1894
- .ql-bubble .ql-editor h1 {
1895
- font-size: 2em;
1896
- }
1897
- .ql-bubble .ql-editor h2 {
1898
- font-size: 1.5em;
1899
- }
1900
- .ql-bubble .ql-editor h3 {
1901
- font-size: 1.17em;
1902
- }
1903
- .ql-bubble .ql-editor h4 {
1904
- font-size: 1em;
1905
- }
1906
- .ql-bubble .ql-editor h5 {
1907
- font-size: 0.83em;
1908
- }
1909
- .ql-bubble .ql-editor h6 {
1910
- font-size: 0.67em;
1911
- }
1912
- .ql-bubble .ql-editor a {
1913
- text-decoration: underline;
1914
- }
1915
- .ql-bubble .ql-editor blockquote {
1916
- border-left: 4px solid #ccc;
1917
- margin-bottom: 5px;
1918
- margin-top: 5px;
1919
- padding-left: 16px;
1920
- }
1921
- .ql-bubble .ql-editor code,
1922
- .ql-bubble .ql-editor pre {
1923
- background-color: #f0f0f0;
1924
- border-radius: 3px;
1925
- }
1926
- .ql-bubble .ql-editor pre {
1927
- white-space: pre-wrap;
1928
- margin-bottom: 5px;
1929
- margin-top: 5px;
1930
- padding: 5px 10px;
1931
- }
1932
- .ql-bubble .ql-editor code {
1933
- font-size: 85%;
1934
- padding: 2px 4px;
1935
- }
1936
- .ql-bubble .ql-editor pre.ql-syntax {
1937
- background-color: #23241f;
1938
- color: #f8f8f2;
1939
- overflow: visible;
1940
- }
1941
- .ql-bubble .ql-editor img {
1942
- max-width: 100%;
1943
- }
1944
- .ql-bubble .ql-picker {
1945
- color: #ccc;
1946
- display: inline-block;
1947
- float: left;
1948
- font-size: 14px;
1949
- font-weight: 500;
1950
- height: 24px;
1951
- position: relative;
1952
- vertical-align: middle;
1953
- }
1954
- .ql-bubble .ql-picker-label {
1955
- cursor: pointer;
1956
- display: inline-block;
1957
- height: 100%;
1958
- padding-left: 8px;
1959
- padding-right: 2px;
1960
- position: relative;
1961
- width: 100%;
1962
- }
1963
- .ql-bubble .ql-picker-label::before {
1964
- display: inline-block;
1965
- line-height: 22px;
1966
- }
1967
- .ql-bubble .ql-picker-options {
1968
- background-color: #444;
1969
- display: none;
1970
- min-width: 100%;
1971
- padding: 4px 8px;
1972
- position: absolute;
1973
- white-space: nowrap;
1974
- }
1975
- .ql-bubble .ql-picker-options .ql-picker-item {
1976
- cursor: pointer;
1977
- display: block;
1978
- padding-bottom: 5px;
1979
- padding-top: 5px;
1980
- }
1981
- .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
1982
- color: #777;
1983
- z-index: 2;
1984
- }
1985
- .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
1986
- fill: #777;
1987
- }
1988
- .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
1989
- stroke: #777;
1990
- }
1991
- .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
1992
- display: block;
1993
- margin-top: -1px;
1994
- top: 100%;
1995
- z-index: 1;
1996
- }
1997
- .ql-bubble .ql-color-picker,
1998
- .ql-bubble .ql-icon-picker {
1999
- width: 28px;
2000
- }
2001
- .ql-bubble .ql-color-picker .ql-picker-label,
2002
- .ql-bubble .ql-icon-picker .ql-picker-label {
2003
- padding: 2px 4px;
2004
- }
2005
- .ql-bubble .ql-color-picker .ql-picker-label svg,
2006
- .ql-bubble .ql-icon-picker .ql-picker-label svg {
2007
- right: 4px;
2008
- }
2009
- .ql-bubble .ql-icon-picker .ql-picker-options {
2010
- padding: 4px 0px;
2011
- }
2012
- .ql-bubble .ql-icon-picker .ql-picker-item {
2013
- height: 24px;
2014
- width: 24px;
2015
- padding: 2px 4px;
2016
- }
2017
- .ql-bubble .ql-color-picker .ql-picker-options {
2018
- padding: 3px 5px;
2019
- width: 152px;
2020
- }
2021
- .ql-bubble .ql-color-picker .ql-picker-item {
2022
- border: 1px solid transparent;
2023
- float: left;
2024
- height: 16px;
2025
- margin: 2px;
2026
- padding: 0px;
2027
- width: 16px;
2028
- }
2029
- .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
2030
- position: absolute;
2031
- margin-top: -9px;
2032
- right: 0;
2033
- top: 50%;
2034
- width: 18px;
2035
- }
2036
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
2037
- .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
2038
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
2039
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
2040
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
2041
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
2042
- content: attr(data-label);
2043
- }
2044
- .ql-bubble .ql-picker.ql-header {
2045
- width: 98px;
2046
- }
2047
- .ql-bubble .ql-picker.ql-header .ql-picker-label::before,
2048
- .ql-bubble .ql-picker.ql-header .ql-picker-item::before {
2049
- content: 'Normal';
2050
- }
2051
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
2052
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
2053
- content: 'Heading 1';
2054
- }
2055
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
2056
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
2057
- content: 'Heading 2';
2058
- }
2059
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
2060
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
2061
- content: 'Heading 3';
2062
- }
2063
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
2064
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
2065
- content: 'Heading 4';
2066
- }
2067
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
2068
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
2069
- content: 'Heading 5';
2070
- }
2071
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
2072
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
2073
- content: 'Heading 6';
2074
- }
2075
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
2076
- font-size: 2em;
2077
- }
2078
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
2079
- font-size: 1.5em;
2080
- }
2081
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
2082
- font-size: 1.17em;
2083
- }
2084
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
2085
- font-size: 1em;
2086
- }
2087
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
2088
- font-size: 0.83em;
2089
- }
2090
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
2091
- font-size: 0.67em;
2092
- }
2093
- .ql-bubble .ql-picker.ql-font {
2094
- width: 108px;
2095
- }
2096
- .ql-bubble .ql-picker.ql-font .ql-picker-label::before,
2097
- .ql-bubble .ql-picker.ql-font .ql-picker-item::before {
2098
- content: 'Sans Serif';
2099
- }
2100
- .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
2101
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
2102
- content: 'Serif';
2103
- }
2104
- .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
2105
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
2106
- content: 'Monospace';
2107
- }
2108
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
2109
- font-family: Georgia, Times New Roman, serif;
2110
- }
2111
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
2112
- font-family: Monaco, Courier New, monospace;
2113
- }
2114
- .ql-bubble .ql-picker.ql-size {
2115
- width: 98px;
2116
- }
2117
- .ql-bubble .ql-picker.ql-size .ql-picker-label::before,
2118
- .ql-bubble .ql-picker.ql-size .ql-picker-item::before {
2119
- content: 'Normal';
2120
- }
2121
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
2122
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
2123
- content: 'Small';
2124
- }
2125
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
2126
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
2127
- content: 'Large';
2128
- }
2129
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
2130
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
2131
- content: 'Huge';
2132
- }
2133
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
2134
- font-size: 10px;
2135
- }
2136
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
2137
- font-size: 18px;
2138
- }
2139
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
2140
- font-size: 32px;
2141
- }
2142
- .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
2143
- background-color: #fff;
2144
- }
2145
- .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
2146
- background-color: #000;
2147
- }
2148
- .ql-bubble .ql-toolbar .ql-formats {
2149
- margin: 8px 12px 8px 0px;
2150
- }
2151
- .ql-bubble .ql-toolbar .ql-formats:first-child {
2152
- margin-left: 12px;
2153
- }
2154
- .ql-bubble .ql-color-picker svg {
2155
- margin: 1px;
2156
- }
2157
- .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
2158
- .ql-bubble .ql-color-picker .ql-picker-item:hover {
2159
- border-color: #fff;
2160
- }
2161
- .ql-bubble .ql-tooltip {
2162
- background-color: #444;
2163
- border-radius: 25px;
2164
- color: #fff;
2165
- }
2166
- .ql-bubble .ql-tooltip-arrow {
2167
- border-left: 6px solid transparent;
2168
- border-right: 6px solid transparent;
2169
- content: " ";
2170
- display: block;
2171
- left: 50%;
2172
- margin-left: -6px;
2173
- position: absolute;
2174
- }
2175
- .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
2176
- border-bottom: 6px solid #444;
2177
- top: -6px;
2178
- }
2179
- .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
2180
- border-top: 6px solid #444;
2181
- bottom: -6px;
2182
- }
2183
- .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
2184
- display: block;
2185
- }
2186
- .ql-bubble .ql-tooltip.ql-editing .ql-formats {
2187
- visibility: hidden;
2188
- }
2189
- .ql-bubble .ql-tooltip-editor {
2190
- display: none;
2191
- }
2192
- .ql-bubble .ql-tooltip-editor input[type=text] {
2193
- background: transparent;
2194
- border: none;
2195
- color: #fff;
2196
- font-size: 13px;
2197
- height: 100%;
2198
- outline: none;
2199
- padding: 10px 20px;
2200
- position: absolute;
2201
- width: 100%;
2202
- }
2203
- .ql-bubble .ql-tooltip-editor a {
2204
- top: 10px;
2205
- position: absolute;
2206
- right: 20px;
2207
- }
2208
- .ql-bubble .ql-tooltip-editor a:before {
2209
- color: #ccc;
2210
- content: "\00D7";
2211
- font-size: 16px;
2212
- font-weight: bold;
2213
- }
2214
- .ql-container.ql-bubble:not(.ql-disabled) a {
2215
- position: relative;
2216
- white-space: nowrap;
2217
- }
2218
- .ql-container.ql-bubble:not(.ql-disabled) a::before {
2219
- background-color: #444;
2220
- border-radius: 15px;
2221
- top: -5px;
2222
- font-size: 12px;
2223
- color: #fff;
2224
- content: attr(href);
2225
- font-weight: normal;
2226
- overflow: hidden;
2227
- padding: 5px 15px;
2228
- text-decoration: none;
2229
- z-index: 1;
2230
- }
2231
- .ql-container.ql-bubble:not(.ql-disabled) a::after {
2232
- border-top: 6px solid #444;
2233
- border-left: 6px solid transparent;
2234
- border-right: 6px solid transparent;
2235
- top: 0;
2236
- content: " ";
2237
- height: 0;
2238
- width: 0;
2239
- }
2240
- .ql-container.ql-bubble:not(.ql-disabled) a::before,
2241
- .ql-container.ql-bubble:not(.ql-disabled) a::after {
2242
- left: 0;
2243
- margin-left: 50%;
2244
- position: absolute;
2245
- transform: translate(-50%, -100%);
2246
- transition: visibility 0s ease 200ms;
2247
- visibility: hidden;
2248
- }
2249
- .ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
2250
- .ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
2251
- visibility: visible;
2252
- }
2253
-
2254
1
  .deep-input :deep(.el-input__wrapper) {
2255
2
  height: 40px;
2256
3
  line-height: 40px;
@@ -2259,6 +6,16 @@
2259
6
  height: 40px;
2260
7
  line-height: 40px;
2261
8
  }
9
+ @charset "UTF-8";
10
+ /* 样式范围限制在组件内部,但 @vueup/vue-quill 的样式是全局的 */
11
+ .rich-text-editor-container[data-v-02babd36] {
12
+ min-height: 200px;
13
+ }
14
+
15
+ /* 可以覆盖一些基础样式 */
16
+ [data-v-02babd36] .ql-editor {
17
+ min-height: 200px;
18
+ }
2262
19
  .avatar[data-v-0b647a60] {
2263
20
  border: 1px dashed #d9d9d9;
2264
21
  }