trestle-tinymce 0.4.0.pre → 0.4.0.pre2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/rspec.yml +18 -0
  3. data/.rspec +1 -0
  4. data/README.md +28 -10
  5. data/Rakefile +5 -0
  6. data/app/assets/bundle/tinymce/skins/ui/trestle/{content.css → tinymce-5/content.css} +1 -1
  7. data/app/assets/bundle/tinymce/skins/ui/trestle/{content.inline.css → tinymce-5/content.inline.css} +1 -1
  8. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-5/content.inline.min.css +8 -0
  9. data/app/assets/bundle/tinymce/skins/ui/trestle/{content.inline.min.css.map → tinymce-5/content.inline.min.css.map} +1 -1
  10. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-5/content.min.css +8 -0
  11. data/app/assets/bundle/tinymce/skins/ui/trestle/{content.min.css.map → tinymce-5/content.min.css.map} +1 -1
  12. data/app/assets/bundle/tinymce/skins/ui/trestle/{skin.css → tinymce-5/skin.css} +13 -13
  13. data/app/assets/bundle/tinymce/skins/ui/trestle/{skin.min.css → tinymce-5/skin.min.css} +1 -1
  14. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-5/skin.min.css.map +1 -0
  15. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.css +791 -0
  16. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.inline.css +779 -0
  17. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.inline.js +2 -0
  18. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.inline.js.map +1 -0
  19. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.inline.min.css +2 -0
  20. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.inline.min.css.map +1 -0
  21. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.js +2 -0
  22. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.js.map +1 -0
  23. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.min.css +2 -0
  24. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/content.min.css.map +1 -0
  25. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.css +3879 -0
  26. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.js +2 -0
  27. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.js.map +1 -0
  28. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.min.css +2 -0
  29. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.min.css.map +1 -0
  30. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.shadowdom.css +30 -0
  31. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.shadowdom.js +2 -0
  32. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.shadowdom.js.map +1 -0
  33. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.shadowdom.min.css +2 -0
  34. data/app/assets/bundle/tinymce/skins/ui/trestle/tinymce-6/skin.shadowdom.min.css.map +1 -0
  35. data/app/assets/bundle/trestle/tinymce.js +1 -1
  36. data/config/initializers/trestle.rb +10 -13
  37. data/frontend/js/controllers/tinymce_controller.js +8 -1
  38. data/frontend/js/index.js +7 -0
  39. data/lib/trestle/tinymce/configuration.rb +7 -0
  40. data/lib/trestle/tinymce/engine.rb +4 -2
  41. data/lib/trestle/tinymce/version.rb +1 -1
  42. data/lib/trestle/tinymce.rb +4 -0
  43. data/package.json +2 -2
  44. data/src/{trestle → tinymce-5}/skin.less +30 -7
  45. data/src/tinymce-6/content.inline.less +1 -0
  46. data/src/tinymce-6/content.less +16 -0
  47. data/src/tinymce-6/skin.less +297 -0
  48. data/src/tinymce-6/skin.shadowdom.less +1 -0
  49. data/trestle-tinymce.gemspec +4 -2
  50. data/yarn.lock +1156 -1233
  51. metadata +71 -26
  52. data/app/assets/bundle/tinymce/skins/ui/trestle/content.inline.min.css +0 -8
  53. data/app/assets/bundle/tinymce/skins/ui/trestle/content.min.css +0 -8
  54. data/app/assets/bundle/tinymce/skins/ui/trestle/skin.min.css.map +0 -1
  55. /data/app/assets/bundle/tinymce/skins/ui/trestle/{content.mobile.css → tinymce-5/content.mobile.css} +0 -0
  56. /data/app/assets/bundle/tinymce/skins/ui/trestle/{content.mobile.min.css → tinymce-5/content.mobile.min.css} +0 -0
  57. /data/app/assets/bundle/tinymce/skins/ui/trestle/{content.mobile.min.css.map → tinymce-5/content.mobile.min.css.map} +0 -0
  58. /data/app/assets/bundle/tinymce/skins/ui/trestle/{fonts → tinymce-5/fonts}/tinymce-mobile.woff +0 -0
  59. /data/app/assets/bundle/tinymce/skins/ui/trestle/{skin.mobile.css → tinymce-5/skin.mobile.css} +0 -0
  60. /data/app/assets/bundle/tinymce/skins/ui/trestle/{skin.mobile.min.css → tinymce-5/skin.mobile.min.css} +0 -0
  61. /data/app/assets/bundle/tinymce/skins/ui/trestle/{skin.mobile.min.css.map → tinymce-5/skin.mobile.min.css.map} +0 -0
  62. /data/src/{trestle → tinymce-5}/content.inline.less +0 -0
  63. /data/src/{trestle → tinymce-5}/content.less +0 -0
  64. /data/src/{trestle → tinymce-5}/content.mobile.less +0 -0
  65. /data/src/{trestle → tinymce-5}/skin.mobile.less +0 -0
