@zextras/carbonio-design-system 0.2.2 → 0.3.0

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