trestle-tinymce 0.3.0 → 0.3.1

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