Rev 637 | Details | Compare with Previous | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
597 | daniel-mar | 1 | /** |
2 | * Copyright (c) Tiny Technologies, Inc. All rights reserved. |
||
3 | * Licensed under the LGPL or a commercial license. |
||
4 | * For LGPL see License.txt in the project root for license information. |
||
5 | * For commercial licenses see https://www.tiny.cloud/ |
||
6 | */ |
||
7 | .tox { |
||
8 | box-shadow: none; |
||
9 | box-sizing: content-box; |
||
10 | color: #2A3746; |
||
11 | cursor: auto; |
||
12 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
13 | font-size: 16px; |
||
14 | font-style: normal; |
||
15 | font-weight: normal; |
||
16 | line-height: normal; |
||
17 | -webkit-tap-highlight-color: transparent; |
||
18 | text-decoration: none; |
||
19 | text-shadow: none; |
||
20 | text-transform: none; |
||
21 | vertical-align: initial; |
||
22 | white-space: normal; |
||
23 | } |
||
24 | .tox *:not(svg):not(rect) { |
||
25 | box-sizing: inherit; |
||
26 | color: inherit; |
||
27 | cursor: inherit; |
||
28 | direction: inherit; |
||
29 | font-family: inherit; |
||
30 | font-size: inherit; |
||
31 | font-style: inherit; |
||
32 | font-weight: inherit; |
||
33 | line-height: inherit; |
||
34 | -webkit-tap-highlight-color: inherit; |
||
35 | text-align: inherit; |
||
36 | text-decoration: inherit; |
||
37 | text-shadow: inherit; |
||
38 | text-transform: inherit; |
||
39 | vertical-align: inherit; |
||
40 | white-space: inherit; |
||
41 | } |
||
42 | .tox *:not(svg):not(rect) { |
||
43 | /* stylelint-disable-line no-duplicate-selectors */ |
||
44 | background: transparent; |
||
45 | border: 0; |
||
46 | box-shadow: none; |
||
47 | float: none; |
||
48 | height: auto; |
||
49 | margin: 0; |
||
50 | max-width: none; |
||
51 | outline: 0; |
||
52 | padding: 0; |
||
53 | position: static; |
||
54 | width: auto; |
||
55 | } |
||
56 | .tox:not([dir=rtl]) { |
||
57 | direction: ltr; |
||
58 | text-align: left; |
||
59 | } |
||
60 | .tox[dir=rtl] { |
||
61 | direction: rtl; |
||
62 | text-align: right; |
||
63 | } |
||
64 | .tox-tinymce { |
||
65 | border: 1px solid #000000; |
||
66 | border-radius: 0; |
||
67 | box-shadow: none; |
||
68 | box-sizing: border-box; |
||
69 | display: flex; |
||
70 | flex-direction: column; |
||
71 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
72 | overflow: hidden; |
||
73 | position: relative; |
||
74 | visibility: inherit !important; |
||
75 | } |
||
76 | .tox-tinymce-inline { |
||
77 | border: none; |
||
78 | box-shadow: none; |
||
79 | } |
||
80 | .tox-tinymce-inline .tox-editor-header { |
||
81 | background-color: transparent; |
||
82 | border: 1px solid #000000; |
||
83 | border-radius: 0; |
||
84 | box-shadow: none; |
||
85 | } |
||
86 | .tox-tinymce-aux { |
||
87 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
88 | z-index: 1300; |
||
89 | } |
||
90 | .tox-tinymce *:focus, |
||
91 | .tox-tinymce-aux *:focus { |
||
92 | outline: none; |
||
93 | } |
||
94 | button::-moz-focus-inner { |
||
95 | border: 0; |
||
96 | } |
||
637 | daniel-mar | 97 | .tox[dir=rtl] .tox-icon--flip svg { |
98 | transform: rotateY(180deg); |
||
99 | } |
||
597 | daniel-mar | 100 | .tox .accessibility-issue__header { |
101 | align-items: center; |
||
102 | display: flex; |
||
103 | margin-bottom: 4px; |
||
104 | } |
||
105 | .tox .accessibility-issue__description { |
||
106 | align-items: stretch; |
||
107 | border: 1px solid #000000; |
||
108 | border-radius: 3px; |
||
109 | display: flex; |
||
110 | justify-content: space-between; |
||
111 | } |
||
112 | .tox .accessibility-issue__description > div { |
||
113 | padding-bottom: 4px; |
||
114 | } |
||
115 | .tox .accessibility-issue__description > div > div { |
||
116 | align-items: center; |
||
117 | display: flex; |
||
118 | margin-bottom: 4px; |
||
119 | } |
||
120 | .tox .accessibility-issue__description > *:last-child:not(:only-child) { |
||
121 | border-color: #000000; |
||
122 | border-style: solid; |
||
123 | } |
||
124 | .tox .accessibility-issue__repair { |
||
125 | margin-top: 16px; |
||
126 | } |
||
127 | .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { |
||
128 | background-color: rgba(32, 122, 183, 0.5); |
||
129 | border-color: #207ab7; |
||
130 | color: #fff; |
||
131 | } |
||
132 | .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child { |
||
133 | border-color: #207ab7; |
||
134 | } |
||
135 | .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { |
||
136 | color: #fff; |
||
137 | } |
||
138 | .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { |
||
139 | fill: #fff; |
||
140 | } |
||
141 | .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon { |
||
142 | color: #fff; |
||
143 | } |
||
144 | .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { |
||
145 | background-color: rgba(255, 165, 0, 0.5); |
||
146 | border-color: rgba(255, 165, 0, 0.8); |
||
147 | color: #fff; |
||
148 | } |
||
149 | .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child { |
||
150 | border-color: rgba(255, 165, 0, 0.8); |
||
151 | } |
||
152 | .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { |
||
153 | color: #fff; |
||
154 | } |
||
155 | .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { |
||
156 | fill: #fff; |
||
157 | } |
||
158 | .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon { |
||
159 | color: #fff; |
||
160 | } |
||
161 | .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { |
||
162 | background-color: rgba(204, 0, 0, 0.5); |
||
163 | border-color: rgba(204, 0, 0, 0.8); |
||
164 | color: #fff; |
||
165 | } |
||
166 | .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child { |
||
167 | border-color: rgba(204, 0, 0, 0.8); |
||
168 | } |
||
169 | .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { |
||
170 | color: #fff; |
||
171 | } |
||
172 | .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { |
||
173 | fill: #fff; |
||
174 | } |
||
175 | .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon { |
||
176 | color: #fff; |
||
177 | } |
||
178 | .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { |
||
179 | background-color: rgba(120, 171, 70, 0.5); |
||
180 | border-color: rgba(120, 171, 70, 0.8); |
||
181 | color: #fff; |
||
182 | } |
||
183 | .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child { |
||
184 | border-color: rgba(120, 171, 70, 0.8); |
||
185 | } |
||
186 | .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { |
||
187 | color: #fff; |
||
188 | } |
||
189 | .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { |
||
190 | fill: #fff; |
||
191 | } |
||
192 | .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon { |
||
193 | color: #fff; |
||
194 | } |
||
195 | .tox .tox-dialog__body-content .accessibility-issue__header h1, |
||
196 | .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { |
||
197 | margin-top: 0; |
||
198 | } |
||
199 | .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { |
||
200 | margin-left: 4px; |
||
201 | } |
||
202 | .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { |
||
203 | margin-left: auto; |
||
204 | } |
||
205 | .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { |
||
206 | padding: 4px 4px 4px 8px; |
||
207 | } |
||
208 | .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child { |
||
209 | border-left-width: 1px; |
||
210 | padding-left: 4px; |
||
211 | } |
||
212 | .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { |
||
213 | margin-right: 4px; |
||
214 | } |
||
215 | .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { |
||
216 | margin-right: auto; |
||
217 | } |
||
218 | .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { |
||
219 | padding: 4px 8px 4px 4px; |
||
220 | } |
||
221 | .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child { |
||
222 | border-right-width: 1px; |
||
223 | padding-right: 4px; |
||
224 | } |
||
225 | .tox .tox-anchorbar { |
||
226 | display: flex; |
||
227 | flex: 0 0 auto; |
||
228 | } |
||
229 | .tox .tox-bar { |
||
230 | display: flex; |
||
231 | flex: 0 0 auto; |
||
232 | } |
||
233 | .tox .tox-button { |
||
234 | background-color: #207ab7; |
||
235 | background-image: none; |
||
236 | background-position: 0 0; |
||
237 | background-repeat: repeat; |
||
238 | border-color: #207ab7; |
||
239 | border-radius: 3px; |
||
240 | border-style: solid; |
||
241 | border-width: 1px; |
||
242 | box-shadow: none; |
||
243 | box-sizing: border-box; |
||
244 | color: #fff; |
||
245 | cursor: pointer; |
||
246 | display: inline-block; |
||
247 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
248 | font-size: 14px; |
||
249 | font-style: normal; |
||
250 | font-weight: bold; |
||
251 | letter-spacing: normal; |
||
252 | line-height: 24px; |
||
253 | margin: 0; |
||
254 | outline: none; |
||
255 | padding: 4px 16px; |
||
256 | text-align: center; |
||
257 | text-decoration: none; |
||
258 | text-transform: none; |
||
259 | white-space: nowrap; |
||
260 | } |
||
261 | .tox .tox-button[disabled] { |
||
262 | background-color: #207ab7; |
||
263 | background-image: none; |
||
264 | border-color: #207ab7; |
||
265 | box-shadow: none; |
||
266 | color: rgba(255, 255, 255, 0.5); |
||
267 | cursor: not-allowed; |
||
268 | } |
||
269 | .tox .tox-button:focus:not(:disabled) { |
||
270 | background-color: #1c6ca1; |
||
271 | background-image: none; |
||
272 | border-color: #1c6ca1; |
||
273 | box-shadow: none; |
||
274 | color: #fff; |
||
275 | } |
||
276 | .tox .tox-button:hover:not(:disabled) { |
||
277 | background-color: #1c6ca1; |
||
278 | background-image: none; |
||
279 | border-color: #1c6ca1; |
||
280 | box-shadow: none; |
||
281 | color: #fff; |
||
282 | } |
||
283 | .tox .tox-button:active:not(:disabled) { |
||
284 | background-color: #185d8c; |
||
285 | background-image: none; |
||
286 | border-color: #185d8c; |
||
287 | box-shadow: none; |
||
288 | color: #fff; |
||
289 | } |
||
290 | .tox .tox-button--secondary { |
||
291 | background-color: #3d546f; |
||
292 | background-image: none; |
||
293 | background-position: 0 0; |
||
294 | background-repeat: repeat; |
||
295 | border-color: #3d546f; |
||
296 | border-radius: 3px; |
||
297 | border-style: solid; |
||
298 | border-width: 1px; |
||
299 | box-shadow: none; |
||
300 | color: #fff; |
||
301 | font-size: 14px; |
||
302 | font-style: normal; |
||
303 | font-weight: bold; |
||
304 | letter-spacing: normal; |
||
305 | outline: none; |
||
306 | padding: 4px 16px; |
||
307 | text-decoration: none; |
||
308 | text-transform: none; |
||
309 | } |
||
310 | .tox .tox-button--secondary[disabled] { |
||
311 | background-color: #3d546f; |
||
312 | background-image: none; |
||
313 | border-color: #3d546f; |
||
314 | box-shadow: none; |
||
315 | color: rgba(255, 255, 255, 0.5); |
||
316 | } |
||
317 | .tox .tox-button--secondary:focus:not(:disabled) { |
||
318 | background-color: #34485f; |
||
319 | background-image: none; |
||
320 | border-color: #34485f; |
||
321 | box-shadow: none; |
||
322 | color: #fff; |
||
323 | } |
||
324 | .tox .tox-button--secondary:hover:not(:disabled) { |
||
325 | background-color: #34485f; |
||
326 | background-image: none; |
||
327 | border-color: #34485f; |
||
328 | box-shadow: none; |
||
329 | color: #fff; |
||
330 | } |
||
331 | .tox .tox-button--secondary:active:not(:disabled) { |
||
332 | background-color: #2b3b4e; |
||
333 | background-image: none; |
||
334 | border-color: #2b3b4e; |
||
335 | box-shadow: none; |
||
336 | color: #fff; |
||
337 | } |
||
338 | .tox .tox-button--icon, |
||
339 | .tox .tox-button.tox-button--icon, |
||
340 | .tox .tox-button.tox-button--secondary.tox-button--icon { |
||
341 | padding: 4px; |
||
342 | } |
||
343 | .tox .tox-button--icon .tox-icon svg, |
||
344 | .tox .tox-button.tox-button--icon .tox-icon svg, |
||
345 | .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { |
||
346 | display: block; |
||
347 | fill: currentColor; |
||
348 | } |
||
349 | .tox .tox-button-link { |
||
350 | background: 0; |
||
351 | border: none; |
||
352 | box-sizing: border-box; |
||
353 | cursor: pointer; |
||
354 | display: inline-block; |
||
355 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
356 | font-size: 16px; |
||
357 | font-weight: normal; |
||
358 | line-height: 1.3; |
||
359 | margin: 0; |
||
360 | padding: 0; |
||
361 | white-space: nowrap; |
||
362 | } |
||
363 | .tox .tox-button-link--sm { |
||
364 | font-size: 14px; |
||
365 | } |
||
366 | .tox .tox-button--naked { |
||
367 | background-color: transparent; |
||
368 | border-color: transparent; |
||
369 | box-shadow: unset; |
||
370 | color: #fff; |
||
371 | } |
||
372 | .tox .tox-button--naked[disabled] { |
||
373 | background-color: #3d546f; |
||
374 | border-color: #3d546f; |
||
375 | box-shadow: none; |
||
376 | color: rgba(255, 255, 255, 0.5); |
||
377 | } |
||
378 | .tox .tox-button--naked:hover:not(:disabled) { |
||
379 | background-color: #34485f; |
||
380 | border-color: #34485f; |
||
381 | box-shadow: none; |
||
382 | color: #fff; |
||
383 | } |
||
384 | .tox .tox-button--naked:focus:not(:disabled) { |
||
385 | background-color: #34485f; |
||
386 | border-color: #34485f; |
||
387 | box-shadow: none; |
||
388 | color: #fff; |
||
389 | } |
||
390 | .tox .tox-button--naked:active:not(:disabled) { |
||
391 | background-color: #2b3b4e; |
||
392 | border-color: #2b3b4e; |
||
393 | box-shadow: none; |
||
394 | color: #fff; |
||
395 | } |
||
396 | .tox .tox-button--naked .tox-icon svg { |
||
397 | fill: currentColor; |
||
398 | } |
||
399 | .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { |
||
400 | color: #fff; |
||
401 | } |
||
402 | .tox .tox-checkbox { |
||
403 | align-items: center; |
||
404 | border-radius: 3px; |
||
405 | cursor: pointer; |
||
406 | display: flex; |
||
407 | height: 36px; |
||
408 | min-width: 36px; |
||
409 | } |
||
410 | .tox .tox-checkbox__input { |
||
411 | /* Hide from view but visible to screen readers */ |
||
412 | height: 1px; |
||
413 | overflow: hidden; |
||
414 | position: absolute; |
||
415 | top: auto; |
||
416 | width: 1px; |
||
417 | } |
||
418 | .tox .tox-checkbox__icons { |
||
419 | align-items: center; |
||
420 | border-radius: 3px; |
||
421 | box-shadow: 0 0 0 2px transparent; |
||
422 | box-sizing: content-box; |
||
423 | display: flex; |
||
424 | height: 24px; |
||
425 | justify-content: center; |
||
426 | padding: calc(4px - 1px); |
||
427 | width: 24px; |
||
428 | } |
||
429 | .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
||
430 | display: block; |
||
431 | fill: rgba(255, 255, 255, 0.2); |
||
432 | } |
||
433 | .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { |
||
434 | display: none; |
||
435 | fill: #207ab7; |
||
436 | } |
||
437 | .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { |
||
438 | display: none; |
||
439 | fill: #207ab7; |
||
440 | } |
||
441 | .tox .tox-checkbox--disabled { |
||
442 | color: rgba(255, 255, 255, 0.5); |
||
443 | cursor: not-allowed; |
||
444 | } |
||
445 | .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { |
||
446 | fill: rgba(255, 255, 255, 0.5); |
||
447 | } |
||
448 | .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
||
449 | fill: rgba(255, 255, 255, 0.5); |
||
450 | } |
||
451 | .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { |
||
452 | fill: rgba(255, 255, 255, 0.5); |
||
453 | } |
||
454 | .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
||
455 | display: none; |
||
456 | } |
||
457 | .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { |
||
458 | display: block; |
||
459 | } |
||
460 | .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
||
461 | display: none; |
||
462 | } |
||
463 | .tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { |
||
464 | display: block; |
||
465 | } |
||
466 | .tox input.tox-checkbox__input:focus + .tox-checkbox__icons { |
||
467 | border-radius: 3px; |
||
468 | box-shadow: inset 0 0 0 1px #207ab7; |
||
469 | padding: calc(4px - 1px); |
||
470 | } |
||
471 | .tox:not([dir=rtl]) .tox-checkbox__label { |
||
472 | margin-left: 4px; |
||
473 | } |
||
474 | .tox:not([dir=rtl]) .tox-checkbox__input { |
||
475 | left: -10000px; |
||
476 | } |
||
477 | .tox:not([dir=rtl]) .tox-bar .tox-checkbox { |
||
478 | margin-left: 4px; |
||
479 | } |
||
480 | .tox[dir=rtl] .tox-checkbox__label { |
||
481 | margin-right: 4px; |
||
482 | } |
||
483 | .tox[dir=rtl] .tox-checkbox__input { |
||
484 | right: -10000px; |
||
485 | } |
||
486 | .tox[dir=rtl] .tox-bar .tox-checkbox { |
||
487 | margin-right: 4px; |
||
488 | } |
||
489 | .tox { |
||
490 | /* stylelint-disable-next-line no-descending-specificity */ |
||
491 | } |
||
492 | .tox .tox-collection--toolbar .tox-collection__group { |
||
493 | display: flex; |
||
494 | padding: 0; |
||
495 | } |
||
496 | .tox .tox-collection--grid .tox-collection__group { |
||
497 | display: flex; |
||
498 | flex-wrap: wrap; |
||
499 | max-height: 208px; |
||
500 | overflow-x: hidden; |
||
501 | overflow-y: auto; |
||
502 | padding: 0; |
||
503 | } |
||
504 | .tox .tox-collection--list .tox-collection__group { |
||
505 | border-bottom-width: 0; |
||
506 | border-color: #1a1a1a; |
||
507 | border-left-width: 0; |
||
508 | border-right-width: 0; |
||
509 | border-style: solid; |
||
510 | border-top-width: 1px; |
||
511 | padding: 4px 0; |
||
512 | } |
||
513 | .tox .tox-collection--list .tox-collection__group:first-child { |
||
514 | border-top-width: 0; |
||
515 | } |
||
516 | .tox .tox-collection__group-heading { |
||
517 | background-color: #333333; |
||
518 | color: #fff; |
||
519 | cursor: default; |
||
520 | font-size: 12px; |
||
521 | font-style: normal; |
||
522 | font-weight: normal; |
||
523 | margin-bottom: 4px; |
||
524 | margin-top: -4px; |
||
525 | padding: 4px 8px; |
||
526 | text-transform: none; |
||
527 | -webkit-touch-callout: none; |
||
528 | -webkit-user-select: none; |
||
529 | -moz-user-select: none; |
||
530 | -ms-user-select: none; |
||
531 | user-select: none; |
||
532 | } |
||
533 | .tox .tox-collection__item { |
||
534 | align-items: center; |
||
535 | color: #fff; |
||
536 | cursor: pointer; |
||
537 | display: flex; |
||
538 | -webkit-touch-callout: none; |
||
539 | -webkit-user-select: none; |
||
540 | -moz-user-select: none; |
||
541 | -ms-user-select: none; |
||
542 | user-select: none; |
||
543 | } |
||
544 | .tox .tox-collection--list .tox-collection__item { |
||
545 | padding: 4px 8px; |
||
546 | } |
||
547 | .tox .tox-collection--toolbar .tox-collection__item { |
||
548 | border-radius: 3px; |
||
549 | padding: 4px; |
||
550 | } |
||
551 | .tox .tox-collection--grid .tox-collection__item { |
||
552 | border-radius: 3px; |
||
553 | padding: 4px; |
||
554 | } |
||
555 | .tox .tox-collection--list .tox-collection__item--enabled { |
||
556 | background-color: #2b3b4e; |
||
557 | color: #fff; |
||
558 | } |
||
559 | .tox .tox-collection--list .tox-collection__item--active { |
||
560 | background-color: #4a5562; |
||
561 | } |
||
562 | .tox .tox-collection--toolbar .tox-collection__item--enabled { |
||
563 | background-color: #757d87; |
||
564 | color: #fff; |
||
565 | } |
||
566 | .tox .tox-collection--toolbar .tox-collection__item--active { |
||
567 | background-color: #4a5562; |
||
568 | } |
||
569 | .tox .tox-collection--grid .tox-collection__item--enabled { |
||
570 | background-color: #757d87; |
||
571 | color: #fff; |
||
572 | } |
||
573 | .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { |
||
574 | background-color: #4a5562; |
||
575 | color: #fff; |
||
576 | } |
||
577 | .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { |
||
578 | color: #fff; |
||
579 | } |
||
580 | .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { |
||
581 | color: #fff; |
||
582 | } |
||
583 | .tox .tox-collection__item-icon, |
||
584 | .tox .tox-collection__item-checkmark { |
||
585 | align-items: center; |
||
586 | display: flex; |
||
587 | height: 24px; |
||
588 | justify-content: center; |
||
589 | width: 24px; |
||
590 | } |
||
591 | .tox .tox-collection__item-icon svg, |
||
592 | .tox .tox-collection__item-checkmark svg { |
||
593 | fill: currentColor; |
||
594 | } |
||
595 | .tox .tox-collection--toolbar-lg .tox-collection__item-icon { |
||
596 | height: 48px; |
||
597 | width: 48px; |
||
598 | } |
||
599 | .tox .tox-collection__item-label { |
||
600 | color: currentColor; |
||
601 | display: inline-block; |
||
602 | flex: 1; |
||
603 | -ms-flex-preferred-size: auto; |
||
604 | font-size: 14px; |
||
605 | font-style: normal; |
||
606 | font-weight: normal; |
||
607 | line-height: 24px; |
||
608 | text-transform: none; |
||
609 | word-break: break-all; |
||
610 | } |
||
611 | .tox .tox-collection__item-accessory { |
||
612 | color: rgba(255, 255, 255, 0.5); |
||
613 | display: inline-block; |
||
614 | font-size: 14px; |
||
615 | height: 24px; |
||
616 | line-height: 24px; |
||
617 | text-transform: none; |
||
618 | } |
||
619 | .tox .tox-collection__item-caret { |
||
620 | align-items: center; |
||
621 | display: flex; |
||
622 | min-height: 24px; |
||
623 | } |
||
624 | .tox .tox-collection__item-caret::after { |
||
625 | content: ''; |
||
626 | font-size: 0; |
||
627 | min-height: inherit; |
||
628 | } |
||
629 | .tox .tox-collection__item-caret svg { |
||
630 | fill: #fff; |
||
631 | } |
||
637 | daniel-mar | 632 | .tox .tox-collection__item--state-disabled { |
633 | background-color: transparent; |
||
634 | color: rgba(255, 255, 255, 0.5); |
||
635 | cursor: not-allowed; |
||
636 | } |
||
637 | .tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { |
||
638 | fill: rgba(255, 255, 255, 0.5); |
||
639 | } |
||
597 | daniel-mar | 640 | .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { |
641 | display: none; |
||
642 | } |
||
643 | .tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark { |
||
644 | display: none; |
||
645 | } |
||
646 | .tox .tox-collection--horizontal { |
||
647 | background-color: #2b3b4e; |
||
648 | border: 1px solid #1a1a1a; |
||
649 | border-radius: 3px; |
||
650 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); |
||
651 | display: flex; |
||
652 | flex: 0 0 auto; |
||
653 | flex-shrink: 0; |
||
654 | flex-wrap: nowrap; |
||
655 | margin-bottom: 0; |
||
656 | overflow-x: auto; |
||
657 | padding: 0; |
||
658 | } |
||
659 | .tox .tox-collection--horizontal .tox-collection__group { |
||
660 | align-items: center; |
||
661 | display: flex; |
||
662 | flex-wrap: nowrap; |
||
663 | margin: 0; |
||
664 | padding: 0 4px; |
||
665 | } |
||
666 | .tox .tox-collection--horizontal .tox-collection__item { |
||
667 | height: 34px; |
||
668 | margin: 2px 0 3px 0; |
||
669 | padding: 0 4px; |
||
670 | } |
||
671 | .tox .tox-collection--horizontal .tox-collection__item-label { |
||
672 | white-space: nowrap; |
||
673 | } |
||
674 | .tox .tox-collection--horizontal .tox-collection__item-caret { |
||
675 | margin-left: 4px; |
||
676 | } |
||
677 | .tox .tox-collection__item-container { |
||
678 | display: flex; |
||
679 | } |
||
680 | .tox .tox-collection__item-container--row { |
||
681 | align-items: center; |
||
682 | flex: 1 1 auto; |
||
683 | flex-direction: row; |
||
684 | } |
||
685 | .tox .tox-collection__item-container--row.tox-collection__item-container--align-left { |
||
686 | margin-right: auto; |
||
687 | } |
||
688 | .tox .tox-collection__item-container--row.tox-collection__item-container--align-right { |
||
689 | justify-content: flex-end; |
||
690 | margin-left: auto; |
||
691 | } |
||
692 | .tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { |
||
693 | align-items: flex-start; |
||
694 | margin-bottom: auto; |
||
695 | } |
||
696 | .tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { |
||
697 | align-items: center; |
||
698 | } |
||
699 | .tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { |
||
700 | align-items: flex-end; |
||
701 | margin-top: auto; |
||
702 | } |
||
703 | .tox .tox-collection__item-container--column { |
||
704 | -ms-grid-row-align: center; |
||
705 | align-self: center; |
||
706 | flex: 1 1 auto; |
||
707 | flex-direction: column; |
||
708 | } |
||
709 | .tox .tox-collection__item-container--column.tox-collection__item-container--align-left { |
||
710 | align-items: flex-start; |
||
711 | } |
||
712 | .tox .tox-collection__item-container--column.tox-collection__item-container--align-right { |
||
713 | align-items: flex-end; |
||
714 | } |
||
715 | .tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { |
||
716 | align-self: flex-start; |
||
717 | } |
||
718 | .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { |
||
719 | -ms-grid-row-align: center; |
||
720 | align-self: center; |
||
721 | } |
||
722 | .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { |
||
723 | align-self: flex-end; |
||
724 | } |
||
725 | .tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { |
||
726 | border-right: 1px solid #000000; |
||
727 | } |
||
728 | .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { |
||
729 | margin-left: 8px; |
||
730 | } |
||
731 | .tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { |
||
732 | margin-left: 4px; |
||
733 | } |
||
734 | .tox:not([dir=rtl]) .tox-collection__item-accessory { |
||
735 | margin-left: 16px; |
||
736 | text-align: right; |
||
737 | } |
||
738 | .tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { |
||
739 | margin-left: 16px; |
||
740 | } |
||
741 | .tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { |
||
742 | border-left: 1px solid #000000; |
||
743 | } |
||
744 | .tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { |
||
745 | margin-right: 8px; |
||
746 | } |
||
747 | .tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { |
||
748 | margin-right: 4px; |
||
749 | } |
||
750 | .tox[dir=rtl] .tox-collection__item-accessory { |
||
751 | margin-right: 16px; |
||
752 | text-align: left; |
||
753 | } |
||
754 | .tox[dir=rtl] .tox-collection .tox-collection__item-caret { |
||
755 | margin-right: 16px; |
||
756 | transform: rotateY(180deg); |
||
757 | } |
||
758 | .tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { |
||
759 | margin-right: 4px; |
||
760 | } |
||
761 | .tox .tox-color-picker-container { |
||
762 | display: flex; |
||
763 | flex-direction: row; |
||
764 | height: 225px; |
||
765 | margin: 0; |
||
766 | } |
||
767 | .tox .tox-sv-palette { |
||
768 | box-sizing: border-box; |
||
769 | display: flex; |
||
770 | height: 100%; |
||
771 | } |
||
772 | .tox .tox-sv-palette-spectrum { |
||
773 | height: 100%; |
||
774 | } |
||
775 | .tox .tox-sv-palette, |
||
776 | .tox .tox-sv-palette-spectrum { |
||
777 | width: 225px; |
||
778 | } |
||
779 | .tox .tox-sv-palette-thumb { |
||
780 | background: none; |
||
781 | border: 1px solid black; |
||
782 | border-radius: 50%; |
||
783 | box-sizing: content-box; |
||
784 | height: 12px; |
||
785 | position: absolute; |
||
786 | width: 12px; |
||
787 | } |
||
788 | .tox .tox-sv-palette-inner-thumb { |
||
789 | border: 1px solid white; |
||
790 | border-radius: 50%; |
||
791 | height: 10px; |
||
792 | position: absolute; |
||
793 | width: 10px; |
||
794 | } |
||
795 | .tox .tox-hue-slider { |
||
796 | box-sizing: border-box; |
||
797 | height: 100%; |
||
798 | width: 25px; |
||
799 | } |
||
800 | .tox .tox-hue-slider-spectrum { |
||
801 | background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); |
||
802 | height: 100%; |
||
803 | width: 100%; |
||
804 | } |
||
805 | .tox .tox-hue-slider, |
||
806 | .tox .tox-hue-slider-spectrum { |
||
807 | width: 20px; |
||
808 | } |
||
809 | .tox .tox-hue-slider-thumb { |
||
810 | background: white; |
||
811 | border: 1px solid black; |
||
812 | box-sizing: content-box; |
||
813 | height: 4px; |
||
814 | width: 100%; |
||
815 | } |
||
816 | .tox .tox-rgb-form { |
||
817 | display: flex; |
||
818 | flex-direction: column; |
||
819 | justify-content: space-between; |
||
820 | } |
||
821 | .tox .tox-rgb-form div { |
||
822 | align-items: center; |
||
823 | display: flex; |
||
824 | justify-content: space-between; |
||
825 | margin-bottom: 5px; |
||
826 | width: inherit; |
||
827 | } |
||
828 | .tox .tox-rgb-form input { |
||
829 | width: 6em; |
||
830 | } |
||
831 | .tox .tox-rgb-form input.tox-invalid { |
||
832 | /* Need !important to override Chrome's focus styling unfortunately */ |
||
833 | border: 1px solid red !important; |
||
834 | } |
||
835 | .tox .tox-rgb-form .tox-rgba-preview { |
||
836 | border: 1px solid black; |
||
837 | flex-grow: 2; |
||
838 | margin-bottom: 0; |
||
839 | } |
||
840 | .tox:not([dir=rtl]) .tox-sv-palette { |
||
841 | margin-right: 15px; |
||
842 | } |
||
843 | .tox:not([dir=rtl]) .tox-hue-slider { |
||
844 | margin-right: 15px; |
||
845 | } |
||
846 | .tox:not([dir=rtl]) .tox-hue-slider-thumb { |
||
847 | margin-left: -1px; |
||
848 | } |
||
849 | .tox:not([dir=rtl]) .tox-rgb-form label { |
||
850 | margin-right: 0.5em; |
||
851 | } |
||
852 | .tox[dir=rtl] .tox-sv-palette { |
||
853 | margin-left: 15px; |
||
854 | } |
||
855 | .tox[dir=rtl] .tox-hue-slider { |
||
856 | margin-left: 15px; |
||
857 | } |
||
858 | .tox[dir=rtl] .tox-hue-slider-thumb { |
||
859 | margin-right: -1px; |
||
860 | } |
||
861 | .tox[dir=rtl] .tox-rgb-form label { |
||
862 | margin-left: 0.5em; |
||
863 | } |
||
864 | .tox .tox-toolbar .tox-swatches, |
||
865 | .tox .tox-toolbar__primary .tox-swatches, |
||
866 | .tox .tox-toolbar__overflow .tox-swatches { |
||
867 | margin: 2px 0 3px 4px; |
||
868 | } |
||
869 | .tox .tox-collection--list .tox-collection__group .tox-swatches-menu { |
||
870 | border: 0; |
||
871 | margin: -4px 0; |
||
872 | } |
||
873 | .tox .tox-swatches__row { |
||
874 | display: flex; |
||
875 | } |
||
876 | .tox .tox-swatch { |
||
877 | height: 30px; |
||
878 | transition: transform 0.15s, box-shadow 0.15s; |
||
879 | width: 30px; |
||
880 | } |
||
881 | .tox .tox-swatch:hover, |
||
882 | .tox .tox-swatch:focus { |
||
883 | box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; |
||
884 | transform: scale(0.8); |
||
885 | } |
||
886 | .tox .tox-swatch--remove { |
||
887 | align-items: center; |
||
888 | display: flex; |
||
889 | justify-content: center; |
||
890 | } |
||
891 | .tox .tox-swatch--remove svg path { |
||
892 | stroke: #e74c3c; |
||
893 | } |
||
894 | .tox .tox-swatches__picker-btn { |
||
895 | align-items: center; |
||
896 | background-color: transparent; |
||
897 | border: 0; |
||
898 | cursor: pointer; |
||
899 | display: flex; |
||
900 | height: 30px; |
||
901 | justify-content: center; |
||
902 | outline: none; |
||
903 | padding: 0; |
||
904 | width: 30px; |
||
905 | } |
||
906 | .tox .tox-swatches__picker-btn svg { |
||
907 | height: 24px; |
||
908 | width: 24px; |
||
909 | } |
||
910 | .tox .tox-swatches__picker-btn:hover { |
||
911 | background: #4a5562; |
||
912 | } |
||
913 | .tox:not([dir=rtl]) .tox-swatches__picker-btn { |
||
914 | margin-left: auto; |
||
915 | } |
||
916 | .tox[dir=rtl] .tox-swatches__picker-btn { |
||
917 | margin-right: auto; |
||
918 | } |
||
919 | .tox .tox-comment-thread { |
||
920 | background: #2b3b4e; |
||
921 | position: relative; |
||
922 | } |
||
923 | .tox .tox-comment-thread > *:not(:first-child) { |
||
924 | margin-top: 8px; |
||
925 | } |
||
926 | .tox .tox-comment { |
||
927 | background: #2b3b4e; |
||
928 | border: 1px solid #000000; |
||
929 | border-radius: 3px; |
||
930 | box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1); |
||
931 | padding: 8px 8px 16px 8px; |
||
932 | position: relative; |
||
933 | } |
||
934 | .tox .tox-comment__header { |
||
935 | align-items: center; |
||
936 | color: #fff; |
||
937 | display: flex; |
||
938 | justify-content: space-between; |
||
939 | } |
||
940 | .tox .tox-comment__date { |
||
941 | color: rgba(255, 255, 255, 0.5); |
||
942 | font-size: 12px; |
||
943 | } |
||
944 | .tox .tox-comment__body { |
||
945 | color: #fff; |
||
946 | font-size: 14px; |
||
947 | font-style: normal; |
||
948 | font-weight: normal; |
||
949 | line-height: 1.3; |
||
950 | margin-top: 8px; |
||
951 | position: relative; |
||
952 | text-transform: initial; |
||
953 | } |
||
954 | .tox .tox-comment__body textarea { |
||
955 | resize: none; |
||
956 | white-space: normal; |
||
957 | width: 100%; |
||
958 | } |
||
959 | .tox .tox-comment__expander { |
||
960 | padding-top: 8px; |
||
961 | } |
||
962 | .tox .tox-comment__expander p { |
||
963 | color: rgba(255, 255, 255, 0.5); |
||
964 | font-size: 14px; |
||
965 | font-style: normal; |
||
966 | } |
||
967 | .tox .tox-comment__body p { |
||
968 | margin: 0; |
||
969 | } |
||
970 | .tox .tox-comment__buttonspacing { |
||
971 | padding-top: 16px; |
||
972 | text-align: center; |
||
973 | } |
||
974 | .tox .tox-comment-thread__overlay::after { |
||
975 | background: #2b3b4e; |
||
976 | bottom: 0; |
||
977 | content: ""; |
||
978 | display: flex; |
||
979 | left: 0; |
||
980 | opacity: 0.9; |
||
981 | position: absolute; |
||
982 | right: 0; |
||
983 | top: 0; |
||
984 | z-index: 5; |
||
985 | } |
||
986 | .tox .tox-comment__reply { |
||
987 | display: flex; |
||
988 | flex-shrink: 0; |
||
989 | flex-wrap: wrap; |
||
990 | justify-content: flex-end; |
||
991 | margin-top: 8px; |
||
992 | } |
||
993 | .tox .tox-comment__reply > *:first-child { |
||
994 | margin-bottom: 8px; |
||
995 | width: 100%; |
||
996 | } |
||
997 | .tox .tox-comment__edit { |
||
998 | display: flex; |
||
999 | flex-wrap: wrap; |
||
1000 | justify-content: flex-end; |
||
1001 | margin-top: 16px; |
||
1002 | } |
||
1003 | .tox .tox-comment__gradient::after { |
||
1004 | background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e); |
||
1005 | bottom: 0; |
||
1006 | content: ""; |
||
1007 | display: block; |
||
1008 | height: 5em; |
||
1009 | margin-top: -40px; |
||
1010 | position: absolute; |
||
1011 | width: 100%; |
||
1012 | } |
||
1013 | .tox .tox-comment__overlay { |
||
1014 | background: #2b3b4e; |
||
1015 | bottom: 0; |
||
1016 | display: flex; |
||
1017 | flex-direction: column; |
||
1018 | flex-grow: 1; |
||
1019 | left: 0; |
||
1020 | opacity: 0.9; |
||
1021 | position: absolute; |
||
1022 | right: 0; |
||
1023 | text-align: center; |
||
1024 | top: 0; |
||
1025 | z-index: 5; |
||
1026 | } |
||
1027 | .tox .tox-comment__loading-text { |
||
1028 | align-items: center; |
||
1029 | color: #fff; |
||
1030 | display: flex; |
||
1031 | flex-direction: column; |
||
1032 | position: relative; |
||
1033 | } |
||
1034 | .tox .tox-comment__loading-text > div { |
||
1035 | padding-bottom: 16px; |
||
1036 | } |
||
1037 | .tox .tox-comment__overlaytext { |
||
1038 | bottom: 0; |
||
1039 | flex-direction: column; |
||
1040 | font-size: 14px; |
||
1041 | left: 0; |
||
1042 | padding: 1em; |
||
1043 | position: absolute; |
||
1044 | right: 0; |
||
1045 | top: 0; |
||
1046 | z-index: 10; |
||
1047 | } |
||
1048 | .tox .tox-comment__overlaytext p { |
||
1049 | background-color: #2b3b4e; |
||
1050 | box-shadow: 0 0 8px 8px #2b3b4e; |
||
1051 | color: #fff; |
||
1052 | text-align: center; |
||
1053 | } |
||
1054 | .tox .tox-comment__overlaytext div:nth-of-type(2) { |
||
1055 | font-size: 0.8em; |
||
1056 | } |
||
1057 | .tox .tox-comment__busy-spinner { |
||
1058 | align-items: center; |
||
1059 | background-color: #2b3b4e; |
||
1060 | bottom: 0; |
||
1061 | display: flex; |
||
1062 | justify-content: center; |
||
1063 | left: 0; |
||
1064 | position: absolute; |
||
1065 | right: 0; |
||
1066 | top: 0; |
||
1067 | z-index: 20; |
||
1068 | } |
||
1069 | .tox .tox-comment__scroll { |
||
1070 | display: flex; |
||
1071 | flex-direction: column; |
||
1072 | flex-shrink: 1; |
||
1073 | overflow: auto; |
||
1074 | } |
||
1075 | .tox .tox-conversations { |
||
1076 | margin: 8px; |
||
1077 | } |
||
1078 | .tox:not([dir=rtl]) .tox-comment__edit { |
||
1079 | margin-left: 8px; |
||
1080 | } |
||
1081 | .tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, |
||
1082 | .tox:not([dir=rtl]) .tox-comment__edit > *:last-child, |
||
1083 | .tox:not([dir=rtl]) .tox-comment__reply > *:last-child { |
||
1084 | margin-left: 8px; |
||
1085 | } |
||
1086 | .tox[dir=rtl] .tox-comment__edit { |
||
1087 | margin-right: 8px; |
||
1088 | } |
||
1089 | .tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, |
||
1090 | .tox[dir=rtl] .tox-comment__edit > *:last-child, |
||
1091 | .tox[dir=rtl] .tox-comment__reply > *:last-child { |
||
1092 | margin-right: 8px; |
||
1093 | } |
||
1094 | .tox .tox-user { |
||
1095 | align-items: center; |
||
1096 | display: flex; |
||
1097 | } |
||
1098 | .tox .tox-user__avatar svg { |
||
1099 | fill: rgba(255, 255, 255, 0.5); |
||
1100 | } |
||
1101 | .tox .tox-user__name { |
||
1102 | color: rgba(255, 255, 255, 0.5); |
||
1103 | font-size: 12px; |
||
1104 | font-style: normal; |
||
1105 | font-weight: bold; |
||
1106 | text-transform: uppercase; |
||
1107 | } |
||
1108 | .tox:not([dir=rtl]) .tox-user__avatar svg { |
||
1109 | margin-right: 8px; |
||
1110 | } |
||
1111 | .tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { |
||
1112 | margin-left: 8px; |
||
1113 | } |
||
1114 | .tox[dir=rtl] .tox-user__avatar svg { |
||
1115 | margin-left: 8px; |
||
1116 | } |
||
1117 | .tox[dir=rtl] .tox-user__avatar + .tox-user__name { |
||
1118 | margin-right: 8px; |
||
1119 | } |
||
1120 | .tox .tox-dialog-wrap { |
||
1121 | align-items: center; |
||
1122 | bottom: 0; |
||
1123 | display: flex; |
||
1124 | justify-content: center; |
||
1125 | left: 0; |
||
1126 | position: fixed; |
||
1127 | right: 0; |
||
1128 | top: 0; |
||
1129 | z-index: 1100; |
||
1130 | } |
||
1131 | .tox .tox-dialog-wrap__backdrop { |
||
1132 | background-color: rgba(34, 47, 62, 0.75); |
||
1133 | bottom: 0; |
||
1134 | left: 0; |
||
1135 | position: absolute; |
||
1136 | right: 0; |
||
1137 | top: 0; |
||
1138 | z-index: 1; |
||
1139 | } |
||
1140 | .tox .tox-dialog-wrap__backdrop--opaque { |
||
1141 | background-color: #222f3e; |
||
1142 | } |
||
1143 | .tox .tox-dialog { |
||
1144 | background-color: #2b3b4e; |
||
1145 | border-color: #000000; |
||
1146 | border-radius: 3px; |
||
1147 | border-style: solid; |
||
1148 | border-width: 1px; |
||
1149 | box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15); |
||
1150 | display: flex; |
||
1151 | flex-direction: column; |
||
1152 | max-height: 100%; |
||
1153 | max-width: 480px; |
||
1154 | overflow: hidden; |
||
1155 | position: relative; |
||
1156 | width: 95vw; |
||
1157 | z-index: 2; |
||
1158 | } |
||
1159 | @media only screen and (max-width:767px) { |
||
1160 | body:not(.tox-force-desktop) .tox .tox-dialog { |
||
1161 | align-self: flex-start; |
||
1162 | margin: 8px auto; |
||
1163 | width: calc(100vw - 16px); |
||
1164 | } |
||
1165 | } |
||
1166 | .tox .tox-dialog-inline { |
||
1167 | z-index: 1100; |
||
1168 | } |
||
1169 | .tox .tox-dialog__header { |
||
1170 | align-items: center; |
||
1171 | background-color: #2b3b4e; |
||
1172 | border-bottom: none; |
||
1173 | color: #fff; |
||
1174 | display: flex; |
||
1175 | font-size: 16px; |
||
1176 | justify-content: space-between; |
||
1177 | padding: 8px 16px 0 16px; |
||
1178 | position: relative; |
||
1179 | } |
||
1180 | .tox .tox-dialog__header .tox-button { |
||
1181 | z-index: 1; |
||
1182 | } |
||
1183 | .tox .tox-dialog__draghandle { |
||
1184 | cursor: grab; |
||
1185 | height: 100%; |
||
1186 | left: 0; |
||
1187 | position: absolute; |
||
1188 | top: 0; |
||
1189 | width: 100%; |
||
1190 | } |
||
1191 | .tox .tox-dialog__draghandle:active { |
||
1192 | cursor: grabbing; |
||
1193 | } |
||
1194 | .tox .tox-dialog__dismiss { |
||
1195 | margin-left: auto; |
||
1196 | } |
||
1197 | .tox .tox-dialog__title { |
||
1198 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
1199 | font-size: 20px; |
||
1200 | font-style: normal; |
||
1201 | font-weight: normal; |
||
1202 | line-height: 1.3; |
||
1203 | margin: 0; |
||
1204 | text-transform: none; |
||
1205 | } |
||
1206 | .tox .tox-dialog__body { |
||
1207 | color: #fff; |
||
1208 | display: flex; |
||
1209 | flex: 1; |
||
1210 | -ms-flex-preferred-size: auto; |
||
1211 | font-size: 16px; |
||
1212 | font-style: normal; |
||
1213 | font-weight: normal; |
||
1214 | line-height: 1.3; |
||
1215 | min-width: 0; |
||
1216 | text-align: left; |
||
1217 | text-transform: none; |
||
1218 | } |
||
1219 | @media only screen and (max-width:767px) { |
||
1220 | body:not(.tox-force-desktop) .tox .tox-dialog__body { |
||
1221 | flex-direction: column; |
||
1222 | } |
||
1223 | } |
||
1224 | .tox .tox-dialog__body-nav { |
||
1225 | align-items: flex-start; |
||
1226 | display: flex; |
||
1227 | flex-direction: column; |
||
1228 | padding: 16px 16px; |
||
1229 | } |
||
1230 | @media only screen and (max-width:767px) { |
||
1231 | body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { |
||
1232 | flex-direction: row; |
||
1233 | -webkit-overflow-scrolling: touch; |
||
1234 | overflow-x: auto; |
||
1235 | padding-bottom: 0; |
||
1236 | } |
||
1237 | } |
||
1238 | .tox .tox-dialog__body-nav-item { |
||
1239 | border-bottom: 2px solid transparent; |
||
1240 | color: rgba(255, 255, 255, 0.5); |
||
1241 | display: inline-block; |
||
1242 | font-size: 14px; |
||
1243 | line-height: 1.3; |
||
1244 | margin-bottom: 8px; |
||
1245 | text-decoration: none; |
||
1246 | white-space: nowrap; |
||
1247 | } |
||
1248 | .tox .tox-dialog__body-nav-item:focus { |
||
1249 | background-color: rgba(32, 122, 183, 0.1); |
||
1250 | } |
||
1251 | .tox .tox-dialog__body-nav-item--active { |
||
1252 | border-bottom: 2px solid #207ab7; |
||
1253 | color: #207ab7; |
||
1254 | } |
||
1255 | .tox .tox-dialog__body-content { |
||
1256 | box-sizing: border-box; |
||
1257 | display: flex; |
||
1258 | flex: 1; |
||
1259 | flex-direction: column; |
||
1260 | -ms-flex-preferred-size: auto; |
||
1261 | max-height: 650px; |
||
1262 | overflow: auto; |
||
1263 | -webkit-overflow-scrolling: touch; |
||
1264 | padding: 16px 16px; |
||
1265 | } |
||
1266 | .tox .tox-dialog__body-content > * { |
||
1267 | margin-bottom: 0; |
||
1268 | margin-top: 16px; |
||
1269 | } |
||
1270 | .tox .tox-dialog__body-content > *:first-child { |
||
1271 | margin-top: 0; |
||
1272 | } |
||
1273 | .tox .tox-dialog__body-content > *:last-child { |
||
1274 | margin-bottom: 0; |
||
1275 | } |
||
1276 | .tox .tox-dialog__body-content > *:only-child { |
||
1277 | margin-bottom: 0; |
||
1278 | margin-top: 0; |
||
1279 | } |
||
1280 | .tox .tox-dialog__body-content a { |
||
1281 | color: #207ab7; |
||
1282 | cursor: pointer; |
||
1283 | text-decoration: none; |
||
1284 | } |
||
1285 | .tox .tox-dialog__body-content a:hover, |
||
1286 | .tox .tox-dialog__body-content a:focus { |
||
1287 | color: #185d8c; |
||
1288 | text-decoration: none; |
||
1289 | } |
||
1290 | .tox .tox-dialog__body-content a:active { |
||
1291 | color: #185d8c; |
||
1292 | text-decoration: none; |
||
1293 | } |
||
1294 | .tox .tox-dialog__body-content svg { |
||
1295 | fill: #fff; |
||
1296 | } |
||
1297 | .tox .tox-dialog__body-content ul { |
||
1298 | display: block; |
||
1299 | list-style-type: disc; |
||
1300 | margin-bottom: 16px; |
||
1301 | -webkit-margin-end: 0; |
||
1302 | margin-inline-end: 0; |
||
1303 | -webkit-margin-start: 0; |
||
1304 | margin-inline-start: 0; |
||
1305 | -webkit-padding-start: 2.5rem; |
||
1306 | padding-inline-start: 2.5rem; |
||
1307 | } |
||
1308 | .tox .tox-dialog__body-content .tox-form__group h1 { |
||
1309 | color: #fff; |
||
1310 | font-size: 20px; |
||
1311 | font-style: normal; |
||
1312 | font-weight: bold; |
||
1313 | letter-spacing: normal; |
||
1314 | margin-bottom: 16px; |
||
1315 | margin-top: 2rem; |
||
1316 | text-transform: none; |
||
1317 | } |
||
1318 | .tox .tox-dialog__body-content .tox-form__group h2 { |
||
1319 | color: #fff; |
||
1320 | font-size: 16px; |
||
1321 | font-style: normal; |
||
1322 | font-weight: bold; |
||
1323 | letter-spacing: normal; |
||
1324 | margin-bottom: 16px; |
||
1325 | margin-top: 2rem; |
||
1326 | text-transform: none; |
||
1327 | } |
||
1328 | .tox .tox-dialog__body-content .tox-form__group p { |
||
1329 | margin-bottom: 16px; |
||
1330 | } |
||
1331 | .tox .tox-dialog__body-content .tox-form__group h1:first-child, |
||
1332 | .tox .tox-dialog__body-content .tox-form__group h2:first-child, |
||
1333 | .tox .tox-dialog__body-content .tox-form__group p:first-child { |
||
1334 | margin-top: 0; |
||
1335 | } |
||
1336 | .tox .tox-dialog__body-content .tox-form__group h1:last-child, |
||
1337 | .tox .tox-dialog__body-content .tox-form__group h2:last-child, |
||
1338 | .tox .tox-dialog__body-content .tox-form__group p:last-child { |
||
1339 | margin-bottom: 0; |
||
1340 | } |
||
1341 | .tox .tox-dialog__body-content .tox-form__group h1:only-child, |
||
1342 | .tox .tox-dialog__body-content .tox-form__group h2:only-child, |
||
1343 | .tox .tox-dialog__body-content .tox-form__group p:only-child { |
||
1344 | margin-bottom: 0; |
||
1345 | margin-top: 0; |
||
1346 | } |
||
1347 | .tox .tox-dialog--width-lg { |
||
1348 | height: 650px; |
||
1349 | max-width: 1200px; |
||
1350 | } |
||
1351 | .tox .tox-dialog--width-md { |
||
1352 | max-width: 800px; |
||
1353 | } |
||
1354 | .tox .tox-dialog--width-md .tox-dialog__body-content { |
||
1355 | overflow: auto; |
||
1356 | } |
||
1357 | .tox .tox-dialog__body-content--centered { |
||
1358 | text-align: center; |
||
1359 | } |
||
1360 | .tox .tox-dialog__footer { |
||
1361 | align-items: center; |
||
1362 | background-color: #2b3b4e; |
||
1363 | border-top: 1px solid #000000; |
||
1364 | display: flex; |
||
1365 | justify-content: space-between; |
||
1366 | padding: 8px 16px; |
||
1367 | } |
||
1368 | .tox .tox-dialog__footer-start, |
||
1369 | .tox .tox-dialog__footer-end { |
||
1370 | display: flex; |
||
1371 | } |
||
1372 | .tox .tox-dialog__busy-spinner { |
||
1373 | align-items: center; |
||
1374 | background-color: rgba(34, 47, 62, 0.75); |
||
1375 | bottom: 0; |
||
1376 | display: flex; |
||
1377 | justify-content: center; |
||
1378 | left: 0; |
||
1379 | position: absolute; |
||
1380 | right: 0; |
||
1381 | top: 0; |
||
1382 | z-index: 3; |
||
1383 | } |
||
1384 | .tox .tox-dialog__table { |
||
1385 | border-collapse: collapse; |
||
1386 | width: 100%; |
||
1387 | } |
||
1388 | .tox .tox-dialog__table thead th { |
||
1389 | font-weight: bold; |
||
1390 | padding-bottom: 8px; |
||
1391 | } |
||
1392 | .tox .tox-dialog__table tbody tr { |
||
1393 | border-bottom: 1px solid #000000; |
||
1394 | } |
||
1395 | .tox .tox-dialog__table tbody tr:last-child { |
||
1396 | border-bottom: none; |
||
1397 | } |
||
1398 | .tox .tox-dialog__table td { |
||
1399 | padding-bottom: 8px; |
||
1400 | padding-top: 8px; |
||
1401 | } |
||
1402 | .tox .tox-dialog__popups { |
||
1403 | position: absolute; |
||
1404 | width: 100%; |
||
1405 | z-index: 1100; |
||
1406 | } |
||
1407 | .tox .tox-dialog__body-iframe { |
||
1408 | display: flex; |
||
1409 | flex: 1; |
||
1410 | flex-direction: column; |
||
1411 | -ms-flex-preferred-size: auto; |
||
1412 | } |
||
1413 | .tox .tox-dialog__body-iframe .tox-navobj { |
||
1414 | display: flex; |
||
1415 | flex: 1; |
||
1416 | -ms-flex-preferred-size: auto; |
||
1417 | } |
||
1418 | .tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { |
||
1419 | flex: 1; |
||
1420 | -ms-flex-preferred-size: auto; |
||
1421 | height: 100%; |
||
1422 | } |
||
1423 | .tox .tox-dialog-dock-fadeout { |
||
1424 | opacity: 0; |
||
1425 | visibility: hidden; |
||
1426 | } |
||
1427 | .tox .tox-dialog-dock-fadein { |
||
1428 | opacity: 1; |
||
1429 | visibility: visible; |
||
1430 | } |
||
1431 | .tox .tox-dialog-dock-transition { |
||
1432 | transition: visibility 0s linear 0.3s, opacity 0.3s ease; |
||
1433 | } |
||
1434 | .tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { |
||
1435 | transition-delay: 0s; |
||
1436 | } |
||
1437 | .tox.tox-platform-ie { |
||
1438 | /* IE11 CSS styles go here */ |
||
1439 | } |
||
1440 | .tox.tox-platform-ie .tox-dialog-wrap { |
||
1441 | position: -ms-device-fixed; |
||
1442 | } |
||
1443 | @media only screen and (max-width:767px) { |
||
1444 | body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { |
||
1445 | margin-right: 0; |
||
1446 | } |
||
1447 | } |
||
1448 | @media only screen and (max-width:767px) { |
||
1449 | body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { |
||
1450 | margin-left: 8px; |
||
1451 | } |
||
1452 | } |
||
1453 | .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, |
||
1454 | .tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { |
||
1455 | margin-left: 8px; |
||
1456 | } |
||
1457 | .tox[dir=rtl] .tox-dialog__body { |
||
1458 | text-align: right; |
||
1459 | } |
||
1460 | @media only screen and (max-width:767px) { |
||
1461 | body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { |
||
1462 | margin-left: 0; |
||
1463 | } |
||
1464 | } |
||
1465 | @media only screen and (max-width:767px) { |
||
1466 | body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { |
||
1467 | margin-right: 8px; |
||
1468 | } |
||
1469 | } |
||
1470 | .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, |
||
1471 | .tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { |
||
1472 | margin-right: 8px; |
||
1473 | } |
||
1474 | body.tox-dialog__disable-scroll { |
||
1475 | overflow: hidden; |
||
1476 | } |
||
1477 | .tox .tox-dropzone-container { |
||
1478 | display: flex; |
||
1479 | flex: 1; |
||
1480 | -ms-flex-preferred-size: auto; |
||
1481 | } |
||
1482 | .tox .tox-dropzone { |
||
1483 | align-items: center; |
||
1484 | background: #fff; |
||
1485 | border: 2px dashed #000000; |
||
1486 | box-sizing: border-box; |
||
1487 | display: flex; |
||
1488 | flex-direction: column; |
||
1489 | flex-grow: 1; |
||
1490 | justify-content: center; |
||
1491 | min-height: 100px; |
||
1492 | padding: 10px; |
||
1493 | } |
||
1494 | .tox .tox-dropzone p { |
||
1495 | color: rgba(255, 255, 255, 0.5); |
||
1496 | margin: 0 0 16px 0; |
||
1497 | } |
||
1498 | .tox .tox-edit-area { |
||
1499 | display: flex; |
||
1500 | flex: 1; |
||
1501 | -ms-flex-preferred-size: auto; |
||
1502 | overflow: hidden; |
||
1503 | position: relative; |
||
1504 | } |
||
1505 | .tox .tox-edit-area__iframe { |
||
1506 | background-color: #fff; |
||
1507 | border: 0; |
||
1508 | box-sizing: border-box; |
||
1509 | flex: 1; |
||
1510 | -ms-flex-preferred-size: auto; |
||
1511 | height: 100%; |
||
1512 | position: absolute; |
||
1513 | width: 100%; |
||
1514 | } |
||
1515 | .tox.tox-inline-edit-area { |
||
1516 | border: 1px dotted #000000; |
||
1517 | } |
||
1518 | .tox .tox-editor-container { |
||
1519 | display: flex; |
||
1520 | flex: 1 1 auto; |
||
1521 | flex-direction: column; |
||
1522 | overflow: hidden; |
||
1523 | } |
||
1524 | .tox .tox-editor-header { |
||
1525 | z-index: 1; |
||
1526 | } |
||
1527 | .tox:not(.tox-tinymce-inline) .tox-editor-header { |
||
1528 | box-shadow: none; |
||
1529 | transition: box-shadow 0.5s; |
||
1530 | } |
||
1531 | .tox.tox-tinymce--toolbar-bottom .tox-editor-header, |
||
1532 | .tox.tox-tinymce-inline .tox-editor-header { |
||
1533 | margin-bottom: -1px; |
||
1534 | } |
||
1535 | .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { |
||
1536 | background-color: transparent; |
||
1537 | box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); |
||
1538 | } |
||
1539 | .tox-editor-dock-fadeout { |
||
1540 | opacity: 0; |
||
1541 | visibility: hidden; |
||
1542 | } |
||
1543 | .tox-editor-dock-fadein { |
||
1544 | opacity: 1; |
||
1545 | visibility: visible; |
||
1546 | } |
||
1547 | .tox-editor-dock-transition { |
||
1548 | transition: visibility 0s linear 0.25s, opacity 0.25s ease; |
||
1549 | } |
||
1550 | .tox-editor-dock-transition.tox-editor-dock-fadein { |
||
1551 | transition-delay: 0s; |
||
1552 | } |
||
1553 | .tox .tox-control-wrap { |
||
1554 | flex: 1; |
||
1555 | position: relative; |
||
1556 | } |
||
1557 | .tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, |
||
1558 | .tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, |
||
1559 | .tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { |
||
1560 | display: none; |
||
1561 | } |
||
1562 | .tox .tox-control-wrap svg { |
||
1563 | display: block; |
||
1564 | } |
||
1565 | .tox .tox-control-wrap__status-icon-wrap { |
||
1566 | position: absolute; |
||
1567 | top: 50%; |
||
1568 | transform: translateY(-50%); |
||
1569 | } |
||
1570 | .tox .tox-control-wrap__status-icon-invalid svg { |
||
1571 | fill: #c00; |
||
1572 | } |
||
1573 | .tox .tox-control-wrap__status-icon-unknown svg { |
||
1574 | fill: orange; |
||
1575 | } |
||
1576 | .tox .tox-control-wrap__status-icon-valid svg { |
||
1577 | fill: green; |
||
1578 | } |
||
1579 | .tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, |
||
1580 | .tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, |
||
1581 | .tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { |
||
1582 | padding-right: 32px; |
||
1583 | } |
||
1584 | .tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { |
||
1585 | right: 4px; |
||
1586 | } |
||
1587 | .tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, |
||
1588 | .tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, |
||
1589 | .tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { |
||
1590 | padding-left: 32px; |
||
1591 | } |
||
1592 | .tox[dir=rtl] .tox-control-wrap__status-icon-wrap { |
||
1593 | left: 4px; |
||
1594 | } |
||
1595 | .tox .tox-autocompleter { |
||
1596 | max-width: 25em; |
||
1597 | } |
||
1598 | .tox .tox-autocompleter .tox-menu { |
||
1599 | max-width: 25em; |
||
1600 | } |
||
1601 | .tox .tox-autocompleter .tox-autocompleter-highlight { |
||
1602 | font-weight: bold; |
||
1603 | } |
||
1604 | .tox .tox-color-input { |
||
1605 | display: flex; |
||
1606 | position: relative; |
||
1607 | z-index: 1; |
||
1608 | } |
||
1609 | .tox .tox-color-input .tox-textfield { |
||
1610 | z-index: -1; |
||
1611 | } |
||
1612 | .tox .tox-color-input span { |
||
1613 | border-color: rgba(42, 55, 70, 0.2); |
||
1614 | border-radius: 3px; |
||
1615 | border-style: solid; |
||
1616 | border-width: 1px; |
||
1617 | box-shadow: none; |
||
1618 | box-sizing: border-box; |
||
1619 | height: 24px; |
||
1620 | position: absolute; |
||
1621 | top: 6px; |
||
1622 | width: 24px; |
||
1623 | } |
||
1624 | .tox .tox-color-input span:hover:not([aria-disabled=true]), |
||
1625 | .tox .tox-color-input span:focus:not([aria-disabled=true]) { |
||
1626 | border-color: #207ab7; |
||
1627 | cursor: pointer; |
||
1628 | } |
||
1629 | .tox .tox-color-input span::before { |
||
1630 | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%); |
||
1631 | background-position: 0 0, 0 6px, 6px -6px, -6px 0; |
||
1632 | background-size: 12px 12px; |
||
1633 | border: 1px solid #2b3b4e; |
||
1634 | border-radius: 3px; |
||
1635 | box-sizing: border-box; |
||
1636 | content: ''; |
||
1637 | height: 24px; |
||
1638 | left: -1px; |
||
1639 | position: absolute; |
||
1640 | top: -1px; |
||
1641 | width: 24px; |
||
1642 | z-index: -1; |
||
1643 | } |
||
1644 | .tox .tox-color-input span[aria-disabled=true] { |
||
1645 | cursor: not-allowed; |
||
1646 | } |
||
1647 | .tox:not([dir=rtl]) .tox-color-input { |
||
1648 | /* stylelint-disable-next-line no-descending-specificity */ |
||
1649 | } |
||
1650 | .tox:not([dir=rtl]) .tox-color-input .tox-textfield { |
||
1651 | padding-left: 36px; |
||
1652 | } |
||
1653 | .tox:not([dir=rtl]) .tox-color-input span { |
||
1654 | left: 6px; |
||
1655 | } |
||
1656 | .tox[dir="rtl"] .tox-color-input { |
||
1657 | /* stylelint-disable-next-line no-descending-specificity */ |
||
1658 | } |
||
1659 | .tox[dir="rtl"] .tox-color-input .tox-textfield { |
||
1660 | padding-right: 36px; |
||
1661 | } |
||
1662 | .tox[dir="rtl"] .tox-color-input span { |
||
1663 | right: 6px; |
||
1664 | } |
||
1665 | .tox .tox-label, |
||
1666 | .tox .tox-toolbar-label { |
||
1667 | color: rgba(255, 255, 255, 0.5); |
||
1668 | display: block; |
||
1669 | font-size: 14px; |
||
1670 | font-style: normal; |
||
1671 | font-weight: normal; |
||
1672 | line-height: 1.3; |
||
1673 | padding: 0 8px 0 0; |
||
1674 | text-transform: none; |
||
1675 | white-space: nowrap; |
||
1676 | } |
||
1677 | .tox .tox-toolbar-label { |
||
1678 | padding: 0 8px; |
||
1679 | } |
||
1680 | .tox[dir=rtl] .tox-label { |
||
1681 | padding: 0 0 0 8px; |
||
1682 | } |
||
1683 | .tox .tox-form { |
||
1684 | display: flex; |
||
1685 | flex: 1; |
||
1686 | flex-direction: column; |
||
1687 | -ms-flex-preferred-size: auto; |
||
1688 | } |
||
1689 | .tox .tox-form__group { |
||
1690 | box-sizing: border-box; |
||
1691 | margin-bottom: 4px; |
||
1692 | } |
||
1693 | .tox .tox-form-group--maximize { |
||
1694 | flex: 1; |
||
1695 | } |
||
1696 | .tox .tox-form__group--error { |
||
1697 | color: #c00; |
||
1698 | } |
||
1699 | .tox .tox-form__group--collection { |
||
1700 | display: flex; |
||
1701 | } |
||
1702 | .tox .tox-form__grid { |
||
1703 | display: flex; |
||
1704 | flex-direction: row; |
||
1705 | flex-wrap: wrap; |
||
1706 | justify-content: space-between; |
||
1707 | } |
||
1708 | .tox .tox-form__grid--2col > .tox-form__group { |
||
1709 | width: calc(50% - (8px / 2)); |
||
1710 | } |
||
1711 | .tox .tox-form__grid--3col > .tox-form__group { |
||
1712 | width: calc(100% / 3 - (8px / 2)); |
||
1713 | } |
||
1714 | .tox .tox-form__grid--4col > .tox-form__group { |
||
1715 | width: calc(25% - (8px / 2)); |
||
1716 | } |
||
1717 | .tox .tox-form__controls-h-stack { |
||
1718 | align-items: center; |
||
1719 | display: flex; |
||
1720 | } |
||
1721 | .tox .tox-form__group--inline { |
||
1722 | align-items: center; |
||
1723 | display: flex; |
||
1724 | } |
||
1725 | .tox .tox-form__group--stretched { |
||
1726 | display: flex; |
||
1727 | flex: 1; |
||
1728 | flex-direction: column; |
||
1729 | -ms-flex-preferred-size: auto; |
||
1730 | } |
||
1731 | .tox .tox-form__group--stretched .tox-textarea { |
||
1732 | flex: 1; |
||
1733 | -ms-flex-preferred-size: auto; |
||
1734 | } |
||
1735 | .tox .tox-form__group--stretched .tox-navobj { |
||
1736 | display: flex; |
||
1737 | flex: 1; |
||
1738 | -ms-flex-preferred-size: auto; |
||
1739 | } |
||
1740 | .tox .tox-form__group--stretched .tox-navobj :nth-child(2) { |
||
1741 | flex: 1; |
||
1742 | -ms-flex-preferred-size: auto; |
||
1743 | height: 100%; |
||
1744 | } |
||
1745 | .tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { |
||
1746 | margin-left: 4px; |
||
1747 | } |
||
1748 | .tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { |
||
1749 | margin-right: 4px; |
||
1750 | } |
||
1751 | .tox .tox-lock.tox-locked .tox-lock-icon__unlock, |
||
1752 | .tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { |
||
1753 | display: none; |
||
1754 | } |
||
1755 | .tox .tox-textfield, |
||
1756 | .tox .tox-toolbar-textfield, |
||
1757 | .tox .tox-listboxfield .tox-listbox--select, |
||
1758 | .tox .tox-textarea { |
||
1759 | -webkit-appearance: none; |
||
1760 | -moz-appearance: none; |
||
1761 | appearance: none; |
||
1762 | background-color: #2b3b4e; |
||
1763 | border-color: #000000; |
||
1764 | border-radius: 3px; |
||
1765 | border-style: solid; |
||
1766 | border-width: 1px; |
||
1767 | box-shadow: none; |
||
1768 | box-sizing: border-box; |
||
1769 | color: #fff; |
||
1770 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
1771 | font-size: 16px; |
||
1772 | line-height: 24px; |
||
1773 | margin: 0; |
||
1774 | min-height: 34px; |
||
1775 | outline: none; |
||
1776 | padding: 5px 4.75px; |
||
1777 | resize: none; |
||
1778 | width: 100%; |
||
1779 | } |
||
1780 | .tox .tox-textfield[disabled], |
||
1781 | .tox .tox-textarea[disabled] { |
||
1782 | background-color: #222f3e; |
||
1783 | color: rgba(255, 255, 255, 0.85); |
||
1784 | cursor: not-allowed; |
||
1785 | } |
||
1786 | .tox .tox-textfield:focus, |
||
1787 | .tox .tox-listboxfield .tox-listbox--select:focus, |
||
1788 | .tox .tox-textarea:focus { |
||
1789 | background-color: #2b3b4e; |
||
1790 | border-color: #207ab7; |
||
1791 | box-shadow: none; |
||
1792 | outline: none; |
||
1793 | } |
||
1794 | .tox .tox-toolbar-textfield { |
||
1795 | border-width: 0; |
||
1796 | margin-bottom: 3px; |
||
1797 | margin-top: 2px; |
||
1798 | max-width: 250px; |
||
1799 | } |
||
1800 | .tox .tox-naked-btn { |
||
1801 | background-color: transparent; |
||
1802 | border: 0; |
||
1803 | border-color: transparent; |
||
1804 | box-shadow: unset; |
||
1805 | color: #207ab7; |
||
1806 | cursor: pointer; |
||
1807 | display: block; |
||
1808 | margin: 0; |
||
1809 | padding: 0; |
||
1810 | } |
||
1811 | .tox .tox-naked-btn svg { |
||
1812 | display: block; |
||
1813 | fill: #fff; |
||
1814 | } |
||
1815 | .tox:not([dir=rtl]) .tox-toolbar-textfield + * { |
||
1816 | margin-left: 4px; |
||
1817 | } |
||
1818 | .tox[dir=rtl] .tox-toolbar-textfield + * { |
||
1819 | margin-right: 4px; |
||
1820 | } |
||
1821 | .tox .tox-listboxfield { |
||
1822 | cursor: pointer; |
||
1823 | position: relative; |
||
1824 | } |
||
1825 | .tox .tox-listboxfield .tox-listbox--select[disabled] { |
||
1826 | background-color: #19232e; |
||
1827 | color: rgba(255, 255, 255, 0.85); |
||
1828 | cursor: not-allowed; |
||
1829 | } |
||
1830 | .tox .tox-listbox__select-label { |
||
1831 | cursor: default; |
||
1832 | flex: 1; |
||
1833 | margin: 0 4px; |
||
1834 | } |
||
1835 | .tox .tox-listbox__select-chevron { |
||
1836 | align-items: center; |
||
1837 | display: flex; |
||
1838 | justify-content: center; |
||
1839 | width: 16px; |
||
1840 | } |
||
1841 | .tox .tox-listbox__select-chevron svg { |
||
1842 | fill: #fff; |
||
1843 | } |
||
1844 | .tox .tox-listboxfield .tox-listbox--select { |
||
1845 | align-items: center; |
||
1846 | display: flex; |
||
1847 | } |
||
1848 | .tox:not([dir=rtl]) .tox-listboxfield svg { |
||
1849 | right: 8px; |
||
1850 | } |
||
1851 | .tox[dir=rtl] .tox-listboxfield svg { |
||
1852 | left: 8px; |
||
1853 | } |
||
1854 | .tox .tox-selectfield { |
||
1855 | cursor: pointer; |
||
1856 | position: relative; |
||
1857 | } |
||
1858 | .tox .tox-selectfield select { |
||
1859 | -webkit-appearance: none; |
||
1860 | -moz-appearance: none; |
||
1861 | appearance: none; |
||
1862 | background-color: #2b3b4e; |
||
1863 | border-color: #000000; |
||
1864 | border-radius: 3px; |
||
1865 | border-style: solid; |
||
1866 | border-width: 1px; |
||
1867 | box-shadow: none; |
||
1868 | box-sizing: border-box; |
||
1869 | color: #fff; |
||
1870 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
||
1871 | font-size: 16px; |
||
1872 | line-height: 24px; |
||
1873 | margin: 0; |
||
1874 | min-height: 34px; |
||
1875 | outline: none; |
||
1876 | padding: 5px 4.75px; |
||
1877 | resize: none; |
||
1878 | width: 100%; |
||
1879 | } |
||
1880 | .tox .tox-selectfield select[disabled] { |
||
1881 | background-color: #19232e; |
||
1882 | color: rgba(255, 255, 255, 0.85); |
||
1883 | cursor: not-allowed; |
||
1884 | } |
||
1885 | .tox .tox-selectfield select::-ms-expand { |
||
1886 | display: none; |
||
1887 | } |
||
1888 | .tox .tox-selectfield select:focus { |
||
1889 | background-color: #2b3b4e; |
||
1890 | border-color: #207ab7; |
||
1891 | box-shadow: none; |
||
1892 | outline: none; |
||
1893 | } |
||
1894 | .tox .tox-selectfield svg { |
||
1895 | pointer-events: none; |
||
1896 | position: absolute; |
||
1897 | top: 50%; |
||
1898 | transform: translateY(-50%); |
||
1899 | } |
||
1900 | .tox:not([dir=rtl]) .tox-selectfield select[size="0"], |
||
1901 | .tox:not([dir=rtl]) .tox-selectfield select[size="1"] { |
||
1902 | padding-right: 24px; |
||
1903 | } |
||
1904 | .tox:not([dir=rtl]) .tox-selectfield svg { |
||
1905 | right: 8px; |
||
1906 | } |
||
1907 | .tox[dir=rtl] .tox-selectfield select[size="0"], |
||
1908 | .tox[dir=rtl] .tox-selectfield select[size="1"] { |
||
1909 | padding-left: 24px; |
||
1910 | } |
||
1911 | .tox[dir=rtl] .tox-selectfield svg { |
||
1912 | left: 8px; |
||
1913 | } |
||
1914 | .tox .tox-textarea { |
||
1915 | -webkit-appearance: textarea; |
||
1916 | -moz-appearance: textarea; |
||
1917 | appearance: textarea; |
||
1918 | white-space: pre-wrap; |
||
1919 | } |
||
1920 | .tox-fullscreen { |
||
1921 | border: 0; |
||
1922 | height: 100%; |
||
1923 | margin: 0; |
||
1924 | overflow: hidden; |
||
1925 | -ms-scroll-chaining: none; |
||
1926 | overscroll-behavior: none; |
||
1927 | padding: 0; |
||
1928 | touch-action: pinch-zoom; |
||
1929 | width: 100%; |
||
1930 | } |
||
1931 | .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { |
||
1932 | display: none; |
||
1933 | } |
||
679 | daniel-mar | 1934 | .tox.tox-tinymce.tox-fullscreen, |
1935 | .tox-shadowhost.tox-fullscreen { |
||
1936 | left: 0; |
||
1937 | position: fixed; |
||
1938 | top: 0; |
||
1939 | z-index: 1200; |
||
1940 | } |
||
597 | daniel-mar | 1941 | .tox.tox-tinymce.tox-fullscreen { |
1942 | background-color: transparent; |
||
1943 | } |
||
1944 | .tox-fullscreen .tox.tox-tinymce-aux, |
||
1945 | .tox-fullscreen ~ .tox.tox-tinymce-aux { |
||
1946 | z-index: 1201; |
||
1947 | } |
||
1948 | .tox .tox-help__more-link { |
||
1949 | list-style: none; |
||
1950 | margin-top: 1em; |
||
1951 | } |
||
1952 | .tox .tox-image-tools { |
||
1953 | width: 100%; |
||
1954 | } |
||
1955 | .tox .tox-image-tools__toolbar { |
||
1956 | align-items: center; |
||
1957 | display: flex; |
||
1958 | justify-content: center; |
||
1959 | } |
||
1960 | .tox .tox-image-tools__image { |
||
1961 | background-color: #666; |
||
1962 | height: 380px; |
||
1963 | overflow: auto; |
||
1964 | position: relative; |
||
1965 | width: 100%; |
||
1966 | } |
||
1967 | .tox .tox-image-tools__image, |
||
1968 | .tox .tox-image-tools__image + .tox-image-tools__toolbar { |
||
1969 | margin-top: 8px; |
||
1970 | } |
||
1971 | .tox .tox-image-tools__image-bg { |
||
1972 | background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); |
||
1973 | } |
||
1974 | .tox .tox-image-tools__toolbar > .tox-spacer { |
||
1975 | flex: 1; |
||
1976 | -ms-flex-preferred-size: auto; |
||
1977 | } |
||
1978 | .tox .tox-croprect-block { |
||
1979 | background: black; |
||
1980 | filter: alpha(opacity=50); |
||
1981 | opacity: 0.5; |
||
1982 | position: absolute; |
||
1983 | zoom: 1; |
||
1984 | } |
||
1985 | .tox .tox-croprect-handle { |
||
1986 | border: 2px solid white; |
||
1987 | height: 20px; |
||
1988 | left: 0; |
||
1989 | position: absolute; |
||
1990 | top: 0; |
||
1991 | width: 20px; |
||
1992 | } |
||
1993 | .tox .tox-croprect-handle-move { |
||
1994 | border: 0; |
||
1995 | cursor: move; |
||
1996 | position: absolute; |
||
1997 | } |
||
1998 | .tox .tox-croprect-handle-nw { |
||
1999 | border-width: 2px 0 0 2px; |
||
2000 | cursor: nw-resize; |
||
2001 | left: 100px; |
||
2002 | margin: -2px 0 0 -2px; |
||
2003 | top: 100px; |
||
2004 | } |
||
2005 | .tox .tox-croprect-handle-ne { |
||
2006 | border-width: 2px 2px 0 0; |
||
2007 | cursor: ne-resize; |
||
2008 | left: 200px; |
||
2009 | margin: -2px 0 0 -20px; |
||
2010 | top: 100px; |
||
2011 | } |
||
2012 | .tox .tox-croprect-handle-sw { |
||
2013 | border-width: 0 0 2px 2px; |
||
2014 | cursor: sw-resize; |
||
2015 | left: 100px; |
||
2016 | margin: -20px 2px 0 -2px; |
||
2017 | top: 200px; |
||
2018 | } |
||
2019 | .tox .tox-croprect-handle-se { |
||
2020 | border-width: 0 2px 2px 0; |
||
2021 | cursor: se-resize; |
||
2022 | left: 200px; |
||
2023 | margin: -20px 0 0 -20px; |
||
2024 | top: 200px; |
||
2025 | } |
||
2026 | .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { |
||
2027 | margin-left: 8px; |
||
2028 | } |
||
2029 | .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { |
||
2030 | margin-left: 32px; |
||
2031 | } |
||
2032 | .tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { |
||
2033 | margin-left: 32px; |
||
2034 | } |
||
2035 | .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { |
||
2036 | margin-right: 8px; |
||
2037 | } |
||
2038 | .tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { |
||
2039 | margin-right: 32px; |
||
2040 | } |
||
2041 | .tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { |
||
2042 | margin-right: 32px; |
||
2043 | } |
||
2044 | .tox .tox-insert-table-picker { |
||
2045 | display: flex; |
||
2046 | flex-wrap: wrap; |
||
2047 | width: 170px; |
||
2048 | } |
||
2049 | .tox .tox-insert-table-picker > div { |
||
2050 | border-color: #000000; |
||
2051 | border-style: solid; |
||
2052 | border-width: 0 1px 1px 0; |
||
2053 | box-sizing: border-box; |
||
2054 | height: 17px; |
||
2055 | width: 17px; |
||
2056 | } |
||
2057 | .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { |
||
2058 | margin: -4px 0; |
||
2059 | } |
||
2060 | .tox .tox-insert-table-picker .tox-insert-table-picker__selected { |
||
2061 | background-color: rgba(32, 122, 183, 0.5); |
||
2062 | border-color: rgba(32, 122, 183, 0.5); |
||
2063 | } |
||
2064 | .tox .tox-insert-table-picker__label { |
||
2065 | color: #fff; |
||
2066 | display: block; |
||
2067 | font-size: 14px; |
||
2068 | padding: 4px; |
||
2069 | text-align: center; |
||
2070 | width: 100%; |
||
2071 | } |
||
2072 | .tox:not([dir=rtl]) { |
||
2073 | /* stylelint-disable-next-line no-descending-specificity */ |
||
2074 | } |
||
2075 | .tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { |
||
2076 | border-right: 0; |
||
2077 | } |
||
2078 | .tox[dir=rtl] { |
||
2079 | /* stylelint-disable-next-line no-descending-specificity */ |
||
2080 | } |
||
2081 | .tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { |
||
2082 | border-right: 0; |
||
2083 | } |
||
2084 | .tox { |
||
2085 | /* stylelint-disable */ |
||
2086 | /* stylelint-enable */ |
||
2087 | } |
||
2088 | .tox .tox-menu { |
||
2089 | background-color: #2b3b4e; |
||
2090 | border: 1px solid #000000; |
||
2091 | border-radius: 3px; |
||
2092 | box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1); |
||
2093 | display: inline-block; |
||
2094 | overflow: hidden; |
||
2095 | vertical-align: top; |
||
2096 | z-index: 1150; |
||
2097 | } |
||
2098 | .tox .tox-menu.tox-collection.tox-collection--list { |
||
2099 | padding: 0; |
||
2100 | } |
||
2101 | .tox .tox-menu.tox-collection.tox-collection--toolbar { |
||
2102 | padding: 4px; |
||
2103 | } |
||
2104 | .tox .tox-menu.tox-collection.tox-collection--grid { |
||
2105 | padding: 4px; |
||
2106 | } |
||
2107 | .tox .tox-menu__label h1, |
||
2108 | .tox .tox-menu__label h2, |
||
2109 | .tox .tox-menu__label h3, |
||
2110 | .tox .tox-menu__label h4, |
||
2111 | .tox .tox-menu__label h5, |
||
2112 | .tox .tox-menu__label h6, |
||
2113 | .tox .tox-menu__label p, |
||
2114 | .tox .tox-menu__label blockquote, |
||
2115 | .tox .tox-menu__label code { |
||
2116 | margin: 0; |
||
2117 | } |
||
2118 | .tox .tox-menubar { |
||
2119 | background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e; |
||
2120 | background-color: #222f3e; |
||
2121 | display: flex; |
||
2122 | flex: 0 0 auto; |
||
2123 | flex-shrink: 0; |
||
2124 | flex-wrap: wrap; |
||
2125 | padding: 0 4px 0 4px; |
||
2126 | } |
||
2127 | .tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { |
||
2128 | border-top: 1px solid #000000; |
||
2129 | } |
||
2130 | /* Deprecated. Remove in next major release */ |
||
2131 | .tox .tox-mbtn { |
||
2132 | align-items: center; |
||
2133 | background: transparent; |
||
2134 | border: 0; |
||
2135 | border-radius: 3px; |
||
2136 | box-shadow: none; |
||
2137 | color: #fff; |
||
2138 | display: flex; |
||
2139 | flex: 0 0 auto; |
||
2140 | font-size: 14px; |
||
2141 | font-style: normal; |
||
2142 | font-weight: normal; |
||
2143 | height: 34px; |
||
2144 | justify-content: center; |
||
2145 | margin: 2px 0 3px 0; |
||
2146 | outline: none; |
||
2147 | overflow: hidden; |
||
2148 | padding: 0 4px; |
||
2149 | text-transform: none; |
||
2150 | width: auto; |
||
2151 | } |
||
2152 | .tox .tox-mbtn[disabled] { |
||
2153 | background-color: transparent; |
||
2154 | border: 0; |
||
2155 | box-shadow: none; |
||
2156 | color: rgba(255, 255, 255, 0.5); |
||
2157 | cursor: not-allowed; |
||
2158 | } |
||
2159 | .tox .tox-mbtn:focus:not(:disabled) { |
||
2160 | background: #4a5562; |
||
2161 | border: 0; |
||
2162 | box-shadow: none; |
||
2163 | color: #fff; |
||
2164 | } |
||
2165 | .tox .tox-mbtn--active { |
||
2166 | background: #757d87; |
||
2167 | border: 0; |
||
2168 | box-shadow: none; |
||
2169 | color: #fff; |
||
2170 | } |
||
2171 | .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { |
||
2172 | background: #4a5562; |
||
2173 | border: 0; |
||
2174 | box-shadow: none; |
||
2175 | color: #fff; |
||
2176 | } |
||
2177 | .tox .tox-mbtn__select-label { |
||
2178 | cursor: default; |
||
2179 | font-weight: normal; |
||
2180 | margin: 0 4px; |
||
2181 | } |
||
2182 | .tox .tox-mbtn[disabled] .tox-mbtn__select-label { |
||
2183 | cursor: not-allowed; |
||
2184 | } |
||
2185 | .tox .tox-mbtn__select-chevron { |
||
2186 | align-items: center; |
||
2187 | display: flex; |
||
2188 | justify-content: center; |
||
2189 | width: 16px; |
||
2190 | display: none; |
||
2191 | } |
||
2192 | .tox .tox-notification { |
||
2193 | border-radius: 3px; |
||
2194 | border-style: solid; |
||
2195 | border-width: 1px; |
||
2196 | box-shadow: none; |
||
2197 | box-sizing: border-box; |
||
2198 | display: -ms-grid; |
||
2199 | display: grid; |
||
2200 | font-size: 14px; |
||
2201 | font-weight: normal; |
||
2202 | -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); |
||
2203 | grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); |
||
2204 | margin-top: 4px; |
||
2205 | opacity: 0; |
||
2206 | padding: 4px; |
||
2207 | transition: transform 100ms ease-in, opacity 150ms ease-in; |
||
2208 | } |
||
2209 | .tox .tox-notification p { |
||
2210 | font-size: 14px; |
||
2211 | font-weight: normal; |
||
2212 | } |
||
2213 | .tox .tox-notification a { |
||
637 | daniel-mar | 2214 | cursor: pointer; |
597 | daniel-mar | 2215 | text-decoration: underline; |
2216 | } |
||
2217 | .tox .tox-notification--in { |
||
2218 | opacity: 1; |
||
2219 | } |
||
2220 | .tox .tox-notification--success { |
||
2221 | background-color: #e4eeda; |
||
2222 | border-color: #d7e6c8; |
||
2223 | color: #fff; |
||
2224 | } |
||
2225 | .tox .tox-notification--success p { |
||
2226 | color: #fff; |
||
2227 | } |
||
2228 | .tox .tox-notification--success a { |
||
2229 | color: #547831; |
||
2230 | } |
||
2231 | .tox .tox-notification--success svg { |
||
2232 | fill: #fff; |
||
2233 | } |
||
2234 | .tox .tox-notification--error { |
||
2235 | background-color: #f8dede; |
||
2236 | border-color: #f2bfbf; |
||
2237 | color: #fff; |
||
2238 | } |
||
2239 | .tox .tox-notification--error p { |
||
2240 | color: #fff; |
||
2241 | } |
||
2242 | .tox .tox-notification--error a { |
||
2243 | color: #c00; |
||
2244 | } |
||
2245 | .tox .tox-notification--error svg { |
||
2246 | fill: #fff; |
||
2247 | } |
||
2248 | .tox .tox-notification--warn, |
||
2249 | .tox .tox-notification--warning { |
||
2250 | background-color: #fffaea; |
||
2251 | border-color: #ffe89d; |
||
2252 | color: #fff; |
||
2253 | } |
||
2254 | .tox .tox-notification--warn p, |
||
2255 | .tox .tox-notification--warning p { |
||
2256 | color: #fff; |
||
2257 | } |
||
2258 | .tox .tox-notification--warn a, |
||
2259 | .tox .tox-notification--warning a { |
||
2260 | color: #fff; |
||
2261 | } |
||
2262 | .tox .tox-notification--warn svg, |
||
2263 | .tox .tox-notification--warning svg { |
||
2264 | fill: #fff; |
||
2265 | } |
||
2266 | .tox .tox-notification--info { |
||
2267 | background-color: #d9edf7; |
||
2268 | border-color: #779ecb; |
||
2269 | color: #fff; |
||
2270 | } |
||
2271 | .tox .tox-notification--info p { |
||
2272 | color: #fff; |
||
2273 | } |
||
2274 | .tox .tox-notification--info a { |
||
2275 | color: #fff; |
||
2276 | } |
||
2277 | .tox .tox-notification--info svg { |
||
2278 | fill: #fff; |
||
2279 | } |
||
2280 | .tox .tox-notification__body { |
||
2281 | -ms-grid-row-align: center; |
||
2282 | align-self: center; |
||
2283 | color: #fff; |
||
2284 | font-size: 14px; |
||
2285 | -ms-grid-column-span: 1; |
||
2286 | grid-column-end: 3; |
||
2287 | -ms-grid-column: 2; |
||
2288 | grid-column-start: 2; |
||
2289 | -ms-grid-row-span: 1; |
||
2290 | grid-row-end: 2; |
||
2291 | -ms-grid-row: 1; |
||
2292 | grid-row-start: 1; |
||
2293 | text-align: center; |
||
2294 | white-space: normal; |
||
2295 | word-break: break-all; |
||
2296 | word-break: break-word; |
||
2297 | } |
||
2298 | .tox .tox-notification__body > * { |
||
2299 | margin: 0; |
||
2300 | } |
||
2301 | .tox .tox-notification__body > * + * { |
||
2302 | margin-top: 1rem; |
||
2303 | } |
||
2304 | .tox .tox-notification__icon { |
||
2305 | -ms-grid-row-align: center; |
||
2306 | align-self: center; |
||
2307 | -ms-grid-column-span: 1; |
||
2308 | grid-column-end: 2; |
||
2309 | -ms-grid-column: 1; |
||
2310 | grid-column-start: 1; |
||
2311 | -ms-grid-row-span: 1; |
||
2312 | grid-row-end: 2; |
||
2313 | -ms-grid-row: 1; |
||
2314 | grid-row-start: 1; |
||
2315 | -ms-grid-column-align: end; |
||
2316 | justify-self: end; |
||
2317 | } |
||
2318 | .tox .tox-notification__icon svg { |
||
2319 | display: block; |
||
2320 | } |
||
2321 | .tox .tox-notification__dismiss { |
||
2322 | -ms-grid-row-align: start; |
||
2323 | align-self: start; |
||
2324 | -ms-grid-column-span: 1; |
||
2325 | grid-column-end: 4; |
||
2326 | -ms-grid-column: 3; |
||
2327 | grid-column-start: 3; |
||
2328 | -ms-grid-row-span: 1; |
||
2329 | grid-row-end: 2; |
||
2330 | -ms-grid-row: 1; |
||
2331 | grid-row-start: 1; |
||
2332 | -ms-grid-column-align: end; |
||
2333 | justify-self: end; |
||
2334 | } |
||
2335 | .tox .tox-notification .tox-progress-bar { |
||
2336 | -ms-grid-column-span: 3; |
||
2337 | grid-column-end: 4; |
||
2338 | -ms-grid-column: 1; |
||
2339 | grid-column-start: 1; |
||
2340 | -ms-grid-row-span: 1; |
||
2341 | grid-row-end: 3; |
||
2342 | -ms-grid-row: 2; |
||
2343 | grid-row-start: 2; |
||
2344 | -ms-grid-column-align: center; |
||
2345 | justify-self: center; |
||
2346 | } |
||
2347 | .tox .tox-pop { |
||
2348 | display: inline-block; |
||
2349 | position: relative; |
||
2350 | } |
||
2351 | .tox .tox-pop--resizing { |
||
2352 | transition: width 0.1s ease; |
||
2353 | } |
||
637 | daniel-mar | 2354 | .tox .tox-pop--resizing .tox-toolbar, |
2355 | .tox .tox-pop--resizing .tox-toolbar__group { |
||
597 | daniel-mar | 2356 | flex-wrap: nowrap; |
2357 | } |
||
637 | daniel-mar | 2358 | .tox .tox-pop--transition { |
2359 | transition: 0.15s ease; |
||
2360 | transition-property: left, right, top, bottom; |
||
2361 | } |
||
2362 | .tox .tox-pop--transition::before, |
||
2363 | .tox .tox-pop--transition::after { |
||
2364 | transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s; |
||
2365 | } |
||
597 | daniel-mar | 2366 | .tox .tox-pop__dialog { |
2367 | background-color: #222f3e; |
||
2368 | border: 1px solid #000000; |
||
2369 | border-radius: 3px; |
||
2370 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); |
||
2371 | min-width: 0; |
||
2372 | overflow: hidden; |
||
2373 | } |
||
2374 | .tox .tox-pop__dialog > *:not(.tox-toolbar) { |
||
2375 | margin: 4px 4px 4px 8px; |
||
2376 | } |
||
2377 | .tox .tox-pop__dialog .tox-toolbar { |
||
2378 | background-color: transparent; |
||
2379 | margin-bottom: -1px; |
||
2380 | } |
||
2381 | .tox .tox-pop::before, |
||
2382 | .tox .tox-pop::after { |
||
2383 | border-style: solid; |
||
2384 | content: ''; |
||
2385 | display: block; |
||
2386 | height: 0; |
||
637 | daniel-mar | 2387 | opacity: 1; |
597 | daniel-mar | 2388 | position: absolute; |
2389 | width: 0; |
||
2390 | } |
||
637 | daniel-mar | 2391 | .tox .tox-pop.tox-pop--inset::before, |
2392 | .tox .tox-pop.tox-pop--inset::after { |
||
2393 | opacity: 0; |
||
2394 | transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease; |
||
2395 | } |
||
597 | daniel-mar | 2396 | .tox .tox-pop.tox-pop--bottom::before, |
2397 | .tox .tox-pop.tox-pop--bottom::after { |
||
2398 | left: 50%; |
||
2399 | top: 100%; |
||
2400 | } |
||
2401 | .tox .tox-pop.tox-pop--bottom::after { |
||
2402 | border-color: #222f3e transparent transparent transparent; |
||
2403 | border-width: 8px; |
||
2404 | margin-left: -8px; |
||
2405 | margin-top: -1px; |
||
2406 | } |
||
2407 | .tox .tox-pop.tox-pop--bottom::before { |
||
2408 | border-color: #000000 transparent transparent transparent; |
||
2409 | border-width: 9px; |
||
2410 | margin-left: -9px; |
||
2411 | } |
||
2412 | .tox .tox-pop.tox-pop--top::before, |
||
2413 | .tox .tox-pop.tox-pop--top::after { |
||
2414 | left: 50%; |
||
2415 | top: 0; |
||
2416 | transform: translateY(-100%); |
||
2417 | } |
||
2418 | .tox .tox-pop.tox-pop--top::after { |
||
2419 | border-color: transparent transparent #222f3e transparent; |
||
2420 | border-width: 8px; |
||
2421 | margin-left: -8px; |
||
2422 | margin-top: 1px; |
||
2423 | } |
||
2424 | .tox .tox-pop.tox-pop--top::before { |
||
2425 | border-color: transparent transparent #000000 transparent; |
||
2426 | border-width: 9px; |
||
2427 | margin-left: -9px; |
||
2428 | } |
||
2429 | .tox .tox-pop.tox-pop--left::before, |
||
2430 | .tox .tox-pop.tox-pop--left::after { |
||
2431 | left: 0; |
||
2432 | top: calc(50% - 1px); |
||
2433 | transform: translateY(-50%); |
||
2434 | } |
||
2435 | .tox .tox-pop.tox-pop--left::after { |
||
2436 | border-color: transparent #222f3e transparent transparent; |
||
2437 | border-width: 8px; |
||
2438 | margin-left: -15px; |
||
2439 | } |
||
2440 | .tox .tox-pop.tox-pop--left::before { |
||
2441 | border-color: transparent #000000 transparent transparent; |
||
2442 | border-width: 10px; |
||
2443 | margin-left: -19px; |
||
2444 | } |
||
2445 | .tox .tox-pop.tox-pop--right::before, |
||
2446 | .tox .tox-pop.tox-pop--right::after { |
||
2447 | left: 100%; |
||
2448 | top: calc(50% + 1px); |
||
2449 | transform: translateY(-50%); |
||
2450 | } |
||
2451 | .tox .tox-pop.tox-pop--right::after { |
||
2452 | border-color: transparent transparent transparent #222f3e; |
||
2453 | border-width: 8px; |
||
2454 | margin-left: -1px; |
||
2455 | } |
||
2456 | .tox .tox-pop.tox-pop--right::before { |
||
2457 | border-color: transparent transparent transparent #000000; |
||
2458 | border-width: 10px; |
||
2459 | margin-left: -1px; |
||
2460 | } |
||
2461 | .tox .tox-pop.tox-pop--align-left::before, |
||
2462 | .tox .tox-pop.tox-pop--align-left::after { |
||
2463 | left: 20px; |
||
2464 | } |
||
2465 | .tox .tox-pop.tox-pop--align-right::before, |
||
2466 | .tox .tox-pop.tox-pop--align-right::after { |
||
2467 | left: calc(100% - 20px); |
||
2468 | } |
||
2469 | .tox .tox-sidebar-wrap { |
||
2470 | display: flex; |
||
2471 | flex-direction: row; |
||
2472 | flex-grow: 1; |
||
2473 | -ms-flex-preferred-size: 0; |
||
2474 | min-height: 0; |
||
2475 | } |
||
2476 | .tox .tox-sidebar { |
||
2477 | background-color: #222f3e; |
||
2478 | display: flex; |
||
2479 | flex-direction: row; |
||
2480 | justify-content: flex-end; |
||
2481 | } |
||
2482 | .tox .tox-sidebar__slider { |
||
2483 | display: flex; |
||
2484 | overflow: hidden; |
||
2485 | } |
||
2486 | .tox .tox-sidebar__pane-container { |
||
2487 | display: flex; |
||
2488 | } |
||
2489 | .tox .tox-sidebar__pane { |
||
2490 | display: flex; |
||
2491 | } |
||
2492 | .tox .tox-sidebar--sliding-closed { |
||
2493 | opacity: 0; |
||
2494 | } |
||
2495 | .tox .tox-sidebar--sliding-open { |
||
2496 | opacity: 1; |
||
2497 | } |
||
2498 | .tox .tox-sidebar--sliding-growing, |
||
2499 | .tox .tox-sidebar--sliding-shrinking { |
||
2500 | transition: width 0.5s ease, opacity 0.5s ease; |
||
2501 | } |
||
2502 | .tox .tox-selector { |
||
2503 | background-color: #4099ff; |
||
2504 | border-color: #4099ff; |
||
2505 | border-style: solid; |
||
2506 | border-width: 1px; |
||
2507 | box-sizing: border-box; |
||
2508 | display: inline-block; |
||
2509 | height: 10px; |
||
2510 | position: absolute; |
||
2511 | width: 10px; |
||
2512 | } |
||
2513 | .tox.tox-platform-touch .tox-selector { |
||
2514 | height: 12px; |
||
2515 | width: 12px; |
||
2516 | } |
||
2517 | .tox .tox-slider { |
||
2518 | align-items: center; |
||
2519 | display: flex; |
||
2520 | flex: 1; |
||
2521 | -ms-flex-preferred-size: auto; |
||
2522 | height: 24px; |
||
2523 | justify-content: center; |
||
2524 | position: relative; |
||
2525 | } |
||
2526 | .tox .tox-slider__rail { |
||
2527 | background-color: transparent; |
||
2528 | border: 1px solid #000000; |
||
2529 | border-radius: 3px; |
||
2530 | height: 10px; |
||
2531 | min-width: 120px; |
||
2532 | width: 100%; |
||
2533 | } |
||
2534 | .tox .tox-slider__handle { |
||
2535 | background-color: #207ab7; |
||
2536 | border: 2px solid #185d8c; |
||
2537 | border-radius: 3px; |
||
2538 | box-shadow: none; |
||
2539 | height: 24px; |
||
2540 | left: 50%; |
||
2541 | position: absolute; |
||
2542 | top: 50%; |
||
2543 | transform: translateX(-50%) translateY(-50%); |
||
2544 | width: 14px; |
||
2545 | } |
||
2546 | .tox .tox-source-code { |
||
2547 | overflow: auto; |
||
2548 | } |
||
2549 | .tox .tox-spinner { |
||
2550 | display: flex; |
||
2551 | } |
||
2552 | .tox .tox-spinner > div { |
||
2553 | animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; |
||
2554 | background-color: rgba(255, 255, 255, 0.5); |
||
2555 | border-radius: 100%; |
||
2556 | height: 8px; |
||
2557 | width: 8px; |
||
2558 | } |
||
2559 | .tox .tox-spinner > div:nth-child(1) { |
||
2560 | animation-delay: -0.32s; |
||
2561 | } |
||
2562 | .tox .tox-spinner > div:nth-child(2) { |
||
2563 | animation-delay: -0.16s; |
||
2564 | } |
||
2565 | @keyframes tam-bouncing-dots { |
||
2566 | 0%, |
||
2567 | 80%, |
||
2568 | 100% { |
||
2569 | transform: scale(0); |
||
2570 | } |
||
2571 | 40% { |
||
2572 | transform: scale(1); |
||
2573 | } |
||
2574 | } |
||
2575 | .tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { |
||
2576 | margin-left: 4px; |
||
2577 | } |
||
2578 | .tox[dir=rtl] .tox-spinner > div:not(:first-child) { |
||
2579 | margin-right: 4px; |
||
2580 | } |
||
2581 | .tox .tox-statusbar { |
||
2582 | align-items: center; |
||
2583 | background-color: #222f3e; |
||
2584 | border-top: 1px solid #000000; |
||
2585 | color: #fff; |
||
2586 | display: flex; |
||
2587 | flex: 0 0 auto; |
||
2588 | font-size: 12px; |
||
2589 | font-weight: normal; |
||
2590 | height: 18px; |
||
2591 | overflow: hidden; |
||
2592 | padding: 0 8px; |
||
2593 | position: relative; |
||
2594 | text-transform: uppercase; |
||
2595 | } |
||
2596 | .tox .tox-statusbar__text-container { |
||
2597 | display: flex; |
||
2598 | flex: 1 1 auto; |
||
2599 | justify-content: flex-end; |
||
2600 | overflow: hidden; |
||
2601 | } |
||
2602 | .tox .tox-statusbar__path { |
||
2603 | display: flex; |
||
2604 | flex: 1 1 auto; |
||
2605 | margin-right: auto; |
||
2606 | overflow: hidden; |
||
2607 | text-overflow: ellipsis; |
||
2608 | white-space: nowrap; |
||
2609 | } |
||
2610 | .tox .tox-statusbar__path > * { |
||
2611 | display: inline; |
||
2612 | white-space: nowrap; |
||
2613 | } |
||
2614 | .tox .tox-statusbar__wordcount { |
||
2615 | flex: 0 0 auto; |
||
2616 | margin-left: 1ch; |
||
2617 | } |
||
2618 | .tox .tox-statusbar a, |
||
2619 | .tox .tox-statusbar__path-item, |
||
2620 | .tox .tox-statusbar__wordcount { |
||
2621 | color: #fff; |
||
2622 | text-decoration: none; |
||
2623 | } |
||
2624 | .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), |
||
2625 | .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), |
||
2626 | .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]), |
||
2627 | .tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), |
||
2628 | .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), |
||
2629 | .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) { |
||
2630 | cursor: pointer; |
||
2631 | text-decoration: underline; |
||
2632 | } |
||
2633 | .tox .tox-statusbar__resize-handle { |
||
2634 | align-items: flex-end; |
||
2635 | align-self: stretch; |
||
2636 | cursor: nwse-resize; |
||
2637 | display: flex; |
||
2638 | flex: 0 0 auto; |
||
2639 | justify-content: flex-end; |
||
2640 | margin-left: auto; |
||
2641 | margin-right: -8px; |
||
2642 | padding-left: 1ch; |
||
2643 | } |
||
2644 | .tox .tox-statusbar__resize-handle svg { |
||
2645 | display: block; |
||
2646 | fill: #fff; |
||
2647 | } |
||
2648 | .tox .tox-statusbar__resize-handle:focus svg { |
||
2649 | background-color: #4a5562; |
||
2650 | border-radius: 1px; |
||
2651 | box-shadow: 0 0 0 2px #4a5562; |
||
2652 | } |
||
2653 | .tox:not([dir=rtl]) .tox-statusbar__path > * { |
||
2654 | margin-right: 4px; |
||
2655 | } |
||
2656 | .tox:not([dir=rtl]) .tox-statusbar__branding { |
||
2657 | margin-left: 1ch; |
||
2658 | } |
||
2659 | .tox[dir=rtl] .tox-statusbar { |
||
2660 | flex-direction: row-reverse; |
||
2661 | } |
||
2662 | .tox[dir=rtl] .tox-statusbar__path > * { |
||
2663 | margin-left: 4px; |
||
2664 | } |
||
2665 | .tox .tox-throbber { |
||
2666 | z-index: 1299; |
||
2667 | } |
||
2668 | .tox .tox-throbber__busy-spinner { |
||
2669 | align-items: center; |
||
2670 | background-color: rgba(34, 47, 62, 0.6); |
||
2671 | bottom: 0; |
||
2672 | display: flex; |
||
2673 | justify-content: center; |
||
2674 | left: 0; |
||
2675 | position: absolute; |
||
2676 | right: 0; |
||
2677 | top: 0; |
||
2678 | } |
||
2679 | .tox .tox-tbtn { |
||
2680 | align-items: center; |
||
2681 | background: transparent; |
||
2682 | border: 0; |
||
2683 | border-radius: 3px; |
||
2684 | box-shadow: none; |
||
2685 | color: #fff; |
||
2686 | display: flex; |
||
2687 | flex: 0 0 auto; |
||
2688 | font-size: 14px; |
||
2689 | font-style: normal; |
||
2690 | font-weight: normal; |
||
2691 | height: 34px; |
||
2692 | justify-content: center; |
||
2693 | margin: 2px 0 3px 0; |
||
2694 | outline: none; |
||
2695 | overflow: hidden; |
||
2696 | padding: 0; |
||
2697 | text-transform: none; |
||
2698 | width: 34px; |
||
2699 | } |
||
2700 | .tox .tox-tbtn svg { |
||
2701 | display: block; |
||
2702 | fill: #fff; |
||
2703 | } |
||
2704 | .tox .tox-tbtn.tox-tbtn-more { |
||
2705 | padding-left: 5px; |
||
2706 | padding-right: 5px; |
||
2707 | width: inherit; |
||
2708 | } |
||
2709 | .tox .tox-tbtn:focus { |
||
2710 | background: #4a5562; |
||
2711 | border: 0; |
||
2712 | box-shadow: none; |
||
2713 | } |
||
2714 | .tox .tox-tbtn:hover { |
||
2715 | background: #4a5562; |
||
2716 | border: 0; |
||
2717 | box-shadow: none; |
||
2718 | color: #fff; |
||
2719 | } |
||
2720 | .tox .tox-tbtn:hover svg { |
||
2721 | fill: #fff; |
||
2722 | } |
||
2723 | .tox .tox-tbtn:active { |
||
2724 | background: #757d87; |
||
2725 | border: 0; |
||
2726 | box-shadow: none; |
||
2727 | color: #fff; |
||
2728 | } |
||
2729 | .tox .tox-tbtn:active svg { |
||
2730 | fill: #fff; |
||
2731 | } |
||
2732 | .tox .tox-tbtn--disabled, |
||
2733 | .tox .tox-tbtn--disabled:hover, |
||
2734 | .tox .tox-tbtn:disabled, |
||
2735 | .tox .tox-tbtn:disabled:hover { |
||
2736 | background: transparent; |
||
2737 | border: 0; |
||
2738 | box-shadow: none; |
||
2739 | color: rgba(255, 255, 255, 0.5); |
||
2740 | cursor: not-allowed; |
||
2741 | } |
||
2742 | .tox .tox-tbtn--disabled svg, |
||
2743 | .tox .tox-tbtn--disabled:hover svg, |
||
2744 | .tox .tox-tbtn:disabled svg, |
||
2745 | .tox .tox-tbtn:disabled:hover svg { |
||
2746 | /* stylelint-disable-line no-descending-specificity */ |
||
2747 | fill: rgba(255, 255, 255, 0.5); |
||
2748 | } |
||
2749 | .tox .tox-tbtn--enabled, |
||
2750 | .tox .tox-tbtn--enabled:hover { |
||
2751 | background: #757d87; |
||
2752 | border: 0; |
||
2753 | box-shadow: none; |
||
2754 | color: #fff; |
||
2755 | } |
||
2756 | .tox .tox-tbtn--enabled > *, |
||
2757 | .tox .tox-tbtn--enabled:hover > * { |
||
2758 | transform: none; |
||
2759 | } |
||
2760 | .tox .tox-tbtn--enabled svg, |
||
2761 | .tox .tox-tbtn--enabled:hover svg { |
||
2762 | /* stylelint-disable-line no-descending-specificity */ |
||
2763 | fill: #fff; |
||
2764 | } |
||
2765 | .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { |
||
2766 | color: #fff; |
||
2767 | } |
||
2768 | .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { |
||
2769 | fill: #fff; |
||
2770 | } |
||
2771 | .tox .tox-tbtn:active > * { |
||
2772 | transform: none; |
||
2773 | } |
||
2774 | .tox .tox-tbtn--md { |
||
2775 | height: 51px; |
||
2776 | width: 51px; |
||
2777 | } |
||
2778 | .tox .tox-tbtn--lg { |
||
2779 | flex-direction: column; |
||
2780 | height: 68px; |
||
2781 | width: 68px; |
||
2782 | } |
||
2783 | .tox .tox-tbtn--return { |
||
2784 | -ms-grid-row-align: stretch; |
||
2785 | align-self: stretch; |
||
2786 | height: unset; |
||
2787 | width: 16px; |
||
2788 | } |
||
2789 | .tox .tox-tbtn--labeled { |
||
2790 | padding: 0 4px; |
||
2791 | width: unset; |
||
2792 | } |
||
2793 | .tox .tox-tbtn__vlabel { |
||
2794 | display: block; |
||
2795 | font-size: 10px; |
||
2796 | font-weight: normal; |
||
2797 | letter-spacing: -0.025em; |
||
2798 | margin-bottom: 4px; |
||
2799 | white-space: nowrap; |
||
2800 | } |
||
2801 | .tox .tox-tbtn--select { |
||
2802 | margin: 2px 0 3px 0; |
||
2803 | padding: 0 4px; |
||
2804 | width: auto; |
||
2805 | } |
||
2806 | .tox .tox-tbtn__select-label { |
||
2807 | cursor: default; |
||
2808 | font-weight: normal; |
||
2809 | margin: 0 4px; |
||
2810 | } |
||
2811 | .tox .tox-tbtn__select-chevron { |
||
2812 | align-items: center; |
||
2813 | display: flex; |
||
2814 | justify-content: center; |
||
2815 | width: 16px; |
||
2816 | } |
||
2817 | .tox .tox-tbtn__select-chevron svg { |
||
2818 | fill: rgba(255, 255, 255, 0.5); |
||
2819 | } |
||
2820 | .tox .tox-tbtn--bespoke .tox-tbtn__select-label { |
||
2821 | overflow: hidden; |
||
2822 | text-overflow: ellipsis; |
||
2823 | white-space: nowrap; |
||
2824 | width: 7em; |
||
2825 | } |
||
2826 | .tox .tox-split-button { |
||
2827 | border: 0; |
||
2828 | border-radius: 3px; |
||
2829 | box-sizing: border-box; |
||
2830 | display: flex; |
||
2831 | margin: 2px 0 3px 0; |
||
2832 | overflow: hidden; |
||
2833 | } |
||
2834 | .tox .tox-split-button:hover { |
||
2835 | box-shadow: 0 0 0 1px #4a5562 inset; |
||
2836 | } |
||
2837 | .tox .tox-split-button:focus { |
||
2838 | background: #4a5562; |
||
2839 | box-shadow: none; |
||
2840 | color: #fff; |
||
2841 | } |
||
2842 | .tox .tox-split-button > * { |
||
2843 | border-radius: 0; |
||
2844 | } |
||
2845 | .tox .tox-split-button__chevron { |
||
2846 | width: 16px; |
||
2847 | } |
||
2848 | .tox .tox-split-button__chevron svg { |
||
2849 | fill: rgba(255, 255, 255, 0.5); |
||
2850 | } |
||
2851 | .tox .tox-split-button .tox-tbtn { |
||
2852 | margin: 0; |
||
2853 | } |
||
2854 | .tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child { |
||
2855 | width: 30px; |
||
2856 | } |
||
2857 | .tox.tox-platform-touch .tox-split-button__chevron { |
||
2858 | width: 20px; |
||
2859 | } |
||
2860 | .tox .tox-split-button.tox-tbtn--disabled:hover, |
||
2861 | .tox .tox-split-button.tox-tbtn--disabled:focus, |
||
2862 | .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, |
||
2863 | .tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus { |
||
2864 | background: transparent; |
||
2865 | box-shadow: none; |
||
2866 | color: rgba(255, 255, 255, 0.5); |
||
2867 | } |
||
2868 | .tox .tox-toolbar-overlord { |
||
2869 | background-color: #222f3e; |
||
2870 | } |
||
2871 | .tox .tox-toolbar, |
||
2872 | .tox .tox-toolbar__primary, |
||
2873 | .tox .tox-toolbar__overflow { |
||
2874 | background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e; |
||
2875 | background-color: #222f3e; |
||
2876 | display: flex; |
||
2877 | flex: 0 0 auto; |
||
2878 | flex-shrink: 0; |
||
2879 | flex-wrap: wrap; |
||
2880 | padding: 0 0; |
||
2881 | } |
||
2882 | .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { |
||
2883 | height: 0; |
||
2884 | opacity: 0; |
||
2885 | padding-bottom: 0; |
||
2886 | padding-top: 0; |
||
2887 | visibility: hidden; |
||
2888 | } |
||
2889 | .tox .tox-toolbar__overflow--growing { |
||
2890 | transition: height 0.3s ease, opacity 0.2s linear 0.1s; |
||
2891 | } |
||
2892 | .tox .tox-toolbar__overflow--shrinking { |
||
2893 | transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; |
||
2894 | } |
||
2895 | .tox .tox-menubar + .tox-toolbar, |
||
2896 | .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { |
||
2897 | border-top: 1px solid #000000; |
||
2898 | margin-top: -1px; |
||
2899 | } |
||
2900 | .tox .tox-toolbar--scrolling { |
||
2901 | flex-wrap: nowrap; |
||
2902 | overflow-x: auto; |
||
2903 | } |
||
2904 | .tox .tox-pop .tox-toolbar { |
||
2905 | border-width: 0; |
||
2906 | } |
||
2907 | .tox .tox-toolbar--no-divider { |
||
2908 | background-image: none; |
||
2909 | } |
||
2910 | .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child, |
||
2911 | .tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary { |
||
2912 | border-top: 1px solid #000000; |
||
2913 | } |
||
2914 | .tox.tox-tinymce-aux .tox-toolbar__overflow { |
||
2915 | background-color: #222f3e; |
||
2916 | border: 1px solid #000000; |
||
2917 | border-radius: 3px; |
||
2918 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); |
||
2919 | } |
||
2920 | .tox .tox-toolbar__group { |
||
2921 | align-items: center; |
||
2922 | display: flex; |
||
2923 | flex-wrap: wrap; |
||
2924 | margin: 0 0; |
||
2925 | padding: 0 4px 0 4px; |
||
2926 | } |
||
2927 | .tox .tox-toolbar__group--pull-right { |
||
2928 | margin-left: auto; |
||
2929 | } |
||
2930 | .tox .tox-toolbar--scrolling .tox-toolbar__group { |
||
2931 | flex-shrink: 0; |
||
2932 | flex-wrap: nowrap; |
||
2933 | } |
||
2934 | .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { |
||
2935 | border-right: 1px solid #000000; |
||
2936 | } |
||
2937 | .tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { |
||
2938 | border-left: 1px solid #000000; |
||
2939 | } |
||
2940 | .tox .tox-tooltip { |
||
2941 | display: inline-block; |
||
2942 | padding: 8px; |
||
2943 | position: relative; |
||
2944 | } |
||
2945 | .tox .tox-tooltip__body { |
||
2946 | background-color: #3d546f; |
||
2947 | border-radius: 3px; |
||
2948 | box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3); |
||
2949 | color: rgba(255, 255, 255, 0.75); |
||
2950 | font-size: 14px; |
||
2951 | font-style: normal; |
||
2952 | font-weight: normal; |
||
2953 | padding: 4px 8px; |
||
2954 | text-transform: none; |
||
2955 | } |
||
2956 | .tox .tox-tooltip__arrow { |
||
2957 | position: absolute; |
||
2958 | } |
||
2959 | .tox .tox-tooltip--down .tox-tooltip__arrow { |
||
2960 | border-left: 8px solid transparent; |
||
2961 | border-right: 8px solid transparent; |
||
2962 | border-top: 8px solid #3d546f; |
||
2963 | bottom: 0; |
||
2964 | left: 50%; |
||
2965 | position: absolute; |
||
2966 | transform: translateX(-50%); |
||
2967 | } |
||
2968 | .tox .tox-tooltip--up .tox-tooltip__arrow { |
||
2969 | border-bottom: 8px solid #3d546f; |
||
2970 | border-left: 8px solid transparent; |
||
2971 | border-right: 8px solid transparent; |
||
2972 | left: 50%; |
||
2973 | position: absolute; |
||
2974 | top: 0; |
||
2975 | transform: translateX(-50%); |
||
2976 | } |
||
2977 | .tox .tox-tooltip--right .tox-tooltip__arrow { |
||
2978 | border-bottom: 8px solid transparent; |
||
2979 | border-left: 8px solid #3d546f; |
||
2980 | border-top: 8px solid transparent; |
||
2981 | position: absolute; |
||
2982 | right: 0; |
||
2983 | top: 50%; |
||
2984 | transform: translateY(-50%); |
||
2985 | } |
||
2986 | .tox .tox-tooltip--left .tox-tooltip__arrow { |
||
2987 | border-bottom: 8px solid transparent; |
||
2988 | border-right: 8px solid #3d546f; |
||
2989 | border-top: 8px solid transparent; |
||
2990 | left: 0; |
||
2991 | position: absolute; |
||
2992 | top: 50%; |
||
2993 | transform: translateY(-50%); |
||
2994 | } |
||
2995 | .tox .tox-well { |
||
2996 | border: 1px solid #000000; |
||
2997 | border-radius: 3px; |
||
2998 | padding: 8px; |
||
2999 | width: 100%; |
||
3000 | } |
||
3001 | .tox .tox-well > *:first-child { |
||
3002 | margin-top: 0; |
||
3003 | } |
||
3004 | .tox .tox-well > *:last-child { |
||
3005 | margin-bottom: 0; |
||
3006 | } |
||
3007 | .tox .tox-well > *:only-child { |
||
3008 | margin: 0; |
||
3009 | } |
||
3010 | .tox .tox-custom-editor { |
||
3011 | border: 1px solid #000000; |
||
3012 | border-radius: 3px; |
||
3013 | display: flex; |
||
3014 | flex: 1; |
||
3015 | position: relative; |
||
3016 | } |
||
3017 | /* stylelint-disable */ |
||
3018 | .tox { |
||
3019 | /* stylelint-enable */ |
||
3020 | } |
||
3021 | .tox .tox-dialog-loading::before { |
||
3022 | background-color: rgba(0, 0, 0, 0.5); |
||
3023 | content: ""; |
||
3024 | height: 100%; |
||
3025 | position: absolute; |
||
3026 | width: 100%; |
||
3027 | z-index: 1000; |
||
3028 | } |
||
3029 | .tox .tox-tab { |
||
3030 | cursor: pointer; |
||
3031 | } |
||
3032 | .tox .tox-dialog__content-js { |
||
3033 | display: flex; |
||
3034 | flex: 1; |
||
3035 | -ms-flex-preferred-size: auto; |
||
3036 | } |
||
3037 | .tox .tox-dialog__body-content .tox-collection { |
||
3038 | display: flex; |
||
3039 | flex: 1; |
||
3040 | -ms-flex-preferred-size: auto; |
||
3041 | } |
||
3042 | .tox .tox-image-tools-edit-panel { |
||
3043 | height: 60px; |
||
3044 | } |
||
3045 | .tox .tox-image-tools__sidebar { |
||
3046 | height: 60px; |
||
3047 | } |