@@ -0,0 +1,779 @@
1
+ .mce-content-body .mce-item-anchor {
2
+ background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
3
+ }
4
+ .mce-content-body .mce-item-anchor:empty {
5
+ cursor: default;
6
+ display: inline-block;
7
+ height: 12px !important;
8
+ padding: 0 2px;
9
+ -webkit-user-modify: read-only;
10
+ -moz-user-modify: read-only;
11
+ -webkit-user-select: all;
12
+ -moz-user-select: all;
13
+ user-select: all;
14
+ width: 8px !important;
15
+ }
16
+ .mce-content-body .mce-item-anchor:not(:empty) {
17
+ background-position-x: 2px;
18
+ display: inline-block;
19
+ padding-left: 12px;
20
+ }
21
+ .mce-content-body .mce-item-anchor[data-mce-selected] {
22
+ outline-offset: 1px;
23
+ }
24
+ .tox-comments-visible .tox-comment[contenteditable="false"]:not([data-mce-selected]),
25
+ .tox-comments-visible span.tox-comment img:not([data-mce-selected]),
26
+ .tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
27
+ .tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
28
+ .tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]) {
29
+ outline: 3px solid #ffe89d;
30
+ }
31
+ .tox-comments-visible .tox-comment[contenteditable="false"][data-mce-annotation-active="true"]:not([data-mce-selected]) {
32
+ outline: 3px solid #fed635;
33
+ }
34
+ .tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] img:not([data-mce-selected]),
35
+ .tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > audio:not([data-mce-selected]),
36
+ .tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] > video:not([data-mce-selected]),
37
+ .tox-comments-visible span.tox-comment[data-mce-annotation-active="true"] span.mce-preview-object:not([data-mce-selected]) {
38
+ outline: 3px solid #fed635;
39
+ }
40
+ .tox-comments-visible span.tox-comment:not([data-mce-selected]) {
41
+ background-color: #ffe89d;
42
+ outline: none;
43
+ }
44
+ .tox-comments-visible span.tox-comment[data-mce-annotation-active="true"]:not([data-mce-selected="inline-boundary"]) {
45
+ background-color: #fed635;
46
+ }
47
+ .tox-checklist > li:not(.tox-checklist--hidden) {
48
+ list-style: none;
49
+ margin: 0.25em 0;
50
+ }
51
+ .tox-checklist > li:not(.tox-checklist--hidden)::before {
52
+ 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");
53
+ cursor: pointer;
54
+ height: 1em;
55
+ margin-left: -1.5em;
56
+ margin-top: 0.125em;
57
+ position: absolute;
58
+ width: 1em;
59
+ }
60
+ .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
61
+ 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");
62
+ }
63
+ [dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
64
+ margin-left: 0;
65
+ margin-right: -1.5em;
66
+ }
67
+ /* stylelint-disable */
68
+ /* http://prismjs.com/ */
69
+ /**
70
+ * prism.js default theme for JavaScript, CSS and HTML
71
+ * Based on dabblet (http://dabblet.com)
72
+ * @author Lea Verou
73
+ */
74
+ code[class*="language-"],
75
+ pre[class*="language-"] {
76
+ color: black;
77
+ background: none;
78
+ text-shadow: 0 1px white;
79
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
80
+ font-size: 1em;
81
+ text-align: left;
82
+ white-space: pre;
83
+ word-spacing: normal;
84
+ word-break: normal;
85
+ word-wrap: normal;
86
+ line-height: 1.5;
87
+ -moz-tab-size: 4;
88
+ tab-size: 4;
89
+ -webkit-hyphens: none;
90
+ hyphens: none;
91
+ }
92
+ pre[class*="language-"]::-moz-selection,
93
+ pre[class*="language-"] ::-moz-selection,
94
+ code[class*="language-"]::-moz-selection,
95
+ code[class*="language-"] ::-moz-selection {
96
+ text-shadow: none;
97
+ background: #b3d4fc;
98
+ }
99
+ pre[class*="language-"]::selection,
100
+ pre[class*="language-"] ::selection,
101
+ code[class*="language-"]::selection,
102
+ code[class*="language-"] ::selection {
103
+ text-shadow: none;
104
+ background: #b3d4fc;
105
+ }
106
+ @media print {
107
+ code[class*="language-"],
108
+ pre[class*="language-"] {
109
+ text-shadow: none;
110
+ }
111
+ }
112
+ /* Code blocks */
113
+ pre[class*="language-"] {
114
+ padding: 1em;
115
+ margin: 0.5em 0;
116
+ overflow: auto;
117
+ }
118
+ :not(pre) > code[class*="language-"],
119
+ pre[class*="language-"] {
120
+ background: #f5f2f0;
121
+ }
122
+ /* Inline code */
123
+ :not(pre) > code[class*="language-"] {
124
+ padding: 0.1em;
125
+ border-radius: 0.3em;
126
+ white-space: normal;
127
+ }
128
+ .token.comment,
129
+ .token.prolog,
130
+ .token.doctype,
131
+ .token.cdata {
132
+ color: slategray;
133
+ }
134
+ .token.punctuation {
135
+ color: #999;
136
+ }
137
+ .token.namespace {
138
+ opacity: 0.7;
139
+ }
140
+ .token.property,
141
+ .token.tag,
142
+ .token.boolean,
143
+ .token.number,
144
+ .token.constant,
145
+ .token.symbol,
146
+ .token.deleted {
147
+ color: #905;
148
+ }
149
+ .token.selector,
150
+ .token.attr-name,
151
+ .token.string,
152
+ .token.char,
153
+ .token.builtin,
154
+ .token.inserted {
155
+ color: #690;
156
+ }
157
+ .token.operator,
158
+ .token.entity,
159
+ .token.url,
160
+ .language-css .token.string,
161
+ .style .token.string {
162
+ color: #9a6e3a;
163
+ /* This background color was intended by the author of this theme. */
164
+ background: hsla(0, 0%, 100%, 0.5);
165
+ }
166
+ .token.atrule,
167
+ .token.attr-value,
168
+ .token.keyword {
169
+ color: #07a;
170
+ }
171
+ .token.function,
172
+ .token.class-name {
173
+ color: #DD4A68;
174
+ }
175
+ .token.regex,
176
+ .token.important,
177
+ .token.variable {
178
+ color: #e90;
179
+ }
180
+ .token.important,
181
+ .token.bold {
182
+ font-weight: bold;
183
+ }
184
+ .token.italic {
185
+ font-style: italic;
186
+ }
187
+ .token.entity {
188
+ cursor: help;
189
+ }
190
+ /* stylelint-enable */
191
+ .mce-content-body {
192
+ overflow-wrap: break-word;
193
+ word-wrap: break-word;
194
+ }
195
+ .mce-content-body .mce-visual-caret {
196
+ background-color: black;
197
+ background-color: currentColor;
198
+ position: absolute;
199
+ }
200
+ .mce-content-body .mce-visual-caret-hidden {
201
+ display: none;
202
+ }
203
+ .mce-content-body *[data-mce-caret] {
204
+ left: -1000px;
205
+ margin: 0;
206
+ padding: 0;
207
+ position: absolute;
208
+ right: auto;
209
+ top: 0;
210
+ }
211
+ .mce-content-body .mce-offscreen-selection {
212
+ left: -2000000px;
213
+ max-width: 1000000px;
214
+ position: absolute;
215
+ }
216
+ .mce-content-body *[contentEditable=false] {
217
+ cursor: default;
218
+ }
219
+ .mce-content-body *[contentEditable=true] {
220
+ cursor: text;
221
+ }
222
+ .tox-cursor-format-painter {
223
+ cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
224
+ }
225
+ div.mce-footnotes hr {
226
+ margin-inline-end: auto;
227
+ margin-inline-start: 0;
228
+ width: 25%;
229
+ }
230
+ div.mce-footnotes li > a.mce-footnotes-backlink {
231
+ text-decoration: none;
232
+ }
233
+ @media print {
234
+ sup.mce-footnote a {
235
+ color: black;
236
+ text-decoration: none;
237
+ }
238
+ div.mce-footnotes {
239
+ break-inside: avoid;
240
+ width: 100%;
241
+ }
242
+ div.mce-footnotes li > a.mce-footnotes-backlink {
243
+ display: none;
244
+ }
245
+ }
246
+ .mce-content-body figure.align-left {
247
+ float: left;
248
+ }
249
+ .mce-content-body figure.align-right {
250
+ float: right;
251
+ }
252
+ .mce-content-body figure.image.align-center {
253
+ display: table;
254
+ margin-left: auto;
255
+ margin-right: auto;
256
+ }
257
+ .mce-preview-object {
258
+ border: 1px solid gray;
259
+ display: inline-block;
260
+ line-height: 0;
261
+ margin: 0 2px 0 2px;
262
+ position: relative;
263
+ }
264
+ .mce-preview-object .mce-shim {
265
+ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
266
+ height: 100%;
267
+ left: 0;
268
+ position: absolute;
269
+ top: 0;
270
+ width: 100%;
271
+ }
272
+ .mce-preview-object[data-mce-selected="2"] .mce-shim {
273
+ display: none;
274
+ }
275
+ .mce-content-body .mce-mergetag {
276
+ cursor: default !important;
277
+ -webkit-user-select: none;
278
+ -moz-user-select: none;
279
+ user-select: none;
280
+ }
281
+ .mce-content-body .mce-mergetag:hover {
282
+ background-color: rgba(0, 108, 231, 0.1);
283
+ }
284
+ .mce-content-body .mce-mergetag-affix {
285
+ background-color: rgba(0, 108, 231, 0.1);
286
+ color: #006ce7;
287
+ }
288
+ .mce-object {
289
+ background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
290
+ border: 1px dashed #aaa;
291
+ }
292
+ .mce-pagebreak {
293
+ border: 1px dashed #aaa;
294
+ cursor: default;
295
+ display: block;
296
+ height: 5px;
297
+ margin-top: 15px;
298
+ page-break-before: always;
299
+ width: 100%;
300
+ }
301
+ @media print {
302
+ .mce-pagebreak {
303
+ border: 0;
304
+ }
305
+ }
306
+ .tiny-pageembed .mce-shim {
307
+ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
308
+ height: 100%;
309
+ left: 0;
310
+ position: absolute;
311
+ top: 0;
312
+ width: 100%;
313
+ }
314
+ .tiny-pageembed[data-mce-selected="2"] .mce-shim {
315
+ display: none;
316
+ }
317
+ .tiny-pageembed {
318
+ display: inline-block;
319
+ position: relative;
320
+ }
321
+ .tiny-pageembed--21by9,
322
+ .tiny-pageembed--16by9,
323
+ .tiny-pageembed--4by3,
324
+ .tiny-pageembed--1by1 {
325
+ display: block;
326
+ overflow: hidden;
327
+ padding: 0;
328
+ position: relative;
329
+ width: 100%;
330
+ }
331
+ .tiny-pageembed--21by9 {
332
+ padding-top: 42.857143%;
333
+ }
334
+ .tiny-pageembed--16by9 {
335
+ padding-top: 56.25%;
336
+ }
337
+ .tiny-pageembed--4by3 {
338
+ padding-top: 75%;
339
+ }
340
+ .tiny-pageembed--1by1 {
341
+ padding-top: 100%;
342
+ }
343
+ .tiny-pageembed--21by9 iframe,
344
+ .tiny-pageembed--16by9 iframe,
345
+ .tiny-pageembed--4by3 iframe,
346
+ .tiny-pageembed--1by1 iframe {
347
+ border: 0;
348
+ height: 100%;
349
+ left: 0;
350
+ position: absolute;
351
+ top: 0;
352
+ width: 100%;
353
+ }
354
+ .mce-content-body[data-mce-placeholder] {
355
+ position: relative;
356
+ }
357
+ .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
358
+ color: rgba(34, 47, 62, 0.7);
359
+ content: attr(data-mce-placeholder);
360
+ position: absolute;
361
+ }
362
+ .mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
363
+ left: 1px;
364
+ }
365
+ .mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
366
+ right: 1px;
367
+ }
368
+ .mce-content-body div.mce-resizehandle {
369
+ background-color: #4099ff;
370
+ border-color: #4099ff;
371
+ border-style: solid;
372
+ border-width: 1px;
373
+ box-sizing: border-box;
374
+ height: 10px;
375
+ position: absolute;
376
+ width: 10px;
377
+ z-index: 1298;
378
+ }
379
+ .mce-content-body div.mce-resizehandle:hover {
380
+ background-color: #4099ff;
381
+ }
382
+ .mce-content-body div.mce-resizehandle:nth-of-type(1) {
383
+ cursor: nwse-resize;
384
+ }
385
+ .mce-content-body div.mce-resizehandle:nth-of-type(2) {
386
+ cursor: nesw-resize;
387
+ }
388
+ .mce-content-body div.mce-resizehandle:nth-of-type(3) {
389
+ cursor: nwse-resize;
390
+ }
391
+ .mce-content-body div.mce-resizehandle:nth-of-type(4) {
392
+ cursor: nesw-resize;
393
+ }
394
+ .mce-content-body .mce-resize-backdrop {
395
+ z-index: 10000;
396
+ }
397
+ .mce-content-body .mce-clonedresizable {
398
+ cursor: default;
399
+ opacity: 0.5;
400
+ outline: 1px dashed black;
401
+ position: absolute;
402
+ z-index: 10001;
403
+ }
404
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
405
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
406
+ border: 0;
407
+ }
408
+ .mce-content-body .mce-resize-helper {
409
+ background: #555;
410
+ background: rgba(0, 0, 0, 0.75);
411
+ border: 1px;
412
+ border-radius: 3px;
413
+ color: white;
414
+ display: none;
415
+ font-family: sans-serif;
416
+ font-size: 12px;
417
+ line-height: 14px;
418
+ margin: 5px 10px;
419
+ padding: 5px;
420
+ position: absolute;
421
+ white-space: nowrap;
422
+ z-index: 10002;
423
+ }
424
+ .tox-rtc-user-selection {
425
+ position: relative;
426
+ }
427
+ .tox-rtc-user-cursor {
428
+ bottom: 0;
429
+ cursor: default;
430
+ position: absolute;
431
+ top: 0;
432
+ width: 2px;
433
+ }
434
+ .tox-rtc-user-cursor::before {
435
+ background-color: inherit;
436
+ border-radius: 50%;
437
+ content: '';
438
+ display: block;
439
+ height: 8px;
440
+ position: absolute;
441
+ right: -3px;
442
+ top: -3px;
443
+ width: 8px;
444
+ }
445
+ .tox-rtc-user-cursor:hover::after {
446
+ background-color: inherit;
447
+ border-radius: 100px;
448
+ box-sizing: border-box;
449
+ color: #fff;
450
+ content: attr(data-user);
451
+ display: block;
452
+ font-size: 12px;
453
+ font-weight: bold;
454
+ left: -5px;
455
+ min-height: 8px;
456
+ min-width: 8px;
457
+ padding: 0 12px;
458
+ position: absolute;
459
+ top: -11px;
460
+ white-space: nowrap;
461
+ z-index: 1000;
462
+ }
463
+ .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
464
+ background-color: #2dc26b;
465
+ }
466
+ .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
467
+ background-color: #e03e2d;
468
+ }
469
+ .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
470
+ background-color: #f1c40f;
471
+ }
472
+ .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
473
+ background-color: #3598db;
474
+ }
475
+ .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
476
+ background-color: #b96ad9;
477
+ }
478
+ .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
479
+ background-color: #e67e23;
480
+ }
481
+ .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
482
+ background-color: #aaa69d;
483
+ }
484
+ .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
485
+ background-color: #f368e0;
486
+ }
487
+ .tox-rtc-remote-image {
488
+ 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;
489
+ border: 1px solid #ccc;
490
+ min-height: 240px;
491
+ min-width: 320px;
492
+ }
493
+ .mce-match-marker {
494
+ background: #aaa;
495
+ color: #fff;
496
+ }
497
+ .mce-match-marker-selected {
498
+ background: #39f;
499
+ color: #fff;
500
+ }
501
+ .mce-match-marker-selected::-moz-selection {
502
+ background: #39f;
503
+ color: #fff;
504
+ }
505
+ .mce-match-marker-selected::selection {
506
+ background: #39f;
507
+ color: #fff;
508
+ }
509
+ .mce-content-body img[data-mce-selected],
510
+ .mce-content-body video[data-mce-selected],
511
+ .mce-content-body audio[data-mce-selected],
512
+ .mce-content-body object[data-mce-selected],
513
+ .mce-content-body embed[data-mce-selected],
514
+ .mce-content-body table[data-mce-selected],
515
+ .mce-content-body details[data-mce-selected] {
516
+ outline: 3px solid #b4d7ff;
517
+ }
518
+ .mce-content-body hr[data-mce-selected] {
519
+ outline: 3px solid #b4d7ff;
520
+ outline-offset: 1px;
521
+ }
522
+ .mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
523
+ outline: 3px solid #b4d7ff;
524
+ }
525
+ .mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
526
+ outline: 3px solid #b4d7ff;
527
+ }
528
+ .mce-content-body *[contentEditable=false][data-mce-selected] {
529
+ cursor: not-allowed;
530
+ outline: 3px solid #b4d7ff;
531
+ }
532
+ .mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
533
+ .mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
534
+ outline: none;
535
+ }
536
+ .mce-content-body *[data-mce-selected="inline-boundary"] {
537
+ background-color: #b4d7ff;
538
+ }
539
+ .mce-content-body .mce-edit-focus {
540
+ outline: 3px solid #b4d7ff;
541
+ }
542
+ .mce-content-body td[data-mce-selected],
543
+ .mce-content-body th[data-mce-selected] {
544
+ position: relative;
545
+ }
546
+ .mce-content-body td[data-mce-selected]::-moz-selection,
547
+ .mce-content-body th[data-mce-selected]::-moz-selection {
548
+ background: none;
549
+ }
550
+ .mce-content-body td[data-mce-selected]::selection,
551
+ .mce-content-body th[data-mce-selected]::selection {
552
+ background: none;
553
+ }
554
+ .mce-content-body td[data-mce-selected] *,
555
+ .mce-content-body th[data-mce-selected] * {
556
+ outline: none;
557
+ -webkit-touch-callout: none;
558
+ -webkit-user-select: none;
559
+ -moz-user-select: none;
560
+ user-select: none;
561
+ }
562
+ .mce-content-body td[data-mce-selected]::after,
563
+ .mce-content-body th[data-mce-selected]::after {
564
+ background-color: rgba(180, 215, 255, 0.7);
565
+ border: 1px solid rgba(180, 215, 255, 0.7);
566
+ bottom: -1px;
567
+ content: '';
568
+ left: -1px;
569
+ mix-blend-mode: multiply;
570
+ position: absolute;
571
+ right: -1px;
572
+ top: -1px;
573
+ }
574
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
575
+ .mce-content-body td[data-mce-selected]::after,
576
+ .mce-content-body th[data-mce-selected]::after {
577
+ border-color: rgba(0, 84, 180, 0.7);
578
+ }
579
+ }
580
+ .mce-content-body img[data-mce-selected]::-moz-selection {
581
+ background: none;
582
+ }
583
+ .mce-content-body img[data-mce-selected]::selection {
584
+ background: none;
585
+ }
586
+ .ephox-snooker-resizer-bar {
587
+ background-color: #b4d7ff;
588
+ opacity: 0;
589
+ -webkit-user-select: none;
590
+ -moz-user-select: none;
591
+ user-select: none;
592
+ }
593
+ .ephox-snooker-resizer-cols {
594
+ cursor: col-resize;
595
+ }
596
+ .ephox-snooker-resizer-rows {
597
+ cursor: row-resize;
598
+ }
599
+ .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
600
+ opacity: 1;
601
+ }
602
+ .mce-spellchecker-word {
603
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
604
+ background-position: 0 calc(100% + 1px);
605
+ background-repeat: repeat-x;
606
+ background-size: auto 6px;
607
+ cursor: default;
608
+ height: 2rem;
609
+ }
610
+ .mce-spellchecker-grammar {
611
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
612
+ background-position: 0 calc(100% + 1px);
613
+ background-repeat: repeat-x;
614
+ background-size: auto 6px;
615
+ cursor: default;
616
+ }
617
+ .mce-toc {
618
+ border: 1px solid gray;
619
+ }
620
+ .mce-toc h2 {
621
+ margin: 4px;
622
+ }
623
+ .mce-toc ul > li {
624
+ list-style-type: none;
625
+ }
626
+ [data-mce-block] {
627
+ display: block;
628
+ }
629
+ table[style*="border-width: 0px"],
630
+ .mce-item-table:not([border]),
631
+ .mce-item-table[border="0"],
632
+ table[style*="border-width: 0px"] td,
633
+ .mce-item-table:not([border]) td,
634
+ .mce-item-table[border="0"] td,
635
+ table[style*="border-width: 0px"] th,
636
+ .mce-item-table:not([border]) th,
637
+ .mce-item-table[border="0"] th,
638
+ table[style*="border-width: 0px"] caption,
639
+ .mce-item-table:not([border]) caption,
640
+ .mce-item-table[border="0"] caption {
641
+ border: 1px dashed #bbb;
642
+ }
643
+ .mce-visualblocks p,
644
+ .mce-visualblocks h1,
645
+ .mce-visualblocks h2,
646
+ .mce-visualblocks h3,
647
+ .mce-visualblocks h4,
648
+ .mce-visualblocks h5,
649
+ .mce-visualblocks h6,
650
+ .mce-visualblocks div:not([data-mce-bogus]),
651
+ .mce-visualblocks section,
652
+ .mce-visualblocks article,
653
+ .mce-visualblocks blockquote,
654
+ .mce-visualblocks address,
655
+ .mce-visualblocks pre,
656
+ .mce-visualblocks figure,
657
+ .mce-visualblocks figcaption,
658
+ .mce-visualblocks hgroup,
659
+ .mce-visualblocks aside,
660
+ .mce-visualblocks ul,
661
+ .mce-visualblocks ol,
662
+ .mce-visualblocks dl {
663
+ background-repeat: no-repeat;
664
+ border: 1px dashed #bbb;
665
+ margin-left: 3px;
666
+ padding-top: 10px;
667
+ }
668
+ .mce-visualblocks p {
669
+ background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
670
+ }
671
+ .mce-visualblocks h1 {
672
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
673
+ }
674
+ .mce-visualblocks h2 {
675
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
676
+ }
677
+ .mce-visualblocks h3 {
678
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
679
+ }
680
+ .mce-visualblocks h4 {
681
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
682
+ }
683
+ .mce-visualblocks h5 {
684
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
685
+ }
686
+ .mce-visualblocks h6 {
687
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
688
+ }
689
+ .mce-visualblocks div:not([data-mce-bogus]) {
690
+ background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
691
+ }
692
+ .mce-visualblocks section {
693
+ background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
694
+ }
695
+ .mce-visualblocks article {
696
+ background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
697
+ }
698
+ .mce-visualblocks blockquote {
699
+ background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
700
+ }
701
+ .mce-visualblocks address {
702
+ background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
703
+ }
704
+ .mce-visualblocks pre {
705
+ background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
706
+ }
707
+ .mce-visualblocks figure {
708
+ background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
709
+ }
710
+ .mce-visualblocks figcaption {
711
+ border: 1px dashed #bbb;
712
+ }
713
+ .mce-visualblocks hgroup {
714
+ background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
715
+ }
716
+ .mce-visualblocks aside {
717
+ background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
718
+ }
719
+ .mce-visualblocks ul {
720
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
721
+ }
722
+ .mce-visualblocks ol {
723
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
724
+ }
725
+ .mce-visualblocks dl {
726
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
727
+ }
728
+ .mce-visualblocks:not([dir=rtl]) p,
729
+ .mce-visualblocks:not([dir=rtl]) h1,
730
+ .mce-visualblocks:not([dir=rtl]) h2,
731
+ .mce-visualblocks:not([dir=rtl]) h3,
732
+ .mce-visualblocks:not([dir=rtl]) h4,
733
+ .mce-visualblocks:not([dir=rtl]) h5,
734
+ .mce-visualblocks:not([dir=rtl]) h6,
735
+ .mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
736
+ .mce-visualblocks:not([dir=rtl]) section,
737
+ .mce-visualblocks:not([dir=rtl]) article,
738
+ .mce-visualblocks:not([dir=rtl]) blockquote,
739
+ .mce-visualblocks:not([dir=rtl]) address,
740
+ .mce-visualblocks:not([dir=rtl]) pre,
741
+ .mce-visualblocks:not([dir=rtl]) figure,
742
+ .mce-visualblocks:not([dir=rtl]) figcaption,
743
+ .mce-visualblocks:not([dir=rtl]) hgroup,
744
+ .mce-visualblocks:not([dir=rtl]) aside,
745
+ .mce-visualblocks:not([dir=rtl]) ul,
746
+ .mce-visualblocks:not([dir=rtl]) ol,
747
+ .mce-visualblocks:not([dir=rtl]) dl {
748
+ margin-left: 3px;
749
+ }
750
+ .mce-visualblocks[dir=rtl] p,
751
+ .mce-visualblocks[dir=rtl] h1,
752
+ .mce-visualblocks[dir=rtl] h2,
753
+ .mce-visualblocks[dir=rtl] h3,
754
+ .mce-visualblocks[dir=rtl] h4,
755
+ .mce-visualblocks[dir=rtl] h5,
756
+ .mce-visualblocks[dir=rtl] h6,
757
+ .mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
758
+ .mce-visualblocks[dir=rtl] section,
759
+ .mce-visualblocks[dir=rtl] article,
760
+ .mce-visualblocks[dir=rtl] blockquote,
761
+ .mce-visualblocks[dir=rtl] address,
762
+ .mce-visualblocks[dir=rtl] pre,
763
+ .mce-visualblocks[dir=rtl] figure,
764
+ .mce-visualblocks[dir=rtl] figcaption,
765
+ .mce-visualblocks[dir=rtl] hgroup,
766
+ .mce-visualblocks[dir=rtl] aside,
767
+ .mce-visualblocks[dir=rtl] ul,
768
+ .mce-visualblocks[dir=rtl] ol,
769
+ .mce-visualblocks[dir=rtl] dl {
770
+ background-position-x: right;
771
+ margin-right: 3px;
772
+ }
773
+ .mce-nbsp,
774
+ .mce-shy {
775
+ background: #aaa;
776
+ }
777
+ .mce-shy::after {
778
+ content: '-';
779
+ }