@windward/core 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/components/Content/Blocks/Accordion.vue +37 -0
  2. package/components/Content/Blocks/ClickableIcons.vue +107 -20
  3. package/components/Content/Blocks/Email.vue +9 -0
  4. package/components/Content/Blocks/Image.vue +47 -19
  5. package/components/Content/Blocks/Video.vue +80 -9
  6. package/components/Settings/AccordionSettings.vue +53 -0
  7. package/components/Settings/ClickableIconsSettings.vue +84 -7
  8. package/components/Settings/EmailSettings.vue +0 -9
  9. package/components/Settings/ImageSettings.vue +142 -39
  10. package/components/Settings/OpenResponseSettings.vue +1 -2
  11. package/components/Settings/VideoSettings.vue +100 -63
  12. package/components/utils/ContentViewer.vue +6 -1
  13. package/components/utils/MathExpressionEditor.vue +10 -5
  14. package/components/utils/TinyMCEWrapper.vue +114 -18
  15. package/components/utils/assets/tinymce/content/dark/content.scss +4 -0
  16. package/components/utils/assets/tinymce/{css/content.scss → content/global.scss} +38 -37
  17. package/components/utils/assets/tinymce/content/light/content.scss +4 -0
  18. package/components/utils/assets/tinymce/ui/dark/content.scss +803 -0
  19. package/components/utils/assets/tinymce/ui/dark/skin.scss +4727 -0
  20. package/components/utils/assets/tinymce/ui/global.scss +19 -0
  21. package/components/utils/assets/tinymce/ui/light/content.scss +822 -0
  22. package/components/utils/assets/tinymce/ui/light/skin.scss +4731 -0
  23. package/components/utils/glossary/CourseGlossary.vue +1 -1
  24. package/config/tinymce.config.ts +22 -14
  25. package/helpers/FillInBlankHelper.ts +34 -28
  26. package/helpers/GlossaryHelper.ts +90 -73
  27. package/helpers/MathHelper.ts +49 -28
  28. package/helpers/tinymce/plugin.ts +9 -7
  29. package/i18n/en-US/components/settings/clickable_icon.ts +2 -0
  30. package/i18n/en-US/components/settings/image.ts +6 -1
  31. package/i18n/en-US/shared/settings.ts +3 -0
  32. package/i18n/es-ES/components/settings/clickable_icon.ts +2 -0
  33. package/i18n/es-ES/components/settings/image.ts +8 -1
  34. package/i18n/es-ES/shared/settings.ts +3 -0
  35. package/i18n/sv-SE/components/settings/clickable_icon.ts +2 -0
  36. package/i18n/sv-SE/components/settings/image.ts +6 -1
  37. package/i18n/sv-SE/shared/settings.ts +3 -0
  38. package/package.json +4 -3
  39. package/test/Components/Settings/AccordionSettings.spec.js +16 -2
  40. package/test/__mocks__/contentBlockMock.js +6 -0
  41. package/test/__mocks__/contentSettingsMock.js +6 -0
  42. package/test/helpers/MathHelper.spec.js +22 -3
  43. package/tsconfig.json +1 -0
