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 | }
|