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