@@ -0,0 +1,803 @@
1
+ .mce-content-body .mce-item-anchor {
2
+ background: transparent
3
+ 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'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A")
4
+ no-repeat center;
5
+ }
6
+ .mce-content-body .mce-item-anchor:empty {
7
+ cursor: default;
8
+ display: inline-block;
9
+ height: 12px !important;
10
+ padding: 0 2px;
11
+ -webkit-user-modify: read-only;
12
+ -moz-user-modify: read-only;
13
+ -webkit-user-select: all;
14
+ -moz-user-select: all;
15
+ user-select: all;
16
+ width: 8px !important;
17
+ }
18
+ .mce-content-body .mce-item-anchor:not(:empty) {
19
+ background-position-x: 2px;
20
+ display: inline-block;
21
+ padding-left: 12px;
22
+ }
23
+ .mce-content-body .mce-item-anchor[data-mce-selected] {
24
+ outline-offset: 1px;
25
+ }
26
+ .tox-comments-visible
27
+ .tox-comment[contenteditable='false']:not([data-mce-selected]),
28
+ .tox-comments-visible span.tox-comment img:not([data-mce-selected]),
29
+ .tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
30
+ .tox-comments-visible span.tox-comment > video:not([data-mce-selected]),
31
+ .tox-comments-visible
32
+ span.tox-comment
33
+ span.mce-preview-object:not([data-mce-selected]) {
34
+ outline: 3px solid #ffe89d;
35
+ }
36
+ .tox-comments-visible
37
+ .tox-comment[contenteditable='false'][data-mce-annotation-active='true']:not([data-mce-selected]) {
38
+ outline: 3px solid #fed635;
39
+ }
40
+ .tox-comments-visible
41
+ span.tox-comment[data-mce-annotation-active='true']
42
+ img:not([data-mce-selected]),
43
+ .tox-comments-visible
44
+ span.tox-comment[data-mce-annotation-active='true']
45
+ > audio:not([data-mce-selected]),
46
+ .tox-comments-visible
47
+ span.tox-comment[data-mce-annotation-active='true']
48
+ > video:not([data-mce-selected]),
49
+ .tox-comments-visible
50
+ span.tox-comment[data-mce-annotation-active='true']
51
+ span.mce-preview-object:not([data-mce-selected]) {
52
+ outline: 3px solid #fed635;
53
+ }
54
+ .tox-comments-visible span.tox-comment:not([data-mce-selected]) {
55
+ background-color: #ffe89d;
56
+ outline: none;
57
+ }
58
+ .tox-comments-visible
59
+ span.tox-comment[data-mce-annotation-active='true']:not([data-mce-selected='inline-boundary']) {
60
+ background-color: #fed635;
61
+ }
62
+ .tox-checklist > li:not(.tox-checklist--hidden) {
63
+ list-style: none;
64
+ margin: 0.25em 0;
65
+ }
66
+ .tox-checklist > li:not(.tox-checklist--hidden)::before {
67
+ 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%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A');
68
+ cursor: pointer;
69
+ height: 1em;
70
+ margin-left: -1.5em;
71
+ margin-top: 0.125em;
72
+ position: absolute;
73
+ width: 1em;
74
+ }
75
+ .tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
76
+ 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');
77
+ }
78
+ [dir='rtl'] .tox-checklist > li:not(.tox-checklist--hidden)::before {
79
+ margin-left: 0;
80
+ margin-right: -1.5em;
81
+ }
82
+ /* stylelint-disable */
83
+ /* http://prismjs.com/ */
84
+ /**
85
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
86
+ * https://draculatheme.com/
87
+ *
88
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
89
+ */
90
+ code[class*='language-'],
91
+ pre[class*='language-'] {
92
+ color: #f8f8f2;
93
+ background: none;
94
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
95
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
96
+ text-align: left;
97
+ white-space: pre;
98
+ word-spacing: normal;
99
+ word-break: normal;
100
+ word-wrap: normal;
101
+ line-height: 1.5;
102
+ -moz-tab-size: 4;
103
+ tab-size: 4;
104
+ -webkit-hyphens: none;
105
+ hyphens: none;
106
+ }
107
+ /* Code blocks */
108
+ pre[class*='language-'] {
109
+ padding: 1em;
110
+ margin: 0.5em 0;
111
+ overflow: auto;
112
+ border-radius: 0.3em;
113
+ }
114
+ :not(pre) > code[class*='language-'],
115
+ pre[class*='language-'] {
116
+ background: #282a36;
117
+ }
118
+ /* Inline code */
119
+ :not(pre) > code[class*='language-'] {
120
+ padding: 0.1em;
121
+ border-radius: 0.3em;
122
+ white-space: normal;
123
+ }
124
+ .token.comment,
125
+ .token.prolog,
126
+ .token.doctype,
127
+ .token.cdata {
128
+ color: #6272a4;
129
+ }
130
+ .token.punctuation {
131
+ color: #f8f8f2;
132
+ }
133
+ .namespace {
134
+ opacity: 0.7;
135
+ }
136
+ .token.property,
137
+ .token.tag,
138
+ .token.constant,
139
+ .token.symbol,
140
+ .token.deleted {
141
+ color: #ff79c6;
142
+ }
143
+ .token.boolean,
144
+ .token.number {
145
+ color: #bd93f9;
146
+ }
147
+ .token.selector,
148
+ .token.attr-name,
149
+ .token.string,
150
+ .token.char,
151
+ .token.builtin,
152
+ .token.inserted {
153
+ color: #50fa7b;
154
+ }
155
+ .token.operator,
156
+ .token.entity,
157
+ .token.url,
158
+ .language-css .token.string,
159
+ .style .token.string,
160
+ .token.variable {
161
+ color: #f8f8f2;
162
+ }
163
+ .token.atrule,
164
+ .token.attr-value,
165
+ .token.function,
166
+ .token.class-name {
167
+ color: #f1fa8c;
168
+ }
169
+ .token.keyword {
170
+ color: #8be9fd;
171
+ }
172
+ .token.regex,
173
+ .token.important {
174
+ color: #ffb86c;
175
+ }
176
+ .token.important,
177
+ .token.bold {
178
+ font-weight: bold;
179
+ }
180
+ .token.italic {
181
+ font-style: italic;
182
+ }
183
+ .token.entity {
184
+ cursor: help;
185
+ }
186
+ /* stylelint-enable */
187
+ .mce-content-body {
188
+ overflow-wrap: break-word;
189
+ word-wrap: break-word;
190
+ }
191
+ .mce-content-body .mce-visual-caret {
192
+ background-color: black;
193
+ background-color: currentColor;
194
+ position: absolute;
195
+ }
196
+ .mce-content-body .mce-visual-caret-hidden {
197
+ display: none;
198
+ }
199
+ .mce-content-body *[data-mce-caret] {
200
+ left: -1000px;
201
+ margin: 0;
202
+ padding: 0;
203
+ position: absolute;
204
+ right: auto;
205
+ top: 0;
206
+ }
207
+ .mce-content-body .mce-offscreen-selection {
208
+ left: -2000000px;
209
+ max-width: 1000000px;
210
+ position: absolute;
211
+ }
212
+ .mce-content-body *[contentEditable='false'] {
213
+ cursor: default;
214
+ }
215
+ .mce-content-body *[contentEditable='true'] {
216
+ cursor: text;
217
+ }
218
+ .tox-cursor-format-painter {
219
+ 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'),
220
+ default;
221
+ }
222
+ div.mce-footnotes hr {
223
+ margin-inline-end: auto;
224
+ margin-inline-start: 0;
225
+ width: 25%;
226
+ }
227
+ div.mce-footnotes li > a.mce-footnotes-backlink {
228
+ text-decoration: none;
229
+ }
230
+ @media print {
231
+ sup.mce-footnote a {
232
+ color: black;
233
+ text-decoration: none;
234
+ }
235
+ div.mce-footnotes {
236
+ break-inside: avoid;
237
+ width: 100%;
238
+ }
239
+ div.mce-footnotes li > a.mce-footnotes-backlink {
240
+ display: none;
241
+ }
242
+ }
243
+ /* stylelint-disable selector-type-no-unknown */
244
+ tiny-math-block {
245
+ display: flex;
246
+ justify-content: center;
247
+ margin: 16px 0 16px 0;
248
+ }
249
+ tiny-math-inline {
250
+ display: inline-block;
251
+ }
252
+ /* stylelint-enable selector-type-no-unknown */
253
+ .mce-content-body figure.align-left {
254
+ float: left;
255
+ }
256
+ .mce-content-body figure.align-right {
257
+ float: right;
258
+ }
259
+ .mce-content-body figure.image.align-center {
260
+ display: table;
261
+ margin-left: auto;
262
+ margin-right: auto;
263
+ }
264
+ .mce-preview-object {
265
+ border: 1px solid gray;
266
+ display: inline-block;
267
+ line-height: 0;
268
+ margin: 0 2px 0 2px;
269
+ position: relative;
270
+ }
271
+ .mce-preview-object .mce-shim {
272
+ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
273
+ height: 100%;
274
+ left: 0;
275
+ position: absolute;
276
+ top: 0;
277
+ width: 100%;
278
+ }
279
+ .mce-preview-object[data-mce-selected='2'] .mce-shim {
280
+ display: none;
281
+ }
282
+ .mce-content-body .mce-mergetag {
283
+ cursor: default !important;
284
+ -webkit-user-select: none;
285
+ -moz-user-select: none;
286
+ user-select: none;
287
+ }
288
+ .mce-content-body .mce-mergetag:hover {
289
+ background-color: rgba(0, 108, 231, 0.3);
290
+ }
291
+ .mce-content-body .mce-mergetag-affix {
292
+ background-color: rgba(0, 108, 231, 0.3);
293
+ color: #006ce7;
294
+ }
295
+ .mce-object {
296
+ background: transparent
297
+ 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%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A')
298
+ no-repeat center;
299
+ border: 1px dashed #aaa;
300
+ }
301
+ .mce-pagebreak {
302
+ border: 1px dashed #aaa;
303
+ cursor: default;
304
+ display: block;
305
+ height: 5px;
306
+ margin-top: 15px;
307
+ page-break-before: always;
308
+ width: 100%;
309
+ }
310
+ @media print {
311
+ .mce-pagebreak {
312
+ border: 0;
313
+ }
314
+ }
315
+ .tiny-pageembed .mce-shim {
316
+ background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
317
+ height: 100%;
318
+ left: 0;
319
+ position: absolute;
320
+ top: 0;
321
+ width: 100%;
322
+ }
323
+ .tiny-pageembed[data-mce-selected='2'] .mce-shim {
324
+ display: none;
325
+ }
326
+ .tiny-pageembed {
327
+ display: inline-block;
328
+ position: relative;
329
+ }
330
+ .tiny-pageembed--21by9,
331
+ .tiny-pageembed--16by9,
332
+ .tiny-pageembed--4by3,
333
+ .tiny-pageembed--1by1 {
334
+ display: block;
335
+ overflow: hidden;
336
+ padding: 0;
337
+ position: relative;
338
+ width: 100%;
339
+ }
340
+ .tiny-pageembed--21by9 {
341
+ padding-top: 42.857143%;
342
+ }
343
+ .tiny-pageembed--16by9 {
344
+ padding-top: 56.25%;
345
+ }
346
+ .tiny-pageembed--4by3 {
347
+ padding-top: 75%;
348
+ }
349
+ .tiny-pageembed--1by1 {
350
+ padding-top: 100%;
351
+ }
352
+ .tiny-pageembed--21by9 iframe,
353
+ .tiny-pageembed--16by9 iframe,
354
+ .tiny-pageembed--4by3 iframe,
355
+ .tiny-pageembed--1by1 iframe {
356
+ border: 0;
357
+ height: 100%;
358
+ left: 0;
359
+ position: absolute;
360
+ top: 0;
361
+ width: 100%;
362
+ }
363
+ .mce-content-body[data-mce-placeholder] {
364
+ position: relative;
365
+ }
366
+ .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
367
+ color: rgba(34, 47, 62, 0.7);
368
+ content: attr(data-mce-placeholder);
369
+ position: absolute;
370
+ }
371
+ @media (forced-colors: active) {
372
+ .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
373
+ color: highlight;
374
+ filter: brightness(30%);
375
+ z-index: -1;
376
+ }
377
+ }
378
+ .mce-content-body:not([dir='rtl'])[data-mce-placeholder]:not(.mce-visualblocks)::before {
379
+ left: 1px;
380
+ }
381
+ .mce-content-body[dir='rtl'][data-mce-placeholder]:not(.mce-visualblocks)::before {
382
+ right: 1px;
383
+ }
384
+ .mce-content-body div.mce-resizehandle {
385
+ background-color: #4099ff;
386
+ border-color: #4099ff;
387
+ border-style: solid;
388
+ border-width: 1px;
389
+ box-sizing: border-box;
390
+ height: 10px;
391
+ position: absolute;
392
+ width: 10px;
393
+ z-index: 1298;
394
+ }
395
+ .mce-content-body div.mce-resizehandle:hover {
396
+ background-color: #4099ff;
397
+ }
398
+ .mce-content-body div.mce-resizehandle:nth-of-type(1) {
399
+ cursor: nwse-resize;
400
+ }
401
+ .mce-content-body div.mce-resizehandle:nth-of-type(2) {
402
+ cursor: nesw-resize;
403
+ }
404
+ .mce-content-body div.mce-resizehandle:nth-of-type(3) {
405
+ cursor: nwse-resize;
406
+ }
407
+ .mce-content-body div.mce-resizehandle:nth-of-type(4) {
408
+ cursor: nesw-resize;
409
+ }
410
+ .mce-content-body .mce-resize-backdrop {
411
+ z-index: 10000;
412
+ }
413
+ .mce-content-body .mce-clonedresizable {
414
+ cursor: default;
415
+ opacity: 0.5;
416
+ outline: 1px dashed black;
417
+ position: absolute;
418
+ z-index: 10001;
419
+ }
420
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
421
+ .mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
422
+ border: 0;
423
+ }
424
+ .mce-content-body .mce-resize-helper {
425
+ background: #555;
426
+ background: rgba(0, 0, 0, 0.75);
427
+ border: 1px;
428
+ border-radius: 3px;
429
+ color: white;
430
+ display: none;
431
+ font-family: sans-serif;
432
+ font-size: 12px;
433
+ line-height: 14px;
434
+ margin: 5px 10px;
435
+ padding: 5px;
436
+ position: absolute;
437
+ white-space: nowrap;
438
+ z-index: 10002;
439
+ }
440
+ .tox-rtc-user-selection {
441
+ position: relative;
442
+ }
443
+ .tox-rtc-user-cursor {
444
+ bottom: 0;
445
+ cursor: default;
446
+ position: absolute;
447
+ top: 0;
448
+ width: 2px;
449
+ }
450
+ .tox-rtc-user-cursor::before {
451
+ background-color: inherit;
452
+ border-radius: 50%;
453
+ content: '';
454
+ display: block;
455
+ height: 8px;
456
+ position: absolute;
457
+ right: -3px;
458
+ top: -3px;
459
+ width: 8px;
460
+ }
461
+ .tox-rtc-user-cursor:hover::after {
462
+ background-color: inherit;
463
+ border-radius: 100px;
464
+ box-sizing: border-box;
465
+ color: #fff;
466
+ content: attr(data-user);
467
+ display: block;
468
+ font-size: 12px;
469
+ font-weight: bold;
470
+ left: -5px;
471
+ min-height: 8px;
472
+ min-width: 8px;
473
+ padding: 0 12px;
474
+ position: absolute;
475
+ top: -11px;
476
+ white-space: nowrap;
477
+ z-index: 1000;
478
+ }
479
+ .tox-rtc-user-selection--1 .tox-rtc-user-cursor {
480
+ background-color: #2dc26b;
481
+ }
482
+ .tox-rtc-user-selection--2 .tox-rtc-user-cursor {
483
+ background-color: #e03e2d;
484
+ }
485
+ .tox-rtc-user-selection--3 .tox-rtc-user-cursor {
486
+ background-color: #f1c40f;
487
+ }
488
+ .tox-rtc-user-selection--4 .tox-rtc-user-cursor {
489
+ background-color: #3598db;
490
+ }
491
+ .tox-rtc-user-selection--5 .tox-rtc-user-cursor {
492
+ background-color: #b96ad9;
493
+ }
494
+ .tox-rtc-user-selection--6 .tox-rtc-user-cursor {
495
+ background-color: #e67e23;
496
+ }
497
+ .tox-rtc-user-selection--7 .tox-rtc-user-cursor {
498
+ background-color: #aaa69d;
499
+ }
500
+ .tox-rtc-user-selection--8 .tox-rtc-user-cursor {
501
+ background-color: #f368e0;
502
+ }
503
+ .tox-rtc-remote-image {
504
+ background: #eaeaea
505
+ 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')
506
+ no-repeat center center;
507
+ border: 1px solid #ccc;
508
+ min-height: 240px;
509
+ min-width: 320px;
510
+ }
511
+ .mce-match-marker {
512
+ background: #aaa;
513
+ color: #fff;
514
+ }
515
+ .mce-match-marker-selected {
516
+ background: #39f;
517
+ color: #fff;
518
+ }
519
+ .mce-match-marker-selected::-moz-selection {
520
+ background: #39f;
521
+ color: #fff;
522
+ }
523
+ .mce-match-marker-selected::selection {
524
+ background: #39f;
525
+ color: #fff;
526
+ }
527
+ .mce-content-body img[data-mce-selected],
528
+ .mce-content-body video[data-mce-selected],
529
+ .mce-content-body audio[data-mce-selected],
530
+ .mce-content-body object[data-mce-selected],
531
+ .mce-content-body embed[data-mce-selected],
532
+ .mce-content-body table[data-mce-selected],
533
+ .mce-content-body details[data-mce-selected] {
534
+ outline: 3px solid #4099ff;
535
+ }
536
+ .mce-content-body hr[data-mce-selected] {
537
+ outline: 3px solid #4099ff;
538
+ outline-offset: 1px;
539
+ }
540
+ .mce-content-body *[contentEditable='false'] *[contentEditable='true']:focus {
541
+ outline: 3px solid #4099ff;
542
+ }
543
+ .mce-content-body *[contentEditable='false'] *[contentEditable='true']:hover {
544
+ outline: 3px solid #4099ff;
545
+ }
546
+ .mce-content-body *[contentEditable='false'][data-mce-selected] {
547
+ cursor: not-allowed;
548
+ outline: 3px solid #4099ff;
549
+ }
550
+ .mce-content-body.mce-content-readonly *[contentEditable='true']:focus,
551
+ .mce-content-body.mce-content-readonly *[contentEditable='true']:hover {
552
+ outline: none;
553
+ }
554
+ .mce-content-body *[data-mce-selected='inline-boundary'] {
555
+ background-color: #4099ff;
556
+ }
557
+ .mce-content-body .mce-edit-focus {
558
+ outline: 3px solid #4099ff;
559
+ }
560
+ .mce-content-body td[data-mce-selected],
561
+ .mce-content-body th[data-mce-selected] {
562
+ position: relative;
563
+ }
564
+ .mce-content-body td[data-mce-selected]::-moz-selection,
565
+ .mce-content-body th[data-mce-selected]::-moz-selection {
566
+ background: none;
567
+ }
568
+ .mce-content-body td[data-mce-selected]::selection,
569
+ .mce-content-body th[data-mce-selected]::selection {
570
+ background: none;
571
+ }
572
+ .mce-content-body td[data-mce-selected] *,
573
+ .mce-content-body th[data-mce-selected] * {
574
+ outline: none;
575
+ -webkit-touch-callout: none;
576
+ -webkit-user-select: none;
577
+ -moz-user-select: none;
578
+ user-select: none;
579
+ }
580
+ .mce-content-body td[data-mce-selected]::after,
581
+ .mce-content-body th[data-mce-selected]::after {
582
+ background-color: rgba(180, 215, 255, 0.7);
583
+ border: 1px solid transparent;
584
+ bottom: -1px;
585
+ content: '';
586
+ left: -1px;
587
+ mix-blend-mode: lighten;
588
+ position: absolute;
589
+ right: -1px;
590
+ top: -1px;
591
+ }
592
+ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
593
+ .mce-content-body td[data-mce-selected]::after,
594
+ .mce-content-body th[data-mce-selected]::after {
595
+ border-color: rgba(0, 84, 180, 0.7);
596
+ }
597
+ }
598
+ .mce-content-body img[data-mce-selected]::-moz-selection {
599
+ background: none;
600
+ }
601
+ .mce-content-body img[data-mce-selected]::selection {
602
+ background: none;
603
+ }
604
+ .ephox-snooker-resizer-bar {
605
+ background-color: #4099ff;
606
+ opacity: 0;
607
+ -webkit-user-select: none;
608
+ -moz-user-select: none;
609
+ user-select: none;
610
+ }
611
+ .ephox-snooker-resizer-cols {
612
+ cursor: col-resize;
613
+ }
614
+ .ephox-snooker-resizer-rows {
615
+ cursor: row-resize;
616
+ }
617
+ .ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
618
+ opacity: 1;
619
+ }
620
+ .mce-spellchecker-word {
621
+ 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");
622
+ background-position: 0 calc(100% + 1px);
623
+ background-repeat: repeat-x;
624
+ background-size: auto 6px;
625
+ cursor: default;
626
+ height: 2rem;
627
+ }
628
+ .mce-spellchecker-grammar {
629
+ 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");
630
+ background-position: 0 calc(100% + 1px);
631
+ background-repeat: repeat-x;
632
+ background-size: auto 6px;
633
+ cursor: default;
634
+ }
635
+ .mce-toc {
636
+ border: 1px solid gray;
637
+ }
638
+ .mce-toc h2 {
639
+ margin: 4px;
640
+ }
641
+ .mce-toc ul > li {
642
+ list-style-type: none;
643
+ }
644
+ [data-mce-block] {
645
+ display: block;
646
+ }
647
+ table[style*='border-width: 0px'],
648
+ .mce-item-table:not([border]),
649
+ .mce-item-table[border='0'],
650
+ table[style*='border-width: 0px'] td,
651
+ .mce-item-table:not([border]) td,
652
+ .mce-item-table[border='0'] td,
653
+ table[style*='border-width: 0px'] th,
654
+ .mce-item-table:not([border]) th,
655
+ .mce-item-table[border='0'] th,
656
+ table[style*='border-width: 0px'] caption,
657
+ .mce-item-table:not([border]) caption,
658
+ .mce-item-table[border='0'] caption {
659
+ border: 1px dashed #bbb;
660
+ }
661
+ .mce-visualblocks p,
662
+ .mce-visualblocks h1,
663
+ .mce-visualblocks h2,
664
+ .mce-visualblocks h3,
665
+ .mce-visualblocks h4,
666
+ .mce-visualblocks h5,
667
+ .mce-visualblocks h6,
668
+ .mce-visualblocks div:not([data-mce-bogus]),
669
+ .mce-visualblocks section,
670
+ .mce-visualblocks article,
671
+ .mce-visualblocks blockquote,
672
+ .mce-visualblocks address,
673
+ .mce-visualblocks pre,
674
+ .mce-visualblocks figure,
675
+ .mce-visualblocks figcaption,
676
+ .mce-visualblocks hgroup,
677
+ .mce-visualblocks aside,
678
+ .mce-visualblocks ul,
679
+ .mce-visualblocks ol,
680
+ .mce-visualblocks dl {
681
+ background-repeat: no-repeat;
682
+ border: 1px dashed #bbb;
683
+ margin-left: 3px;
684
+ padding-top: 10px;
685
+ }
686
+ .mce-visualblocks p {
687
+ background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
688
+ }
689
+ .mce-visualblocks h1 {
690
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
691
+ }
692
+ .mce-visualblocks h2 {
693
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
694
+ }
695
+ .mce-visualblocks h3 {
696
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
697
+ }
698
+ .mce-visualblocks h4 {
699
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
700
+ }
701
+ .mce-visualblocks h5 {
702
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
703
+ }
704
+ .mce-visualblocks h6 {
705
+ background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
706
+ }
707
+ .mce-visualblocks div:not([data-mce-bogus]) {
708
+ background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
709
+ }
710
+ .mce-visualblocks section {
711
+ background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
712
+ }
713
+ .mce-visualblocks article {
714
+ background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
715
+ }
716
+ .mce-visualblocks blockquote {
717
+ background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
718
+ }
719
+ .mce-visualblocks address {
720
+ background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
721
+ }
722
+ .mce-visualblocks pre {
723
+ background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
724
+ }
725
+ .mce-visualblocks figure {
726
+ background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
727
+ }
728
+ .mce-visualblocks figcaption {
729
+ border: 1px dashed #bbb;
730
+ }
731
+ .mce-visualblocks hgroup {
732
+ background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
733
+ }
734
+ .mce-visualblocks aside {
735
+ background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
736
+ }
737
+ .mce-visualblocks ul {
738
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
739
+ }
740
+ .mce-visualblocks ol {
741
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
742
+ }
743
+ .mce-visualblocks dl {
744
+ background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
745
+ }
746
+ .mce-visualblocks:not([dir='rtl']) p,
747
+ .mce-visualblocks:not([dir='rtl']) h1,
748
+ .mce-visualblocks:not([dir='rtl']) h2,
749
+ .mce-visualblocks:not([dir='rtl']) h3,
750
+ .mce-visualblocks:not([dir='rtl']) h4,
751
+ .mce-visualblocks:not([dir='rtl']) h5,
752
+ .mce-visualblocks:not([dir='rtl']) h6,
753
+ .mce-visualblocks:not([dir='rtl']) div:not([data-mce-bogus]),
754
+ .mce-visualblocks:not([dir='rtl']) section,
755
+ .mce-visualblocks:not([dir='rtl']) article,
756
+ .mce-visualblocks:not([dir='rtl']) blockquote,
757
+ .mce-visualblocks:not([dir='rtl']) address,
758
+ .mce-visualblocks:not([dir='rtl']) pre,
759
+ .mce-visualblocks:not([dir='rtl']) figure,
760
+ .mce-visualblocks:not([dir='rtl']) figcaption,
761
+ .mce-visualblocks:not([dir='rtl']) hgroup,
762
+ .mce-visualblocks:not([dir='rtl']) aside,
763
+ .mce-visualblocks:not([dir='rtl']) ul,
764
+ .mce-visualblocks:not([dir='rtl']) ol,
765
+ .mce-visualblocks:not([dir='rtl']) dl {
766
+ margin-left: 3px;
767
+ }
768
+ .mce-visualblocks[dir='rtl'] p,
769
+ .mce-visualblocks[dir='rtl'] h1,
770
+ .mce-visualblocks[dir='rtl'] h2,
771
+ .mce-visualblocks[dir='rtl'] h3,
772
+ .mce-visualblocks[dir='rtl'] h4,
773
+ .mce-visualblocks[dir='rtl'] h5,
774
+ .mce-visualblocks[dir='rtl'] h6,
775
+ .mce-visualblocks[dir='rtl'] div:not([data-mce-bogus]),
776
+ .mce-visualblocks[dir='rtl'] section,
777
+ .mce-visualblocks[dir='rtl'] article,
778
+ .mce-visualblocks[dir='rtl'] blockquote,
779
+ .mce-visualblocks[dir='rtl'] address,
780
+ .mce-visualblocks[dir='rtl'] pre,
781
+ .mce-visualblocks[dir='rtl'] figure,
782
+ .mce-visualblocks[dir='rtl'] figcaption,
783
+ .mce-visualblocks[dir='rtl'] hgroup,
784
+ .mce-visualblocks[dir='rtl'] aside,
785
+ .mce-visualblocks[dir='rtl'] ul,
786
+ .mce-visualblocks[dir='rtl'] ol,
787
+ .mce-visualblocks[dir='rtl'] dl {
788
+ background-position-x: right;
789
+ margin-right: 3px;
790
+ }
791
+ .mce-nbsp,
792
+ .mce-shy {
793
+ background: #aaa;
794
+ }
795
+ .mce-shy::after {
796
+ content: '-';
797
+ }
798
+ body {
799
+ font-family: sans-serif;
800
+ }
801
+ table {
802
+ border-collapse: collapse;
803
+ }