quilljs-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,378 @@
1
+ /*!
2
+ * Quill Editor v1.2.0
3
+ * https://quilljs.com/
4
+ * Copyright (c) 2014, Jason Chen
5
+ * Copyright (c) 2013, salesforce.com
6
+ */
7
+ .ql-container {
8
+ box-sizing: border-box;
9
+ font-family: Helvetica, Arial, sans-serif;
10
+ font-size: 13px;
11
+ height: 100%;
12
+ margin: 0px;
13
+ position: relative;
14
+ }
15
+ .ql-container.ql-disabled .ql-tooltip {
16
+ visibility: hidden;
17
+ }
18
+ .ql-clipboard {
19
+ left: -100000px;
20
+ height: 1px;
21
+ overflow-y: hidden;
22
+ position: absolute;
23
+ top: 50%;
24
+ }
25
+ .ql-clipboard p {
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+ .ql-editor {
30
+ box-sizing: border-box;
31
+ cursor: text;
32
+ line-height: 1.42;
33
+ height: 100%;
34
+ outline: none;
35
+ overflow-y: auto;
36
+ padding: 12px 15px;
37
+ tab-size: 4;
38
+ -moz-tab-size: 4;
39
+ text-align: left;
40
+ white-space: pre-wrap;
41
+ word-wrap: break-word;
42
+ }
43
+ .ql-editor p,
44
+ .ql-editor ol,
45
+ .ql-editor ul,
46
+ .ql-editor pre,
47
+ .ql-editor blockquote,
48
+ .ql-editor h1,
49
+ .ql-editor h2,
50
+ .ql-editor h3,
51
+ .ql-editor h4,
52
+ .ql-editor h5,
53
+ .ql-editor h6 {
54
+ margin: 0;
55
+ padding: 0;
56
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
57
+ }
58
+ .ql-editor ol,
59
+ .ql-editor ul {
60
+ padding-left: 1.5em;
61
+ }
62
+ .ql-editor ol > li,
63
+ .ql-editor ul > li {
64
+ list-style-type: none;
65
+ }
66
+ .ql-editor ul > li::before {
67
+ content: '\25CF';
68
+ }
69
+ .ql-editor ul[data-checked=true],
70
+ .ql-editor ul[data-checked=false] {
71
+ pointer-events: none;
72
+ }
73
+ .ql-editor ul[data-checked=true] > li::before,
74
+ .ql-editor ul[data-checked=false] > li::before {
75
+ color: #777;
76
+ cursor: pointer;
77
+ pointer-events: all;
78
+ }
79
+ .ql-editor ul[data-checked=true] > li::before {
80
+ content: '\2611';
81
+ }
82
+ .ql-editor ul[data-checked=false] > li::before {
83
+ content: '\2610';
84
+ }
85
+ .ql-editor li::before {
86
+ display: inline-block;
87
+ margin-right: 0.3em;
88
+ text-align: right;
89
+ white-space: nowrap;
90
+ width: 1.2em;
91
+ }
92
+ .ql-editor li:not(.ql-direction-rtl)::before {
93
+ margin-left: -1.5em;
94
+ }
95
+ .ql-editor ol li,
96
+ .ql-editor ul li {
97
+ padding-left: 1.5em;
98
+ }
99
+ .ql-editor ol li {
100
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
101
+ counter-increment: list-num;
102
+ }
103
+ .ql-editor ol li:before {
104
+ content: counter(list-num, decimal) '. ';
105
+ }
106
+ .ql-editor ol li.ql-indent-1 {
107
+ counter-increment: list-1;
108
+ }
109
+ .ql-editor ol li.ql-indent-1:before {
110
+ content: counter(list-1, lower-alpha) '. ';
111
+ }
112
+ .ql-editor ol li.ql-indent-1 {
113
+ counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
114
+ }
115
+ .ql-editor ol li.ql-indent-2 {
116
+ counter-increment: list-2;
117
+ }
118
+ .ql-editor ol li.ql-indent-2:before {
119
+ content: counter(list-2, lower-roman) '. ';
120
+ }
121
+ .ql-editor ol li.ql-indent-2 {
122
+ counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
123
+ }
124
+ .ql-editor ol li.ql-indent-3 {
125
+ counter-increment: list-3;
126
+ }
127
+ .ql-editor ol li.ql-indent-3:before {
128
+ content: counter(list-3, decimal) '. ';
129
+ }
130
+ .ql-editor ol li.ql-indent-3 {
131
+ counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
132
+ }
133
+ .ql-editor ol li.ql-indent-4 {
134
+ counter-increment: list-4;
135
+ }
136
+ .ql-editor ol li.ql-indent-4:before {
137
+ content: counter(list-4, lower-alpha) '. ';
138
+ }
139
+ .ql-editor ol li.ql-indent-4 {
140
+ counter-reset: list-5 list-6 list-7 list-8 list-9;
141
+ }
142
+ .ql-editor ol li.ql-indent-5 {
143
+ counter-increment: list-5;
144
+ }
145
+ .ql-editor ol li.ql-indent-5:before {
146
+ content: counter(list-5, lower-roman) '. ';
147
+ }
148
+ .ql-editor ol li.ql-indent-5 {
149
+ counter-reset: list-6 list-7 list-8 list-9;
150
+ }
151
+ .ql-editor ol li.ql-indent-6 {
152
+ counter-increment: list-6;
153
+ }
154
+ .ql-editor ol li.ql-indent-6:before {
155
+ content: counter(list-6, decimal) '. ';
156
+ }
157
+ .ql-editor ol li.ql-indent-6 {
158
+ counter-reset: list-7 list-8 list-9;
159
+ }
160
+ .ql-editor ol li.ql-indent-7 {
161
+ counter-increment: list-7;
162
+ }
163
+ .ql-editor ol li.ql-indent-7:before {
164
+ content: counter(list-7, lower-alpha) '. ';
165
+ }
166
+ .ql-editor ol li.ql-indent-7 {
167
+ counter-reset: list-8 list-9;
168
+ }
169
+ .ql-editor ol li.ql-indent-8 {
170
+ counter-increment: list-8;
171
+ }
172
+ .ql-editor ol li.ql-indent-8:before {
173
+ content: counter(list-8, lower-roman) '. ';
174
+ }
175
+ .ql-editor ol li.ql-indent-8 {
176
+ counter-reset: list-9;
177
+ }
178
+ .ql-editor ol li.ql-indent-9 {
179
+ counter-increment: list-9;
180
+ }
181
+ .ql-editor ol li.ql-indent-9:before {
182
+ content: counter(list-9, decimal) '. ';
183
+ }
184
+ .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
185
+ padding-left: 3em;
186
+ }
187
+ .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
188
+ padding-left: 4.5em;
189
+ }
190
+ .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
191
+ padding-right: 3em;
192
+ }
193
+ .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
194
+ padding-right: 4.5em;
195
+ }
196
+ .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
197
+ padding-left: 6em;
198
+ }
199
+ .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
200
+ padding-left: 7.5em;
201
+ }
202
+ .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
203
+ padding-right: 6em;
204
+ }
205
+ .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
206
+ padding-right: 7.5em;
207
+ }
208
+ .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
209
+ padding-left: 9em;
210
+ }
211
+ .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
212
+ padding-left: 10.5em;
213
+ }
214
+ .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
215
+ padding-right: 9em;
216
+ }
217
+ .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
218
+ padding-right: 10.5em;
219
+ }
220
+ .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
221
+ padding-left: 12em;
222
+ }
223
+ .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
224
+ padding-left: 13.5em;
225
+ }
226
+ .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
227
+ padding-right: 12em;
228
+ }
229
+ .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
230
+ padding-right: 13.5em;
231
+ }
232
+ .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
233
+ padding-left: 15em;
234
+ }
235
+ .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
236
+ padding-left: 16.5em;
237
+ }
238
+ .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
239
+ padding-right: 15em;
240
+ }
241
+ .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
242
+ padding-right: 16.5em;
243
+ }
244
+ .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
245
+ padding-left: 18em;
246
+ }
247
+ .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
248
+ padding-left: 19.5em;
249
+ }
250
+ .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
251
+ padding-right: 18em;
252
+ }
253
+ .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
254
+ padding-right: 19.5em;
255
+ }
256
+ .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
257
+ padding-left: 21em;
258
+ }
259
+ .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
260
+ padding-left: 22.5em;
261
+ }
262
+ .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
263
+ padding-right: 21em;
264
+ }
265
+ .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
266
+ padding-right: 22.5em;
267
+ }
268
+ .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
269
+ padding-left: 24em;
270
+ }
271
+ .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
272
+ padding-left: 25.5em;
273
+ }
274
+ .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
275
+ padding-right: 24em;
276
+ }
277
+ .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
278
+ padding-right: 25.5em;
279
+ }
280
+ .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
281
+ padding-left: 27em;
282
+ }
283
+ .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
284
+ padding-left: 28.5em;
285
+ }
286
+ .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
287
+ padding-right: 27em;
288
+ }
289
+ .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
290
+ padding-right: 28.5em;
291
+ }
292
+ .ql-editor .ql-video {
293
+ display: block;
294
+ max-width: 100%;
295
+ }
296
+ .ql-editor .ql-video.ql-align-center {
297
+ margin: 0 auto;
298
+ }
299
+ .ql-editor .ql-video.ql-align-right {
300
+ margin: 0 0 0 auto;
301
+ }
302
+ .ql-editor .ql-bg-black {
303
+ background-color: #000;
304
+ }
305
+ .ql-editor .ql-bg-red {
306
+ background-color: #e60000;
307
+ }
308
+ .ql-editor .ql-bg-orange {
309
+ background-color: #f90;
310
+ }
311
+ .ql-editor .ql-bg-yellow {
312
+ background-color: #ff0;
313
+ }
314
+ .ql-editor .ql-bg-green {
315
+ background-color: #008a00;
316
+ }
317
+ .ql-editor .ql-bg-blue {
318
+ background-color: #06c;
319
+ }
320
+ .ql-editor .ql-bg-purple {
321
+ background-color: #93f;
322
+ }
323
+ .ql-editor .ql-color-white {
324
+ color: #fff;
325
+ }
326
+ .ql-editor .ql-color-red {
327
+ color: #e60000;
328
+ }
329
+ .ql-editor .ql-color-orange {
330
+ color: #f90;
331
+ }
332
+ .ql-editor .ql-color-yellow {
333
+ color: #ff0;
334
+ }
335
+ .ql-editor .ql-color-green {
336
+ color: #008a00;
337
+ }
338
+ .ql-editor .ql-color-blue {
339
+ color: #06c;
340
+ }
341
+ .ql-editor .ql-color-purple {
342
+ color: #93f;
343
+ }
344
+ .ql-editor .ql-font-serif {
345
+ font-family: Georgia, Times New Roman, serif;
346
+ }
347
+ .ql-editor .ql-font-monospace {
348
+ font-family: Monaco, Courier New, monospace;
349
+ }
350
+ .ql-editor .ql-size-small {
351
+ font-size: 0.75em;
352
+ }
353
+ .ql-editor .ql-size-large {
354
+ font-size: 1.5em;
355
+ }
356
+ .ql-editor .ql-size-huge {
357
+ font-size: 2.5em;
358
+ }
359
+ .ql-editor .ql-direction-rtl {
360
+ direction: rtl;
361
+ text-align: inherit;
362
+ }
363
+ .ql-editor .ql-align-center {
364
+ text-align: center;
365
+ }
366
+ .ql-editor .ql-align-justify {
367
+ text-align: justify;
368
+ }
369
+ .ql-editor .ql-align-right {
370
+ text-align: right;
371
+ }
372
+ .ql-editor.ql-blank::before {
373
+ color: rgba(0,0,0,0.6);
374
+ content: attr(data-placeholder);
375
+ font-style: italic;
376
+ pointer-events: none;
377
+ position: absolute;
378
+ }
@@ -0,0 +1,904 @@
1
+ /*!
2
+ * Quill Editor v1.2.0
3
+ * https://quilljs.com/
4
+ * Copyright (c) 2014, Jason Chen
5
+ * Copyright (c) 2013, salesforce.com
6
+ */
7
+ .ql-container {
8
+ box-sizing: border-box;
9
+ font-family: Helvetica, Arial, sans-serif;
10
+ font-size: 13px;
11
+ height: 100%;
12
+ margin: 0px;
13
+ position: relative;
14
+ }
15
+ .ql-container.ql-disabled .ql-tooltip {
16
+ visibility: hidden;
17
+ }
18
+ .ql-clipboard {
19
+ left: -100000px;
20
+ height: 1px;
21
+ overflow-y: hidden;
22
+ position: absolute;
23
+ top: 50%;
24
+ }
25
+ .ql-clipboard p {
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+ .ql-editor {
30
+ box-sizing: border-box;
31
+ cursor: text;
32
+ line-height: 1.42;
33
+ height: 100%;
34
+ outline: none;
35
+ overflow-y: auto;
36
+ padding: 12px 15px;
37
+ tab-size: 4;
38
+ -moz-tab-size: 4;
39
+ text-align: left;
40
+ white-space: pre-wrap;
41
+ word-wrap: break-word;
42
+ }
43
+ .ql-editor p,
44
+ .ql-editor ol,
45
+ .ql-editor ul,
46
+ .ql-editor pre,
47
+ .ql-editor blockquote,
48
+ .ql-editor h1,
49
+ .ql-editor h2,
50
+ .ql-editor h3,
51
+ .ql-editor h4,
52
+ .ql-editor h5,
53
+ .ql-editor h6 {
54
+ margin: 0;
55
+ padding: 0;
56
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
57
+ }
58
+ .ql-editor ol,
59
+ .ql-editor ul {
60
+ padding-left: 1.5em;
61
+ }
62
+ .ql-editor ol > li,
63
+ .ql-editor ul > li {
64
+ list-style-type: none;
65
+ }
66
+ .ql-editor ul > li::before {
67
+ content: '\25CF';
68
+ }
69
+ .ql-editor ul[data-checked=true],
70
+ .ql-editor ul[data-checked=false] {
71
+ pointer-events: none;
72
+ }
73
+ .ql-editor ul[data-checked=true] > li::before,
74
+ .ql-editor ul[data-checked=false] > li::before {
75
+ color: #777;
76
+ cursor: pointer;
77
+ pointer-events: all;
78
+ }
79
+ .ql-editor ul[data-checked=true] > li::before {
80
+ content: '\2611';
81
+ }
82
+ .ql-editor ul[data-checked=false] > li::before {
83
+ content: '\2610';
84
+ }
85
+ .ql-editor li::before {
86
+ display: inline-block;
87
+ margin-right: 0.3em;
88
+ text-align: right;
89
+ white-space: nowrap;
90
+ width: 1.2em;
91
+ }
92
+ .ql-editor li:not(.ql-direction-rtl)::before {
93
+ margin-left: -1.5em;
94
+ }
95
+ .ql-editor ol li,
96
+ .ql-editor ul li {
97
+ padding-left: 1.5em;
98
+ }
99
+ .ql-editor ol li {
100
+ counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
101
+ counter-increment: list-num;
102
+ }
103
+ .ql-editor ol li:before {
104
+ content: counter(list-num, decimal) '. ';
105
+ }
106
+ .ql-editor ol li.ql-indent-1 {
107
+ counter-increment: list-1;
108
+ }
109
+ .ql-editor ol li.ql-indent-1:before {
110
+ content: counter(list-1, lower-alpha) '. ';
111
+ }
112
+ .ql-editor ol li.ql-indent-1 {
113
+ counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
114
+ }
115
+ .ql-editor ol li.ql-indent-2 {
116
+ counter-increment: list-2;
117
+ }
118
+ .ql-editor ol li.ql-indent-2:before {
119
+ content: counter(list-2, lower-roman) '. ';
120
+ }
121
+ .ql-editor ol li.ql-indent-2 {
122
+ counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
123
+ }
124
+ .ql-editor ol li.ql-indent-3 {
125
+ counter-increment: list-3;
126
+ }
127
+ .ql-editor ol li.ql-indent-3:before {
128
+ content: counter(list-3, decimal) '. ';
129
+ }
130
+ .ql-editor ol li.ql-indent-3 {
131
+ counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
132
+ }
133
+ .ql-editor ol li.ql-indent-4 {
134
+ counter-increment: list-4;
135
+ }
136
+ .ql-editor ol li.ql-indent-4:before {
137
+ content: counter(list-4, lower-alpha) '. ';
138
+ }
139
+ .ql-editor ol li.ql-indent-4 {
140
+ counter-reset: list-5 list-6 list-7 list-8 list-9;
141
+ }
142
+ .ql-editor ol li.ql-indent-5 {
143
+ counter-increment: list-5;
144
+ }
145
+ .ql-editor ol li.ql-indent-5:before {
146
+ content: counter(list-5, lower-roman) '. ';
147
+ }
148
+ .ql-editor ol li.ql-indent-5 {
149
+ counter-reset: list-6 list-7 list-8 list-9;
150
+ }
151
+ .ql-editor ol li.ql-indent-6 {
152
+ counter-increment: list-6;
153
+ }
154
+ .ql-editor ol li.ql-indent-6:before {
155
+ content: counter(list-6, decimal) '. ';
156
+ }
157
+ .ql-editor ol li.ql-indent-6 {
158
+ counter-reset: list-7 list-8 list-9;
159
+ }
160
+ .ql-editor ol li.ql-indent-7 {
161
+ counter-increment: list-7;
162
+ }
163
+ .ql-editor ol li.ql-indent-7:before {
164
+ content: counter(list-7, lower-alpha) '. ';
165
+ }
166
+ .ql-editor ol li.ql-indent-7 {
167
+ counter-reset: list-8 list-9;
168
+ }
169
+ .ql-editor ol li.ql-indent-8 {
170
+ counter-increment: list-8;
171
+ }
172
+ .ql-editor ol li.ql-indent-8:before {
173
+ content: counter(list-8, lower-roman) '. ';
174
+ }
175
+ .ql-editor ol li.ql-indent-8 {
176
+ counter-reset: list-9;
177
+ }
178
+ .ql-editor ol li.ql-indent-9 {
179
+ counter-increment: list-9;
180
+ }
181
+ .ql-editor ol li.ql-indent-9:before {
182
+ content: counter(list-9, decimal) '. ';
183
+ }
184
+ .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
185
+ padding-left: 3em;
186
+ }
187
+ .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
188
+ padding-left: 4.5em;
189
+ }
190
+ .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
191
+ padding-right: 3em;
192
+ }
193
+ .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
194
+ padding-right: 4.5em;
195
+ }
196
+ .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
197
+ padding-left: 6em;
198
+ }
199
+ .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
200
+ padding-left: 7.5em;
201
+ }
202
+ .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
203
+ padding-right: 6em;
204
+ }
205
+ .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
206
+ padding-right: 7.5em;
207
+ }
208
+ .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
209
+ padding-left: 9em;
210
+ }
211
+ .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
212
+ padding-left: 10.5em;
213
+ }
214
+ .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
215
+ padding-right: 9em;
216
+ }
217
+ .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
218
+ padding-right: 10.5em;
219
+ }
220
+ .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
221
+ padding-left: 12em;
222
+ }
223
+ .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
224
+ padding-left: 13.5em;
225
+ }
226
+ .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
227
+ padding-right: 12em;
228
+ }
229
+ .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
230
+ padding-right: 13.5em;
231
+ }
232
+ .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
233
+ padding-left: 15em;
234
+ }
235
+ .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
236
+ padding-left: 16.5em;
237
+ }
238
+ .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
239
+ padding-right: 15em;
240
+ }
241
+ .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
242
+ padding-right: 16.5em;
243
+ }
244
+ .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
245
+ padding-left: 18em;
246
+ }
247
+ .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
248
+ padding-left: 19.5em;
249
+ }
250
+ .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
251
+ padding-right: 18em;
252
+ }
253
+ .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
254
+ padding-right: 19.5em;
255
+ }
256
+ .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
257
+ padding-left: 21em;
258
+ }
259
+ .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
260
+ padding-left: 22.5em;
261
+ }
262
+ .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
263
+ padding-right: 21em;
264
+ }
265
+ .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
266
+ padding-right: 22.5em;
267
+ }
268
+ .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
269
+ padding-left: 24em;
270
+ }
271
+ .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
272
+ padding-left: 25.5em;
273
+ }
274
+ .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
275
+ padding-right: 24em;
276
+ }
277
+ .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
278
+ padding-right: 25.5em;
279
+ }
280
+ .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
281
+ padding-left: 27em;
282
+ }
283
+ .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
284
+ padding-left: 28.5em;
285
+ }
286
+ .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
287
+ padding-right: 27em;
288
+ }
289
+ .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
290
+ padding-right: 28.5em;
291
+ }
292
+ .ql-editor .ql-video {
293
+ display: block;
294
+ max-width: 100%;
295
+ }
296
+ .ql-editor .ql-video.ql-align-center {
297
+ margin: 0 auto;
298
+ }
299
+ .ql-editor .ql-video.ql-align-right {
300
+ margin: 0 0 0 auto;
301
+ }
302
+ .ql-editor .ql-bg-black {
303
+ background-color: #000;
304
+ }
305
+ .ql-editor .ql-bg-red {
306
+ background-color: #e60000;
307
+ }
308
+ .ql-editor .ql-bg-orange {
309
+ background-color: #f90;
310
+ }
311
+ .ql-editor .ql-bg-yellow {
312
+ background-color: #ff0;
313
+ }
314
+ .ql-editor .ql-bg-green {
315
+ background-color: #008a00;
316
+ }
317
+ .ql-editor .ql-bg-blue {
318
+ background-color: #06c;
319
+ }
320
+ .ql-editor .ql-bg-purple {
321
+ background-color: #93f;
322
+ }
323
+ .ql-editor .ql-color-white {
324
+ color: #fff;
325
+ }
326
+ .ql-editor .ql-color-red {
327
+ color: #e60000;
328
+ }
329
+ .ql-editor .ql-color-orange {
330
+ color: #f90;
331
+ }
332
+ .ql-editor .ql-color-yellow {
333
+ color: #ff0;
334
+ }
335
+ .ql-editor .ql-color-green {
336
+ color: #008a00;
337
+ }
338
+ .ql-editor .ql-color-blue {
339
+ color: #06c;
340
+ }
341
+ .ql-editor .ql-color-purple {
342
+ color: #93f;
343
+ }
344
+ .ql-editor .ql-font-serif {
345
+ font-family: Georgia, Times New Roman, serif;
346
+ }
347
+ .ql-editor .ql-font-monospace {
348
+ font-family: Monaco, Courier New, monospace;
349
+ }
350
+ .ql-editor .ql-size-small {
351
+ font-size: 0.75em;
352
+ }
353
+ .ql-editor .ql-size-large {
354
+ font-size: 1.5em;
355
+ }
356
+ .ql-editor .ql-size-huge {
357
+ font-size: 2.5em;
358
+ }
359
+ .ql-editor .ql-direction-rtl {
360
+ direction: rtl;
361
+ text-align: inherit;
362
+ }
363
+ .ql-editor .ql-align-center {
364
+ text-align: center;
365
+ }
366
+ .ql-editor .ql-align-justify {
367
+ text-align: justify;
368
+ }
369
+ .ql-editor .ql-align-right {
370
+ text-align: right;
371
+ }
372
+ .ql-editor.ql-blank::before {
373
+ color: rgba(0,0,0,0.6);
374
+ content: attr(data-placeholder);
375
+ font-style: italic;
376
+ pointer-events: none;
377
+ position: absolute;
378
+ }
379
+ .ql-snow.ql-toolbar:after,
380
+ .ql-snow .ql-toolbar:after {
381
+ clear: both;
382
+ content: '';
383
+ display: table;
384
+ }
385
+ .ql-snow.ql-toolbar button,
386
+ .ql-snow .ql-toolbar button {
387
+ background: none;
388
+ border: none;
389
+ cursor: pointer;
390
+ display: inline-block;
391
+ float: left;
392
+ height: 24px;
393
+ padding: 3px 5px;
394
+ width: 28px;
395
+ }
396
+ .ql-snow.ql-toolbar button svg,
397
+ .ql-snow .ql-toolbar button svg {
398
+ float: left;
399
+ height: 100%;
400
+ }
401
+ .ql-snow.ql-toolbar button:active:hover,
402
+ .ql-snow .ql-toolbar button:active:hover {
403
+ outline: none;
404
+ }
405
+ .ql-snow.ql-toolbar input.ql-image[type=file],
406
+ .ql-snow .ql-toolbar input.ql-image[type=file] {
407
+ display: none;
408
+ }
409
+ .ql-snow.ql-toolbar button:hover,
410
+ .ql-snow .ql-toolbar button:hover,
411
+ .ql-snow.ql-toolbar button.ql-active,
412
+ .ql-snow .ql-toolbar button.ql-active,
413
+ .ql-snow.ql-toolbar .ql-picker-label:hover,
414
+ .ql-snow .ql-toolbar .ql-picker-label:hover,
415
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active,
416
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active,
417
+ .ql-snow.ql-toolbar .ql-picker-item:hover,
418
+ .ql-snow .ql-toolbar .ql-picker-item:hover,
419
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
420
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
421
+ color: #06c;
422
+ }
423
+ .ql-snow.ql-toolbar button:hover .ql-fill,
424
+ .ql-snow .ql-toolbar button:hover .ql-fill,
425
+ .ql-snow.ql-toolbar button.ql-active .ql-fill,
426
+ .ql-snow .ql-toolbar button.ql-active .ql-fill,
427
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
428
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
429
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
430
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
431
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
432
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
433
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
434
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
435
+ .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
436
+ .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
437
+ .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
438
+ .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
439
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
440
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
441
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
442
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
443
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
444
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
445
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
446
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
447
+ fill: #06c;
448
+ }
449
+ .ql-snow.ql-toolbar button:hover .ql-stroke,
450
+ .ql-snow .ql-toolbar button:hover .ql-stroke,
451
+ .ql-snow.ql-toolbar button.ql-active .ql-stroke,
452
+ .ql-snow .ql-toolbar button.ql-active .ql-stroke,
453
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
454
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
455
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
456
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
457
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
458
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
459
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
460
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
461
+ .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
462
+ .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
463
+ .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
464
+ .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
465
+ .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
466
+ .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
467
+ .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
468
+ .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
469
+ .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
470
+ .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
471
+ .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
472
+ .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
473
+ stroke: #06c;
474
+ }
475
+ .ql-snow {
476
+ box-sizing: border-box;
477
+ }
478
+ .ql-snow * {
479
+ box-sizing: border-box;
480
+ }
481
+ .ql-snow .ql-hidden {
482
+ display: none;
483
+ }
484
+ .ql-snow .ql-out-bottom,
485
+ .ql-snow .ql-out-top {
486
+ visibility: hidden;
487
+ }
488
+ .ql-snow .ql-tooltip {
489
+ position: absolute;
490
+ transform: translateY(10px);
491
+ }
492
+ .ql-snow .ql-tooltip a {
493
+ cursor: pointer;
494
+ text-decoration: none;
495
+ }
496
+ .ql-snow .ql-tooltip.ql-flip {
497
+ transform: translateY(-10px);
498
+ }
499
+ .ql-snow .ql-formats {
500
+ display: inline-block;
501
+ vertical-align: middle;
502
+ }
503
+ .ql-snow .ql-formats:after {
504
+ clear: both;
505
+ content: '';
506
+ display: table;
507
+ }
508
+ .ql-snow .ql-stroke {
509
+ fill: none;
510
+ stroke: #444;
511
+ stroke-linecap: round;
512
+ stroke-linejoin: round;
513
+ stroke-width: 2;
514
+ }
515
+ .ql-snow .ql-stroke-miter {
516
+ fill: none;
517
+ stroke: #444;
518
+ stroke-miterlimit: 10;
519
+ stroke-width: 2;
520
+ }
521
+ .ql-snow .ql-fill,
522
+ .ql-snow .ql-stroke.ql-fill {
523
+ fill: #444;
524
+ }
525
+ .ql-snow .ql-empty {
526
+ fill: none;
527
+ }
528
+ .ql-snow .ql-even {
529
+ fill-rule: evenodd;
530
+ }
531
+ .ql-snow .ql-thin,
532
+ .ql-snow .ql-stroke.ql-thin {
533
+ stroke-width: 1;
534
+ }
535
+ .ql-snow .ql-transparent {
536
+ opacity: 0.4;
537
+ }
538
+ .ql-snow .ql-direction svg:last-child {
539
+ display: none;
540
+ }
541
+ .ql-snow .ql-direction.ql-active svg:last-child {
542
+ display: inline;
543
+ }
544
+ .ql-snow .ql-direction.ql-active svg:first-child {
545
+ display: none;
546
+ }
547
+ .ql-snow .ql-editor h1 {
548
+ font-size: 2em;
549
+ }
550
+ .ql-snow .ql-editor h2 {
551
+ font-size: 1.5em;
552
+ }
553
+ .ql-snow .ql-editor h3 {
554
+ font-size: 1.17em;
555
+ }
556
+ .ql-snow .ql-editor h4 {
557
+ font-size: 1em;
558
+ }
559
+ .ql-snow .ql-editor h5 {
560
+ font-size: 0.83em;
561
+ }
562
+ .ql-snow .ql-editor h6 {
563
+ font-size: 0.67em;
564
+ }
565
+ .ql-snow .ql-editor a {
566
+ text-decoration: underline;
567
+ }
568
+ .ql-snow .ql-editor blockquote {
569
+ border-left: 4px solid #ccc;
570
+ margin-bottom: 5px;
571
+ margin-top: 5px;
572
+ padding-left: 16px;
573
+ }
574
+ .ql-snow .ql-editor code,
575
+ .ql-snow .ql-editor pre {
576
+ background-color: #f0f0f0;
577
+ border-radius: 3px;
578
+ }
579
+ .ql-snow .ql-editor pre {
580
+ white-space: pre-wrap;
581
+ margin-bottom: 5px;
582
+ margin-top: 5px;
583
+ padding: 5px 10px;
584
+ }
585
+ .ql-snow .ql-editor code {
586
+ font-size: 85%;
587
+ padding-bottom: 2px;
588
+ padding-top: 2px;
589
+ }
590
+ .ql-snow .ql-editor code:before,
591
+ .ql-snow .ql-editor code:after {
592
+ content: "\A0";
593
+ letter-spacing: -2px;
594
+ }
595
+ .ql-snow .ql-editor pre.ql-syntax {
596
+ background-color: #23241f;
597
+ color: #f8f8f2;
598
+ overflow: visible;
599
+ }
600
+ .ql-snow .ql-editor img {
601
+ max-width: 100%;
602
+ }
603
+ .ql-snow .ql-picker {
604
+ color: #444;
605
+ display: inline-block;
606
+ float: left;
607
+ font-size: 14px;
608
+ font-weight: 500;
609
+ height: 24px;
610
+ position: relative;
611
+ vertical-align: middle;
612
+ }
613
+ .ql-snow .ql-picker-label {
614
+ cursor: pointer;
615
+ display: inline-block;
616
+ height: 100%;
617
+ padding-left: 8px;
618
+ padding-right: 2px;
619
+ position: relative;
620
+ width: 100%;
621
+ }
622
+ .ql-snow .ql-picker-label::before {
623
+ display: inline-block;
624
+ line-height: 22px;
625
+ }
626
+ .ql-snow .ql-picker-options {
627
+ background-color: #fff;
628
+ display: none;
629
+ min-width: 100%;
630
+ padding: 4px 8px;
631
+ position: absolute;
632
+ white-space: nowrap;
633
+ }
634
+ .ql-snow .ql-picker-options .ql-picker-item {
635
+ cursor: pointer;
636
+ display: block;
637
+ padding-bottom: 5px;
638
+ padding-top: 5px;
639
+ }
640
+ .ql-snow .ql-picker.ql-expanded .ql-picker-label {
641
+ color: #ccc;
642
+ z-index: 2;
643
+ }
644
+ .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
645
+ fill: #ccc;
646
+ }
647
+ .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
648
+ stroke: #ccc;
649
+ }
650
+ .ql-snow .ql-picker.ql-expanded .ql-picker-options {
651
+ display: block;
652
+ margin-top: -1px;
653
+ top: 100%;
654
+ z-index: 1;
655
+ }
656
+ .ql-snow .ql-color-picker,
657
+ .ql-snow .ql-icon-picker {
658
+ width: 28px;
659
+ }
660
+ .ql-snow .ql-color-picker .ql-picker-label,
661
+ .ql-snow .ql-icon-picker .ql-picker-label {
662
+ padding: 2px 4px;
663
+ }
664
+ .ql-snow .ql-color-picker .ql-picker-label svg,
665
+ .ql-snow .ql-icon-picker .ql-picker-label svg {
666
+ right: 4px;
667
+ }
668
+ .ql-snow .ql-icon-picker .ql-picker-options {
669
+ padding: 4px 0px;
670
+ }
671
+ .ql-snow .ql-icon-picker .ql-picker-item {
672
+ height: 24px;
673
+ width: 24px;
674
+ padding: 2px 4px;
675
+ }
676
+ .ql-snow .ql-color-picker .ql-picker-options {
677
+ padding: 3px 5px;
678
+ width: 152px;
679
+ }
680
+ .ql-snow .ql-color-picker .ql-picker-item {
681
+ border: 1px solid transparent;
682
+ float: left;
683
+ height: 16px;
684
+ margin: 2px;
685
+ padding: 0px;
686
+ width: 16px;
687
+ }
688
+ .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
689
+ position: absolute;
690
+ margin-top: -9px;
691
+ right: 0;
692
+ top: 50%;
693
+ width: 18px;
694
+ }
695
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
696
+ .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
697
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
698
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
699
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
700
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
701
+ content: attr(data-label);
702
+ }
703
+ .ql-snow .ql-picker.ql-header {
704
+ width: 98px;
705
+ }
706
+ .ql-snow .ql-picker.ql-header .ql-picker-label::before,
707
+ .ql-snow .ql-picker.ql-header .ql-picker-item::before {
708
+ content: 'Normal';
709
+ }
710
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
711
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
712
+ content: 'Heading 1';
713
+ }
714
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
715
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
716
+ content: 'Heading 2';
717
+ }
718
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
719
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
720
+ content: 'Heading 3';
721
+ }
722
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
723
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
724
+ content: 'Heading 4';
725
+ }
726
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
727
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
728
+ content: 'Heading 5';
729
+ }
730
+ .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
731
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
732
+ content: 'Heading 6';
733
+ }
734
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
735
+ font-size: 2em;
736
+ }
737
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
738
+ font-size: 1.5em;
739
+ }
740
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
741
+ font-size: 1.17em;
742
+ }
743
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
744
+ font-size: 1em;
745
+ }
746
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
747
+ font-size: 0.83em;
748
+ }
749
+ .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
750
+ font-size: 0.67em;
751
+ }
752
+ .ql-snow .ql-picker.ql-font {
753
+ width: 108px;
754
+ }
755
+ .ql-snow .ql-picker.ql-font .ql-picker-label::before,
756
+ .ql-snow .ql-picker.ql-font .ql-picker-item::before {
757
+ content: 'Sans Serif';
758
+ }
759
+ .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
760
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
761
+ content: 'Serif';
762
+ }
763
+ .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
764
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
765
+ content: 'Monospace';
766
+ }
767
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
768
+ font-family: Georgia, Times New Roman, serif;
769
+ }
770
+ .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
771
+ font-family: Monaco, Courier New, monospace;
772
+ }
773
+ .ql-snow .ql-picker.ql-size {
774
+ width: 98px;
775
+ }
776
+ .ql-snow .ql-picker.ql-size .ql-picker-label::before,
777
+ .ql-snow .ql-picker.ql-size .ql-picker-item::before {
778
+ content: 'Normal';
779
+ }
780
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
781
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
782
+ content: 'Small';
783
+ }
784
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
785
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
786
+ content: 'Large';
787
+ }
788
+ .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
789
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
790
+ content: 'Huge';
791
+ }
792
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
793
+ font-size: 10px;
794
+ }
795
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
796
+ font-size: 18px;
797
+ }
798
+ .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
799
+ font-size: 32px;
800
+ }
801
+ .ql-snow .ql-color-picker.ql-background .ql-picker-item {
802
+ background-color: #fff;
803
+ }
804
+ .ql-snow .ql-color-picker.ql-color .ql-picker-item {
805
+ background-color: #000;
806
+ }
807
+ .ql-toolbar.ql-snow {
808
+ border: 1px solid #ccc;
809
+ box-sizing: border-box;
810
+ font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
811
+ padding: 8px;
812
+ }
813
+ .ql-toolbar.ql-snow .ql-formats {
814
+ margin-right: 15px;
815
+ }
816
+ .ql-toolbar.ql-snow .ql-picker-label {
817
+ border: 1px solid transparent;
818
+ }
819
+ .ql-toolbar.ql-snow .ql-picker-options {
820
+ border: 1px solid transparent;
821
+ box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
822
+ }
823
+ .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
824
+ border-color: #ccc;
825
+ }
826
+ .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
827
+ border-color: #ccc;
828
+ }
829
+ .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
830
+ .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
831
+ border-color: #000;
832
+ }
833
+ .ql-toolbar.ql-snow + .ql-container.ql-snow {
834
+ border-top: 0px;
835
+ }
836
+ .ql-snow .ql-tooltip {
837
+ background-color: #fff;
838
+ border: 1px solid #ccc;
839
+ box-shadow: 0px 0px 5px #ddd;
840
+ color: #444;
841
+ padding: 5px 12px;
842
+ white-space: nowrap;
843
+ }
844
+ .ql-snow .ql-tooltip::before {
845
+ content: "Visit URL:";
846
+ line-height: 26px;
847
+ margin-right: 8px;
848
+ }
849
+ .ql-snow .ql-tooltip input[type=text] {
850
+ display: none;
851
+ border: 1px solid #ccc;
852
+ font-size: 13px;
853
+ height: 26px;
854
+ margin: 0px;
855
+ padding: 3px 5px;
856
+ width: 170px;
857
+ }
858
+ .ql-snow .ql-tooltip a.ql-preview {
859
+ display: inline-block;
860
+ max-width: 200px;
861
+ overflow-x: hidden;
862
+ text-overflow: ellipsis;
863
+ vertical-align: top;
864
+ }
865
+ .ql-snow .ql-tooltip a.ql-action::after {
866
+ border-right: 1px solid #ccc;
867
+ content: 'Edit';
868
+ margin-left: 16px;
869
+ padding-right: 8px;
870
+ }
871
+ .ql-snow .ql-tooltip a.ql-remove::before {
872
+ content: 'Remove';
873
+ margin-left: 8px;
874
+ }
875
+ .ql-snow .ql-tooltip a {
876
+ line-height: 26px;
877
+ }
878
+ .ql-snow .ql-tooltip.ql-editing a.ql-preview,
879
+ .ql-snow .ql-tooltip.ql-editing a.ql-remove {
880
+ display: none;
881
+ }
882
+ .ql-snow .ql-tooltip.ql-editing input[type=text] {
883
+ display: inline-block;
884
+ }
885
+ .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
886
+ border-right: 0px;
887
+ content: 'Save';
888
+ padding-right: 0px;
889
+ }
890
+ .ql-snow .ql-tooltip[data-mode=link]::before {
891
+ content: "Enter link:";
892
+ }
893
+ .ql-snow .ql-tooltip[data-mode=formula]::before {
894
+ content: "Enter formula:";
895
+ }
896
+ .ql-snow .ql-tooltip[data-mode=video]::before {
897
+ content: "Enter video:";
898
+ }
899
+ .ql-snow a {
900
+ color: #06c;
901
+ }
902
+ .ql-container.ql-snow {
903
+ border: 1px solid #ccc;
904
+ }