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