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
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
 
data/app/assets/javascripts/tinymce/skins/ui/trestle/content.css CHANGED
@@ -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,
data/app/assets/javascripts/tinymce/skins/ui/trestle/content.inline.css CHANGED
@@ -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,