trestle-tinymce 0.3.0 → 0.3.1

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 (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
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6bc129965d8c33650ed74935757f77763554384eddb17638421fba745d6ba5b2
4
- data.tar.gz: 498db809ff1a6b7f1603cb021dce90d1ea8a5d1fbee0234fb0444aada231e0c9
3
+ metadata.gz: bba9579becc7c769bc9052654c7b3edb76a6e08160f57ff49719dd5d09e5c8bd
4
+ data.tar.gz: 868713ae445d1bf894bcadded9ed87eb524f8dbb61085ad8776bad3e81f2be22
5
5
  SHA512:
6
- metadata.gz: fa424564e24134f169713fa1e23be4a36227f6d0a1f7b45364c3c36d07d947b0a30b1d472d3fe292923440248b9a326bfaf4542d89d534c42b7552305a1a5b31
7
- data.tar.gz: 956653d77eb3706be4879d3b1a373d4c1631ba077717209d2475f57d122433f966e5c24efd8f3dc58de495074f7e7227edc38d0974533609ac6ed6bab98a0038
6
+ metadata.gz: ff489469e0d4f6716422329a28ffb833c275f9c9fcf157bc35fd3b16d1f3f5b6ec15867cf06a6c35062aefe28e3993eb73cea552ab386f4c352459c23ae79c19
7
+ data.tar.gz: 4d1f9fd7584b480440ee37a7ba006d5fa8d99e88a6d523e689ecb774edf84ae0296a5097f7f32791be211b7307b064c9379d086f351502ab03d8255a0e202912
data/README.md CHANGED
@@ -54,6 +54,41 @@ Trestle.configure do |config|
54
54
  end
55
55
  ```
56
56
 
57
+ Custom callbacks can be passed as strings and they will be automatically converted to JavaScript functions. The following example allows images to be uploaded and embedded as blob URLs.
58
+
59
+ ```ruby
60
+ Trestle.configure do |config|
61
+ config.tinymce.default.configure do |c|
62
+ c.file_picker_types = "image"
63
+ c.file_picker_callback = "function (cb, value, meta) {
64
+ var input = document.createElement('input');
65
+ input.setAttribute('type', 'file');
66
+ input.setAttribute('accept', 'image/*');
67
+
68
+ input.onchange = function () {
69
+ var file = this.files[0];
70
+
71
+ var reader = new FileReader();
72
+ reader.onload = function () {
73
+ var id = 'blobid' + (new Date()).getTime();
74
+ var blobCache = tinymce.activeEditor.editorUpload.blobCache;
75
+ var base64 = reader.result.split(',')[1];
76
+ var blobInfo = blobCache.create(id, file, base64);
77
+ blobCache.add(blobInfo);
78
+
79
+ cb(blobInfo.blobUri(), { title: file.name });
80
+ };
81
+ reader.readAsDataURL(file);
82
+ };
83
+
84
+ input.click();
85
+ }"
86
+ end
87
+ end
88
+ ```
89
+
90
+ For further information, please see [tinymce-rails](https://github.com/spohlenz/tinymce-rails) and the [TinyMCE documentation](https://www.tiny.cloud/docs/configure/).
91
+
57
92
 
58
93
  ## License
59
94
 
@@ -32,9 +32,7 @@
32
32
  margin: 0.25em 0;
33
33
  }
34
34
  .tox-checklist > li:not(.tox-checklist--hidden)::before {
35
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
36
- background-size: 100%;
37
- content: '';
35
+ content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
38
36
  cursor: pointer;
39
37
  height: 1em;
40
38
  margin-left: -1.5em;
@@ -43,7 +41,7 @@
43
41
  width: 1em;
44
42
  }
45
43
  .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
46
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
44
+ content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
47
45
  }
48
46
  [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
49
47
  margin-left: 0;
@@ -179,7 +177,7 @@ pre[class*="language-"] {
179
177
  }
180
178
  .mce-content-body .mce-visual-caret {
181
179
  background-color: black;
182
- background-color: currentcolor;
180
+ background-color: currentColor;
183
181
  position: absolute;
184
182
  }
185
183
  .mce-content-body .mce-visual-caret-hidden {
@@ -194,7 +192,7 @@ pre[class*="language-"] {
194
192
  top: 0;
195
193
  }
196
194
  .mce-content-body .mce-offscreen-selection {
197
- left: -9999999999px;
195
+ left: -2000000px;
198
196
  max-width: 1000000px;
199
197
  position: absolute;
200
198
  }
@@ -279,23 +277,16 @@ pre[class*="language-"] {
279
277
  position: relative;
280
278
  width: 100%;
281
279
  }
282
- .tiny-pageembed--21by9::before,
283
- .tiny-pageembed--16by9::before,
284
- .tiny-pageembed--4by3::before,
285
- .tiny-pageembed--1by1::before {
286
- content: "";
287
- display: block;
288
- }
289
- .tiny-pageembed--21by9::before {
280
+ .tiny-pageembed--21by9 {
290
281
  padding-top: 42.857143%;
291
282
  }
292
- .tiny-pageembed--16by9::before {
283
+ .tiny-pageembed--16by9 {
293
284
  padding-top: 56.25%;
294
285
  }
295
- .tiny-pageembed--4by3::before {
286
+ .tiny-pageembed--4by3 {
296
287
  padding-top: 75%;
297
288
  }
298
- .tiny-pageembed--1by1::before {
289
+ .tiny-pageembed--1by1 {
299
290
  padding-top: 100%;
300
291
  }
301
292
  .tiny-pageembed--21by9 iframe,
@@ -309,6 +300,20 @@ pre[class*="language-"] {
309
300
  top: 0;
310
301
  width: 100%;
311
302
  }
303
+ .mce-content-body[data-mce-placeholder] {
304
+ position: relative;
305
+ }
306
+ .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
307
+ color: rgba(34, 47, 62, 0.7);
308
+ content: attr(data-mce-placeholder);
309
+ position: absolute;
310
+ }
311
+ .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
312
+ left: 1px;
313
+ }
314
+ .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
315
+ right: 1px;
316
+ }
312
317
  .mce-content-body div.mce-resizehandle {
313
318
  background-color: #4099ff;
314
319
  border-color: #4099ff;
@@ -318,7 +323,7 @@ pre[class*="language-"] {
318
323
  height: 10px;
319
324
  position: absolute;
320
325
  width: 10px;
321
- z-index: 10000;
326
+ z-index: 1298;
322
327
  }
323
328
  .mce-content-body div.mce-resizehandle:hover {
324
329
  background-color: #4099ff;
@@ -335,11 +340,19 @@ pre[class*="language-"] {
335
340
  .mce-content-body div.mce-resizehandle:nth-of-type(4) {
336
341
  cursor: nesw-resize;
337
342
  }
343
+ .mce-content-body .mce-resize-backdrop {
344
+ z-index: 10000;
345
+ }
338
346
  .mce-content-body .mce-clonedresizable {
347
+ cursor: default;
339
348
  opacity: 0.5;
340
349
  outline: 1px dashed black;
341
350
  position: absolute;
342
- z-index: 10000;
351
+ z-index: 10001;
352
+ }
353
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
354
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
355
+ border: 0;
343
356
  }
344
357
  .mce-content-body .mce-resize-helper {
345
358
  background: #555;
@@ -355,7 +368,76 @@ pre[class*="language-"] {
355
368
  padding: 5px;
356
369
  position: absolute;
357
370
  white-space: nowrap;
358
- z-index: 10001;
371
+ z-index: 10002;
372
+ }
373
+ .tox-rtc-user-selection {
374
+ position: relative;
375
+ }
376
+ .tox-rtc-user-cursor {
377
+ bottom: 0;
378
+ cursor: default;
379
+ position: absolute;
380
+ top: 0;
381
+ width: 2px;
382
+ }
383
+ .tox-rtc-user-cursor::before {
384
+ background-color: inherit;
385
+ border-radius: 50%;
386
+ content: '';
387
+ display: block;
388
+ height: 8px;
389
+ position: absolute;
390
+ right: -3px;
391
+ top: -3px;
392
+ width: 8px;
393
+ }
394
+ .tox-rtc-user-cursor:hover::after {
395
+ background-color: inherit;
396
+ border-radius: 100px;
397
+ box-sizing: border-box;
398
+ color: #fff;
399
+ content: attr(data-user);
400
+ display: block;
401
+ font-size: 12px;
402
+ font-weight: bold;
403
+ left: -5px;
404
+ min-height: 8px;
405
+ min-width: 8px;
406
+ padding: 0 12px;
407
+ position: absolute;
408
+ top: -11px;
409
+ white-space: nowrap;
410
+ z-index: 1000;
411
+ }
412
+ .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
413
+ background-color: #2dc26b;
414
+ }
415
+ .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
416
+ background-color: #e03e2d;
417
+ }
418
+ .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
419
+ background-color: #f1c40f;
420
+ }
421
+ .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
422
+ background-color: #3598db;
423
+ }
424
+ .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
425
+ background-color: #b96ad9;
426
+ }
427
+ .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
428
+ background-color: #e67e23;
429
+ }
430
+ .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
431
+ background-color: #aaa69d;
432
+ }
433
+ .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
434
+ background-color: #f368e0;
435
+ }
436
+ .tox-rtc-remote-image {
437
+ background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
438
+ border: 1px solid #ccc;
439
+ min-height: 240px;
440
+ min-width: 320px;
359
441
  }
360
442
  .mce-match-marker {
361
443
  background: #aaa;
@@ -365,7 +447,19 @@ pre[class*="language-"] {
365
447
  background: #39f;
366
448
  color: #fff;
367
449
  }
450
+ .mce-match-marker-selected::-moz-selection {
451
+ background: #39f;
452
+ color: #fff;
453
+ }
454
+ .mce-match-marker-selected::selection {
455
+ background: #39f;
456
+ color: #fff;
457
+ }
368
458
  .mce-content-body img[data-mce-selected],
459
+ .mce-content-body video[data-mce-selected],
460
+ .mce-content-body audio[data-mce-selected],
461
+ .mce-content-body object[data-mce-selected],
462
+ .mce-content-body embed[data-mce-selected],
369
463
  .mce-content-body table[data-mce-selected] {
370
464
  outline: 3px solid #b4d7ff;
371
465
  }
@@ -395,7 +489,7 @@ pre[class*="language-"] {
395
489
  }
396
490
  .mce-content-body td[data-mce-selected],
397
491
  .mce-content-body th[data-mce-selected] {
398
- background-color: #b4d7ff !important;
492
+ position: relative;
399
493
  }
400
494
  .mce-content-body td[data-mce-selected]::-moz-selection,
401
495
  .mce-content-body th[data-mce-selected]::-moz-selection {
@@ -407,12 +501,31 @@ pre[class*="language-"] {
407
501
  }
408
502
  .mce-content-body td[data-mce-selected] *,
409
503
  .mce-content-body th[data-mce-selected] * {
504
+ outline: none;
410
505
  -webkit-touch-callout: none;
411
506
  -webkit-user-select: none;
412
507
  -moz-user-select: none;
413
508
  -ms-user-select: none;
414
509
  user-select: none;
415
510
  }
511
+ .mce-content-body td[data-mce-selected]::after,
512
+ .mce-content-body th[data-mce-selected]::after {
513
+ background-color: rgba(180, 215, 255, 0.7);
514
+ border: 1px solid rgba(180, 215, 255, 0.7);
515
+ bottom: -1px;
516
+ content: '';
517
+ left: -1px;
518
+ mix-blend-mode: multiply;
519
+ position: absolute;
520
+ right: -1px;
521
+ top: -1px;
522
+ }
523
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
524
+ .mce-content-body td[data-mce-selected]::after,
525
+ .mce-content-body th[data-mce-selected]::after {
526
+ border-color: rgba(0, 84, 180, 0.7);
527
+ }
528
+ }
416
529
  .mce-content-body img::-moz-selection {
417
530
  background: none;
418
531
  }
@@ -422,6 +535,10 @@ pre[class*="language-"] {
422
535
  .ephox-snooker-resizer-bar {
423
536
  background-color: #b4d7ff;
424
537
  opacity: 0;
538
+ -webkit-user-select: none;
539
+ -moz-user-select: none;
540
+ -ms-user-select: none;
541
+ user-select: none;
425
542
  }
426
543
  .ephox-snooker-resizer-cols {
427
544
  cursor: col-resize;
@@ -456,10 +573,18 @@ pre[class*="language-"] {
456
573
  .mce-toc li {
457
574
  list-style-type: none;
458
575
  }
459
- .mce-item-table,
460
- .mce-item-table td,
461
- .mce-item-table th,
462
- .mce-item-table caption {
576
+ table[style*="border-width: 0px"],
577
+ .mce-item-table:not([border]),
578
+ .mce-item-table[border="0"],
579
+ table[style*="border-width: 0px"] td,
580
+ .mce-item-table:not([border]) td,
581
+ .mce-item-table[border="0"] td,
582
+ table[style*="border-width: 0px"] th,
583
+ .mce-item-table:not([border]) th,
584
+ .mce-item-table[border="0"] th,
585
+ table[style*="border-width: 0px"] caption,
586
+ .mce-item-table:not([border]) caption,
587
+ .mce-item-table[border="0"] caption {
463
588
  border: 1px dashed #bbb;
464
589
  }
465
590
  .mce-visualblocks p,
@@ -32,9 +32,7 @@
32
32
  margin: 0.25em 0;
33
33
  }
34
34
  .tox-checklist > li:not(.tox-checklist--hidden)::before {
35
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
36
- background-size: 100%;
37
- content: '';
35
+ content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
38
36
  cursor: pointer;
39
37
  height: 1em;
40
38
  margin-left: -1.5em;
@@ -43,7 +41,7 @@
43
41
  width: 1em;
44
42
  }
45
43
  .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
46
- background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
44
+ content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
47
45
  }
48
46
  [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
49
47
  margin-left: 0;
@@ -179,7 +177,7 @@ pre[class*="language-"] {
179
177
  }
180
178
  .mce-content-body .mce-visual-caret {
181
179
  background-color: black;
182
- background-color: currentcolor;
180
+ background-color: currentColor;
183
181
  position: absolute;
184
182
  }
185
183
  .mce-content-body .mce-visual-caret-hidden {
@@ -194,7 +192,7 @@ pre[class*="language-"] {
194
192
  top: 0;
195
193
  }
196
194
  .mce-content-body .mce-offscreen-selection {
197
- left: -9999999999px;
195
+ left: -2000000px;
198
196
  max-width: 1000000px;
199
197
  position: absolute;
200
198
  }
@@ -279,23 +277,16 @@ pre[class*="language-"] {
279
277
  position: relative;
280
278
  width: 100%;
281
279
  }
282
- .tiny-pageembed--21by9::before,
283
- .tiny-pageembed--16by9::before,
284
- .tiny-pageembed--4by3::before,
285
- .tiny-pageembed--1by1::before {
286
- content: "";
287
- display: block;
288
- }
289
- .tiny-pageembed--21by9::before {
280
+ .tiny-pageembed--21by9 {
290
281
  padding-top: 42.857143%;
291
282
  }
292
- .tiny-pageembed--16by9::before {
283
+ .tiny-pageembed--16by9 {
293
284
  padding-top: 56.25%;
294
285
  }
295
- .tiny-pageembed--4by3::before {
286
+ .tiny-pageembed--4by3 {
296
287
  padding-top: 75%;
297
288
  }
298
- .tiny-pageembed--1by1::before {
289
+ .tiny-pageembed--1by1 {
299
290
  padding-top: 100%;
300
291
  }
301
292
  .tiny-pageembed--21by9 iframe,
@@ -309,6 +300,20 @@ pre[class*="language-"] {
309
300
  top: 0;
310
301
  width: 100%;
311
302
  }
303
+ .mce-content-body[data-mce-placeholder] {
304
+ position: relative;
305
+ }
306
+ .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
307
+ color: rgba(34, 47, 62, 0.7);
308
+ content: attr(data-mce-placeholder);
309
+ position: absolute;
310
+ }
311
+ .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
312
+ left: 1px;
313
+ }
314
+ .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
315
+ right: 1px;
316
+ }
312
317
  .mce-content-body div.mce-resizehandle {
313
318
  background-color: #4099ff;
314
319
  border-color: #4099ff;
@@ -318,7 +323,7 @@ pre[class*="language-"] {
318
323
  height: 10px;
319
324
  position: absolute;
320
325
  width: 10px;
321
- z-index: 10000;
326
+ z-index: 1298;
322
327
  }
323
328
  .mce-content-body div.mce-resizehandle:hover {
324
329
  background-color: #4099ff;
@@ -335,11 +340,19 @@ pre[class*="language-"] {
335
340
  .mce-content-body div.mce-resizehandle:nth-of-type(4) {
336
341
  cursor: nesw-resize;
337
342
  }
343
+ .mce-content-body .mce-resize-backdrop {
344
+ z-index: 10000;
345
+ }
338
346
  .mce-content-body .mce-clonedresizable {
347
+ cursor: default;
339
348
  opacity: 0.5;
340
349
  outline: 1px dashed black;
341
350
  position: absolute;
342
- z-index: 10000;
351
+ z-index: 10001;
352
+ }
353
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
354
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
355
+ border: 0;
343
356
  }
344
357
  .mce-content-body .mce-resize-helper {
345
358
  background: #555;
@@ -355,7 +368,76 @@ pre[class*="language-"] {
355
368
  padding: 5px;
356
369
  position: absolute;
357
370
  white-space: nowrap;
358
- z-index: 10001;
371
+ z-index: 10002;
372
+ }
373
+ .tox-rtc-user-selection {
374
+ position: relative;
375
+ }
376
+ .tox-rtc-user-cursor {
377
+ bottom: 0;
378
+ cursor: default;
379
+ position: absolute;
380
+ top: 0;
381
+ width: 2px;
382
+ }
383
+ .tox-rtc-user-cursor::before {
384
+ background-color: inherit;
385
+ border-radius: 50%;
386
+ content: '';
387
+ display: block;
388
+ height: 8px;
389
+ position: absolute;
390
+ right: -3px;
391
+ top: -3px;
392
+ width: 8px;
393
+ }
394
+ .tox-rtc-user-cursor:hover::after {
395
+ background-color: inherit;
396
+ border-radius: 100px;
397
+ box-sizing: border-box;
398
+ color: #fff;
399
+ content: attr(data-user);
400
+ display: block;
401
+ font-size: 12px;
402
+ font-weight: bold;
403
+ left: -5px;
404
+ min-height: 8px;
405
+ min-width: 8px;
406
+ padding: 0 12px;
407
+ position: absolute;
408
+ top: -11px;
409
+ white-space: nowrap;
410
+ z-index: 1000;
411
+ }
412
+ .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
413
+ background-color: #2dc26b;
414
+ }
415
+ .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
416
+ background-color: #e03e2d;
417
+ }
418
+ .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
419
+ background-color: #f1c40f;
420
+ }
421
+ .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
422
+ background-color: #3598db;
423
+ }
424
+ .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
425
+ background-color: #b96ad9;
426
+ }
427
+ .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
428
+ background-color: #e67e23;
429
+ }
430
+ .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
431
+ background-color: #aaa69d;
432
+ }
433
+ .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
434
+ background-color: #f368e0;
435
+ }
436
+ .tox-rtc-remote-image {
437
+ background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
438
+ border: 1px solid #ccc;
439
+ min-height: 240px;
440
+ min-width: 320px;
359
441
  }
360
442
  .mce-match-marker {
361
443
  background: #aaa;
@@ -365,7 +447,19 @@ pre[class*="language-"] {
365
447
  background: #39f;
366
448
  color: #fff;
367
449
  }
450
+ .mce-match-marker-selected::-moz-selection {
451
+ background: #39f;
452
+ color: #fff;
453
+ }
454
+ .mce-match-marker-selected::selection {
455
+ background: #39f;
456
+ color: #fff;
457
+ }
368
458
  .mce-content-body img[data-mce-selected],
459
+ .mce-content-body video[data-mce-selected],
460
+ .mce-content-body audio[data-mce-selected],
461
+ .mce-content-body object[data-mce-selected],
462
+ .mce-content-body embed[data-mce-selected],
369
463
  .mce-content-body table[data-mce-selected] {
370
464
  outline: 3px solid #b4d7ff;
371
465
  }
@@ -395,7 +489,7 @@ pre[class*="language-"] {
395
489
  }
396
490
  .mce-content-body td[data-mce-selected],
397
491
  .mce-content-body th[data-mce-selected] {
398
- background-color: #b4d7ff !important;
492
+ position: relative;
399
493
  }
400
494
  .mce-content-body td[data-mce-selected]::-moz-selection,
401
495
  .mce-content-body th[data-mce-selected]::-moz-selection {
@@ -407,12 +501,31 @@ pre[class*="language-"] {
407
501
  }
408
502
  .mce-content-body td[data-mce-selected] *,
409
503
  .mce-content-body th[data-mce-selected] * {
504
+ outline: none;
410
505
  -webkit-touch-callout: none;
411
506
  -webkit-user-select: none;
412
507
  -moz-user-select: none;
413
508
  -ms-user-select: none;
414
509
  user-select: none;
415
510
  }
511
+ .mce-content-body td[data-mce-selected]::after,
512
+ .mce-content-body th[data-mce-selected]::after {
513
+ background-color: rgba(180, 215, 255, 0.7);
514
+ border: 1px solid rgba(180, 215, 255, 0.7);
515
+ bottom: -1px;
516
+ content: '';
517
+ left: -1px;
518
+ mix-blend-mode: multiply;
519
+ position: absolute;
520
+ right: -1px;
521
+ top: -1px;
522
+ }
523
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
524
+ .mce-content-body td[data-mce-selected]::after,
525
+ .mce-content-body th[data-mce-selected]::after {
526
+ border-color: rgba(0, 84, 180, 0.7);
527
+ }
528
+ }
416
529
  .mce-content-body img::-moz-selection {
417
530
  background: none;
418
531
  }
@@ -422,6 +535,10 @@ pre[class*="language-"] {
422
535
  .ephox-snooker-resizer-bar {
423
536
  background-color: #b4d7ff;
424
537
  opacity: 0;
538
+ -webkit-user-select: none;
539
+ -moz-user-select: none;
540
+ -ms-user-select: none;
541
+ user-select: none;
425
542
  }
426
543
  .ephox-snooker-resizer-cols {
427
544
  cursor: col-resize;
@@ -456,10 +573,18 @@ pre[class*="language-"] {
456
573
  .mce-toc li {
457
574
  list-style-type: none;
458
575
  }
459
- .mce-item-table,
460
- .mce-item-table td,
461
- .mce-item-table th,
462
- .mce-item-table caption {
576
+ table[style*="border-width: 0px"],
577
+ .mce-item-table:not([border]),
578
+ .mce-item-table[border="0"],
579
+ table[style*="border-width: 0px"] td,
580
+ .mce-item-table:not([border]) td,
581
+ .mce-item-table[border="0"] td,
582
+ table[style*="border-width: 0px"] th,
583
+ .mce-item-table:not([border]) th,
584
+ .mce-item-table[border="0"] th,
585
+ table[style*="border-width: 0px"] caption,
586
+ .mce-item-table:not([border]) caption,
587
+ .mce-item-table[border="0"] caption {
463
588
  border: 1px dashed #bbb;
464
589
  }
465
590
  .mce-visualblocks p,