component_ryl 1.0.22 → 1.0.26

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