canrd-outside / order-erp-front · Commits

Commit edc7525103f2e0fd90562b2e30839c11ed62556d

Authored by Vben
1 parent 5b8eb4a4

perf: delete tinymce useless style files

Inline Side-by-side
Showing 19 changed files with 4 additions and 9134 deletions
public/resource/tinymce/skins/content/default/content.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -body {
8   - margin: 1rem;
9   - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
10   - line-height: 1.4;
11   -}
12   -
13   -table {
14   - border-collapse: collapse;
15   -}
16   -
17   -table th,
18   -table td {
19   - padding: 0.4rem;
20   - border: 1px solid #ccc;
21   -}
22   -
23   -figure {
24   - display: table;
25   - margin: 1rem auto;
26   -}
27   -
28   -figure figcaption {
29   - display: block;
30   - margin-top: 0.25rem;
31   - color: #999;
32   - text-align: center;
33   -}
34   -
35   -hr {
36   - border-color: #ccc;
37   - border-style: solid;
38   - border-width: 1px 0 0 0;
39   -}
40   -
41   -code {
42   - padding: 0.1rem 0.2rem;
43   - background-color: #e8e8e8;
44   - border-radius: 3px;
45   -}
46   -
47   -.mce-content-body:not([dir=rtl]) blockquote {
48   - padding-left: 1rem;
49   - margin-left: 1.5rem;
50   - border-left: 2px solid #ccc;
51   -}
52   -
53   -.mce-content-body[dir=rtl] blockquote {
54   - padding-right: 1rem;
55   - margin-right: 1.5rem;
56   - border-right: 2px solid #ccc;
57   -}
58 0 \ No newline at end of file
public/resource/tinymce/skins/content/default/content.min.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -body{margin: 1rem;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height: 1.4;}
8   -
9   -table{border-collapse: collapse;}
10   -
11   -table td,table th{padding: .4rem;border: 1px solid #ccc;}
12   -
13   -figure{display: table;margin: 1rem auto;}
14   -
15   -figure figcaption{display: block;margin-top: .25rem;color: #999;text-align: center;}
16   -
17   -hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
18   -
19   -code{padding: .1rem .2rem;background-color: #e8e8e8;border-radius: 3px;}
20   -
21   -.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
22   -
23   -.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}
public/resource/tinymce/skins/content/document/content.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -@media screen {
8   - html {
9   - background: #f4f4f4;
10   - }
11   -}
12   -
13   -body {
14   - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
15   -}
16   -@media screen {
17   - body {
18   - max-width: 820px;
19   - min-height: calc(100vh - 1rem);
20   - padding: 4rem 6rem 6rem 6rem;
21   - margin: 1rem auto 0;
22   - background-color: #fff;
23   - box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
24   - box-sizing: border-box;
25   - }
26   -}
27   -
28   -table {
29   - border-collapse: collapse;
30   -}
31   -
32   -table th,
33   -table td {
34   - padding: 0.4rem;
35   - border: 1px solid #ccc;
36   -}
37   -
38   -figure figcaption {
39   - margin-top: 0.25rem;
40   - color: #999;
41   - text-align: center;
42   -}
43   -
44   -hr {
45   - border-color: #ccc;
46   - border-style: solid;
47   - border-width: 1px 0 0 0;
48   -}
49   -
50   -.mce-content-body:not([dir=rtl]) blockquote {
51   - padding-left: 1rem;
52   - margin-left: 1.5rem;
53   - border-left: 2px solid #ccc;
54   -}
55   -
56   -.mce-content-body[dir=rtl] blockquote {
57   - padding-right: 1rem;
58   - margin-right: 1.5rem;
59   - border-right: 2px solid #ccc;
60   -}
61 0 \ No newline at end of file
public/resource/tinymce/skins/content/document/content.min.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -@media screen{html{background: #f4f4f4;}}
8   -
9   -body{font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;}@media screen{body{max-width: 820px;min-height: calc(100vh - 1rem);padding: 4rem 6rem 6rem 6rem;margin: 1rem auto 0;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,.15);box-sizing: border-box;}}
10   -
11   -table{border-collapse: collapse;}
12   -
13   -table td,table th{padding: .4rem;border: 1px solid #ccc;}
14   -
15   -figure figcaption{margin-top: .25rem;color: #999;text-align: center;}
16   -
17   -hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
18   -
19   -.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
20   -
21   -.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}
public/resource/tinymce/skins/content/writer/content.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -body {
8   - max-width: 900px;
9   - margin: 1rem auto;
10   - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
11   - line-height: 1.4;
12   -}
13   -
14   -table {
15   - border-collapse: collapse;
16   -}
17   -
18   -table th,
19   -table td {
20   - padding: 0.4rem;
21   - border: 1px solid #ccc;
22   -}
23   -
24   -figure {
25   - display: table;
26   - margin: 1rem auto;
27   -}
28   -
29   -figure figcaption {
30   - display: block;
31   - margin-top: 0.25rem;
32   - color: #999;
33   - text-align: center;
34   -}
35   -
36   -hr {
37   - border-color: #ccc;
38   - border-style: solid;
39   - border-width: 1px 0 0 0;
40   -}
41   -
42   -code {
43   - padding: 0.1rem 0.2rem;
44   - background-color: #e8e8e8;
45   - border-radius: 3px;
46   -}
47   -
48   -.mce-content-body:not([dir=rtl]) blockquote {
49   - padding-left: 1rem;
50   - margin-left: 1.5rem;
51   - border-left: 2px solid #ccc;
52   -}
53   -
54   -.mce-content-body[dir=rtl] blockquote {
55   - padding-right: 1rem;
56   - margin-right: 1.5rem;
57   - border-right: 2px solid #ccc;
58   -}
59 0 \ No newline at end of file
public/resource/tinymce/skins/content/writer/content.min.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -body{max-width: 900px;margin: 1rem auto;font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height: 1.4;}
8   -
9   -table{border-collapse: collapse;}
10   -
11   -table td,table th{padding: .4rem;border: 1px solid #ccc;}
12   -
13   -figure{display: table;margin: 1rem auto;}
14   -
15   -figure figcaption{display: block;margin-top: .25rem;color: #999;text-align: center;}
16   -
17   -hr{border-color: #ccc;border-style: solid;border-width: 1px 0 0 0;}
18   -
19   -code{padding: .1rem .2rem;background-color: #e8e8e8;border-radius: 3px;}
20   -
21   -.mce-content-body:not([dir=rtl]) blockquote{padding-left: 1rem;margin-left: 1.5rem;border-left: 2px solid #ccc;}
22   -
23   -.mce-content-body[dir=rtl] blockquote{padding-right: 1rem;margin-right: 1.5rem;border-right: 2px solid #ccc;}
public/resource/tinymce/skins/ui/oxide-dark/content.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.mce-content-body .mce-item-anchor {
8   - 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;
9   - cursor: default;
10   - display: inline-block;
11   - height: 12px !important;
12   - padding: 0 2px;
13   - -webkit-user-modify: read-only;
14   - -moz-user-modify: read-only;
15   - -webkit-user-select: all;
16   - -moz-user-select: all;
17   - -ms-user-select: all;
18   - user-select: all;
19   - width: 8px !important;
20   -}
21   -.mce-content-body .mce-item-anchor[data-mce-selected] {
22   - outline-offset: 1px;
23   -}
24   -.tox-comments-visible .tox-comment {
25   - background-color: #fff0b7;
26   -}
27   -.tox-comments-visible .tox-comment--active {
28   - background-color: #ffe168;
29   -}
30   -.tox-checklist > li:not(.tox-checklist--hidden) {
31   - list-style: none;
32   - margin: 0.25em 0;
33   -}
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: '';
38   - cursor: pointer;
39   - height: 1em;
40   - margin-left: -1.5em;
41   - margin-top: 0.125em;
42   - position: absolute;
43   - width: 1em;
44   -}
45   -.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");
47   -}
48   -[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
49   - margin-left: 0;
50   - margin-right: -1.5em;
51   -}
52   -/* stylelint-disable */
53   -/* http://prismjs.com/ */
54   -/**
55   - * prism.js default theme for JavaScript, CSS and HTML
56   - * Based on dabblet (http://dabblet.com)
57   - * @author Lea Verou
58   - */
59   -code[class*="language-"],
60   -pre[class*="language-"] {
61   - color: black;
62   - text-shadow: 0 1px white;
63   - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
64   - font-size: 0.875rem;
65   - white-space: pre;
66   - word-spacing: normal;
67   - word-break: normal;
68   - word-wrap: normal;
69   - line-height: 1.5;
70   - -moz-tab-size: 4;
71   - tab-size: 4;
72   - -webkit-hyphens: none;
73   - -ms-hyphens: none;
74   - hyphens: none;
75   -}
76   -pre[class*="language-"]::-moz-selection,
77   -pre[class*="language-"] ::-moz-selection,
78   -code[class*="language-"]::-moz-selection,
79   -code[class*="language-"] ::-moz-selection {
80   - text-shadow: none;
81   - background: #b3d4fc;
82   -}
83   -pre[class*="language-"]::selection,
84   -pre[class*="language-"] ::selection,
85   -code[class*="language-"]::selection,
86   -code[class*="language-"] ::selection {
87   - text-shadow: none;
88   - background: #b3d4fc;
89   -}
90   -@media print {
91   - code[class*="language-"],
92   - pre[class*="language-"] {
93   - text-shadow: none;
94   - }
95   -}
96   -/* Code blocks */
97   -pre[class*="language-"] {
98   - padding: 1em;
99   - margin: 0.5em 0;
100   - overflow: auto;
101   -}
102   -:not(pre) > code[class*="language-"],
103   -pre[class*="language-"] {
104   - background: transparent !important;
105   - border: 1px solid #ccc;
106   -}
107   -/* Inline code */
108   -:not(pre) > code[class*="language-"] {
109   - padding: 0.1em;
110   - border-radius: 0.3em;
111   -}
112   -.token.comment,
113   -.token.prolog,
114   -.token.doctype,
115   -.token.cdata {
116   - color: slategray;
117   -}
118   -.token.punctuation {
119   - color: #999;
120   -}
121   -.namespace {
122   - opacity: 0.7;
123   -}
124   -.token.property,
125   -.token.tag,
126   -.token.boolean,
127   -.token.number,
128   -.token.constant,
129   -.token.symbol,
130   -.token.deleted {
131   - color: #905;
132   -}
133   -.token.selector,
134   -.token.attr-name,
135   -.token.string,
136   -.token.char,
137   -.token.builtin,
138   -.token.inserted {
139   - color: #690;
140   -}
141   -.token.operator,
142   -.token.entity,
143   -.token.url,
144   -.language-css .token.string,
145   -.style .token.string {
146   - color: #a67f59;
147   - background: hsla(0, 0%, 100%, 0.5);
148   -}
149   -.token.atrule,
150   -.token.attr-value,
151   -.token.keyword {
152   - color: #07a;
153   -}
154   -.token.function {
155   - color: #DD4A68;
156   -}
157   -.token.regex,
158   -.token.important,
159   -.token.variable {
160   - color: #e90;
161   -}
162   -.token.important,
163   -.token.bold {
164   - font-weight: bold;
165   -}
166   -.token.italic {
167   - font-style: italic;
168   -}
169   -.token.entity {
170   - cursor: help;
171   -}
172   -:not([dir=rtl]) code[class*="language-"],
173   -:not([dir=rtl]) pre[class*="language-"] {
174   - direction: ltr;
175   - text-align: left;
176   -}
177   -[dir=rtl] code[class*="language-"],
178   -[dir=rtl] pre[class*="language-"] {
179   - direction: rtl;
180   - text-align: right;
181   -}
182   -/* stylelint-enable */
183   -.mce-content-body {
184   - overflow-wrap: break-word;
185   - word-wrap: break-word;
186   -}
187   -.mce-content-body .mce-visual-caret {
188   - background-color: black;
189   - background-color: currentcolor;
190   - position: absolute;
191   -}
192   -.mce-content-body .mce-visual-caret-hidden {
193   - display: none;
194   -}
195   -.mce-content-body *[data-mce-caret] {
196   - left: -1000px;
197   - margin: 0;
198   - padding: 0;
199   - position: absolute;
200   - right: auto;
201   - top: 0;
202   -}
203   -.mce-content-body .mce-offscreen-selection {
204   - left: -9999999999px;
205   - max-width: 1000000px;
206   - position: absolute;
207   -}
208   -.mce-content-body *[contentEditable=false] {
209   - cursor: default;
210   -}
211   -.mce-content-body *[contentEditable=true] {
212   - cursor: text;
213   -}
214   -.tox-cursor-format-painter {
215   - 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;
216   -}
217   -.mce-content-body figure.align-left {
218   - float: left;
219   -}
220   -.mce-content-body figure.align-right {
221   - float: right;
222   -}
223   -.mce-content-body figure.image.align-center {
224   - display: table;
225   - margin-left: auto;
226   - margin-right: auto;
227   -}
228   -.mce-preview-object {
229   - border: 1px solid gray;
230   - display: inline-block;
231   - line-height: 0;
232   - margin: 0 2px 0 2px;
233   - position: relative;
234   -}
235   -.mce-preview-object .mce-shim {
236   - background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
237   - height: 100%;
238   - left: 0;
239   - position: absolute;
240   - top: 0;
241   - width: 100%;
242   -}
243   -.mce-preview-object[data-mce-selected="2"] .mce-shim {
244   - display: none;
245   -}
246   -.mce-object {
247   - 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;
248   - border: 1px dashed #aaa;
249   -}
250   -.mce-pagebreak {
251   - border: 1px dashed #aaa;
252   - cursor: default;
253   - display: block;
254   - height: 5px;
255   - margin-top: 15px;
256   - page-break-before: always;
257   - width: 100%;
258   -}
259   -@media print {
260   - .mce-pagebreak {
261   - border: 0;
262   - }
263   -}
264   -.tiny-pageembed .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   -.tiny-pageembed[data-mce-selected="2"] .mce-shim {
273   - display: none;
274   -}
275   -.tiny-pageembed {
276   - display: inline-block;
277   - position: relative;
278   -}
279   -.tiny-pageembed--21by9,
280   -.tiny-pageembed--16by9,
281   -.tiny-pageembed--4by3,
282   -.tiny-pageembed--1by1 {
283   - display: block;
284   - overflow: hidden;
285   - padding: 0;
286   - position: relative;
287   - width: 100%;
288   -}
289   -.tiny-pageembed--21by9::before,
290   -.tiny-pageembed--16by9::before,
291   -.tiny-pageembed--4by3::before,
292   -.tiny-pageembed--1by1::before {
293   - content: "";
294   - display: block;
295   -}
296   -.tiny-pageembed--21by9::before {
297   - padding-top: 42.857143%;
298   -}
299   -.tiny-pageembed--16by9::before {
300   - padding-top: 56.25%;
301   -}
302   -.tiny-pageembed--4by3::before {
303   - padding-top: 75%;
304   -}
305   -.tiny-pageembed--1by1::before {
306   - padding-top: 100%;
307   -}
308   -.tiny-pageembed--21by9 iframe,
309   -.tiny-pageembed--16by9 iframe,
310   -.tiny-pageembed--4by3 iframe,
311   -.tiny-pageembed--1by1 iframe {
312   - border: 0;
313   - height: 100%;
314   - left: 0;
315   - position: absolute;
316   - top: 0;
317   - width: 100%;
318   -}
319   -.mce-content-body div.mce-resizehandle {
320   - background-color: #4099ff;
321   - border-color: #4099ff;
322   - border-style: solid;
323   - border-width: 1px;
324   - box-sizing: border-box;
325   - height: 10px;
326   - position: absolute;
327   - width: 10px;
328   - z-index: 10000;
329   -}
330   -.mce-content-body div.mce-resizehandle:hover {
331   - background-color: #4099ff;
332   -}
333   -.mce-content-body div.mce-resizehandle:nth-of-type(1) {
334   - cursor: nwse-resize;
335   -}
336   -.mce-content-body div.mce-resizehandle:nth-of-type(2) {
337   - cursor: nesw-resize;
338   -}
339   -.mce-content-body div.mce-resizehandle:nth-of-type(3) {
340   - cursor: nwse-resize;
341   -}
342   -.mce-content-body div.mce-resizehandle:nth-of-type(4) {
343   - cursor: nesw-resize;
344   -}
345   -.mce-content-body .mce-clonedresizable {
346   - opacity: 0.5;
347   - outline: 1px dashed black;
348   - position: absolute;
349   - z-index: 10000;
350   -}
351   -.mce-content-body .mce-resize-helper {
352   - background: #555;
353   - background: rgba(0, 0, 0, 0.75);
354   - border: 1px;
355   - border-radius: 3px;
356   - color: white;
357   - display: none;
358   - font-family: sans-serif;
359   - font-size: 12px;
360   - line-height: 14px;
361   - margin: 5px 10px;
362   - padding: 5px;
363   - position: absolute;
364   - white-space: nowrap;
365   - z-index: 10001;
366   -}
367   -.mce-match-marker {
368   - background: #aaa;
369   - color: #fff;
370   -}
371   -.mce-match-marker-selected {
372   - background: #39f;
373   - color: #fff;
374   -}
375   -.mce-content-body img[data-mce-selected],
376   -.mce-content-body table[data-mce-selected] {
377   - outline: 3px solid #b4d7ff;
378   -}
379   -.mce-content-body hr[data-mce-selected] {
380   - outline: 3px solid #b4d7ff;
381   - outline-offset: 1px;
382   -}
383   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
384   - outline: 3px solid #b4d7ff;
385   -}
386   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
387   - outline: 3px solid #b4d7ff;
388   -}
389   -.mce-content-body *[contentEditable=false][data-mce-selected] {
390   - cursor: not-allowed;
391   - outline: 3px solid #b4d7ff;
392   -}
393   -.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
394   -.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
395   - outline: none;
396   -}
397   -.mce-content-body *[data-mce-selected="inline-boundary"] {
398   - background-color: #b4d7ff;
399   -}
400   -.mce-content-body .mce-edit-focus {
401   - outline: 3px solid #b4d7ff;
402   -}
403   -.mce-content-body td[data-mce-selected],
404   -.mce-content-body th[data-mce-selected] {
405   - background-color: #b4d7ff !important;
406   -}
407   -.mce-content-body td[data-mce-selected]::-moz-selection,
408   -.mce-content-body th[data-mce-selected]::-moz-selection {
409   - background: none;
410   -}
411   -.mce-content-body td[data-mce-selected]::selection,
412   -.mce-content-body th[data-mce-selected]::selection {
413   - background: none;
414   -}
415   -.mce-content-body td[data-mce-selected] *,
416   -.mce-content-body th[data-mce-selected] * {
417   - -webkit-touch-callout: none;
418   - -webkit-user-select: none;
419   - -moz-user-select: none;
420   - -ms-user-select: none;
421   - user-select: none;
422   -}
423   -.mce-content-body img::-moz-selection {
424   - background: none;
425   -}
426   -.mce-content-body img::selection {
427   - background: none;
428   -}
429   -.ephox-snooker-resizer-bar {
430   - background-color: #b4d7ff;
431   - opacity: 0;
432   -}
433   -.ephox-snooker-resizer-cols {
434   - cursor: col-resize;
435   -}
436   -.ephox-snooker-resizer-rows {
437   - cursor: row-resize;
438   -}
439   -.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
440   - opacity: 1;
441   -}
442   -.mce-spellchecker-word {
443   - 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
444   - background-position: 0 calc(100% + 1px);
445   - background-repeat: repeat-x;
446   - background-size: auto 6px;
447   - cursor: default;
448   - height: 2rem;
449   -}
450   -.mce-spellchecker-grammar {
451   - 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
452   - background-position: 0 calc(100% + 1px);
453   - background-repeat: repeat-x;
454   - background-size: auto 6px;
455   - cursor: default;
456   -}
457   -.mce-toc {
458   - border: 1px solid gray;
459   -}
460   -.mce-toc h2 {
461   - margin: 4px;
462   -}
463   -.mce-toc li {
464   - list-style-type: none;
465   -}
466   -.mce-item-table,
467   -.mce-item-table td,
468   -.mce-item-table th,
469   -.mce-item-table caption {
470   - border: 1px dashed #bbb;
471   -}
472   -.mce-visualblocks p,
473   -.mce-visualblocks h1,
474   -.mce-visualblocks h2,
475   -.mce-visualblocks h3,
476   -.mce-visualblocks h4,
477   -.mce-visualblocks h5,
478   -.mce-visualblocks h6,
479   -.mce-visualblocks div:not([data-mce-bogus]),
480   -.mce-visualblocks section,
481   -.mce-visualblocks article,
482   -.mce-visualblocks blockquote,
483   -.mce-visualblocks address,
484   -.mce-visualblocks pre,
485   -.mce-visualblocks figure,
486   -.mce-visualblocks figcaption,
487   -.mce-visualblocks hgroup,
488   -.mce-visualblocks aside,
489   -.mce-visualblocks ul,
490   -.mce-visualblocks ol,
491   -.mce-visualblocks dl {
492   - background-repeat: no-repeat;
493   - border: 1px dashed #bbb;
494   - margin-left: 3px;
495   - padding-top: 10px;
496   -}
497   -.mce-visualblocks p {
498   - background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
499   -}
500   -.mce-visualblocks h1 {
501   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
502   -}
503   -.mce-visualblocks h2 {
504   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
505   -}
506   -.mce-visualblocks h3 {
507   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
508   -}
509   -.mce-visualblocks h4 {
510   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
511   -}
512   -.mce-visualblocks h5 {
513   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
514   -}
515   -.mce-visualblocks h6 {
516   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
517   -}
518   -.mce-visualblocks div:not([data-mce-bogus]) {
519   - background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
520   -}
521   -.mce-visualblocks section {
522   - background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
523   -}
524   -.mce-visualblocks article {
525   - background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
526   -}
527   -.mce-visualblocks blockquote {
528   - background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
529   -}
530   -.mce-visualblocks address {
531   - background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
532   -}
533   -.mce-visualblocks pre {
534   - background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
535   -}
536   -.mce-visualblocks figure {
537   - background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
538   -}
539   -.mce-visualblocks figcaption {
540   - border: 1px dashed #bbb;
541   -}
542   -.mce-visualblocks hgroup {
543   - background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
544   -}
545   -.mce-visualblocks aside {
546   - background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
547   -}
548   -.mce-visualblocks ul {
549   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
550   -}
551   -.mce-visualblocks ol {
552   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
553   -}
554   -.mce-visualblocks dl {
555   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
556   -}
557   -.mce-visualblocks:not([dir=rtl]) p,
558   -.mce-visualblocks:not([dir=rtl]) h1,
559   -.mce-visualblocks:not([dir=rtl]) h2,
560   -.mce-visualblocks:not([dir=rtl]) h3,
561   -.mce-visualblocks:not([dir=rtl]) h4,
562   -.mce-visualblocks:not([dir=rtl]) h5,
563   -.mce-visualblocks:not([dir=rtl]) h6,
564   -.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
565   -.mce-visualblocks:not([dir=rtl]) section,
566   -.mce-visualblocks:not([dir=rtl]) article,
567   -.mce-visualblocks:not([dir=rtl]) blockquote,
568   -.mce-visualblocks:not([dir=rtl]) address,
569   -.mce-visualblocks:not([dir=rtl]) pre,
570   -.mce-visualblocks:not([dir=rtl]) figure,
571   -.mce-visualblocks:not([dir=rtl]) figcaption,
572   -.mce-visualblocks:not([dir=rtl]) hgroup,
573   -.mce-visualblocks:not([dir=rtl]) aside,
574   -.mce-visualblocks:not([dir=rtl]) ul,
575   -.mce-visualblocks:not([dir=rtl]) ol,
576   -.mce-visualblocks:not([dir=rtl]) dl {
577   - margin-left: 3px;
578   -}
579   -.mce-visualblocks[dir=rtl] p,
580   -.mce-visualblocks[dir=rtl] h1,
581   -.mce-visualblocks[dir=rtl] h2,
582   -.mce-visualblocks[dir=rtl] h3,
583   -.mce-visualblocks[dir=rtl] h4,
584   -.mce-visualblocks[dir=rtl] h5,
585   -.mce-visualblocks[dir=rtl] h6,
586   -.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
587   -.mce-visualblocks[dir=rtl] section,
588   -.mce-visualblocks[dir=rtl] article,
589   -.mce-visualblocks[dir=rtl] blockquote,
590   -.mce-visualblocks[dir=rtl] address,
591   -.mce-visualblocks[dir=rtl] pre,
592   -.mce-visualblocks[dir=rtl] figure,
593   -.mce-visualblocks[dir=rtl] figcaption,
594   -.mce-visualblocks[dir=rtl] hgroup,
595   -.mce-visualblocks[dir=rtl] aside,
596   -.mce-visualblocks[dir=rtl] ul,
597   -.mce-visualblocks[dir=rtl] ol,
598   -.mce-visualblocks[dir=rtl] dl {
599   - background-position-x: right;
600   - margin-right: 3px;
601   -}
602   -.mce-nbsp,
603   -.mce-shy {
604   - background: #aaa;
605   -}
606   -.mce-shy::after {
607   - content: '-';
608   -}
609   -body {
610   - font-family: sans-serif;
611   -}
612   -table {
613   - border-collapse: collapse;
614   -}
public/resource/tinymce/skins/ui/oxide-dark/content.inline.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.mce-content-body .mce-item-anchor {
8   - 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;
9   - cursor: default;
10   - display: inline-block;
11   - height: 12px !important;
12   - padding: 0 2px;
13   - -webkit-user-modify: read-only;
14   - -moz-user-modify: read-only;
15   - -webkit-user-select: all;
16   - -moz-user-select: all;
17   - -ms-user-select: all;
18   - user-select: all;
19   - width: 8px !important;
20   -}
21   -.mce-content-body .mce-item-anchor[data-mce-selected] {
22   - outline-offset: 1px;
23   -}
24   -.tox-comments-visible .tox-comment {
25   - background-color: #fff0b7;
26   -}
27   -.tox-comments-visible .tox-comment--active {
28   - background-color: #ffe168;
29   -}
30   -.tox-checklist > li:not(.tox-checklist--hidden) {
31   - list-style: none;
32   - margin: 0.25em 0;
33   -}
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: '';
38   - cursor: pointer;
39   - height: 1em;
40   - margin-left: -1.5em;
41   - margin-top: 0.125em;
42   - position: absolute;
43   - width: 1em;
44   -}
45   -.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");
47   -}
48   -[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
49   - margin-left: 0;
50   - margin-right: -1.5em;
51   -}
52   -/* stylelint-disable */
53   -/* http://prismjs.com/ */
54   -/**
55   - * prism.js default theme for JavaScript, CSS and HTML
56   - * Based on dabblet (http://dabblet.com)
57   - * @author Lea Verou
58   - */
59   -code[class*="language-"],
60   -pre[class*="language-"] {
61   - color: black;
62   - text-shadow: 0 1px white;
63   - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
64   - font-size: 0.875rem;
65   - white-space: pre;
66   - word-spacing: normal;
67   - word-break: normal;
68   - word-wrap: normal;
69   - line-height: 1.5;
70   - -moz-tab-size: 4;
71   - tab-size: 4;
72   - -webkit-hyphens: none;
73   - -ms-hyphens: none;
74   - hyphens: none;
75   -}
76   -pre[class*="language-"]::-moz-selection,
77   -pre[class*="language-"] ::-moz-selection,
78   -code[class*="language-"]::-moz-selection,
79   -code[class*="language-"] ::-moz-selection {
80   - text-shadow: none;
81   - background: #b3d4fc;
82   -}
83   -pre[class*="language-"]::selection,
84   -pre[class*="language-"] ::selection,
85   -code[class*="language-"]::selection,
86   -code[class*="language-"] ::selection {
87   - text-shadow: none;
88   - background: #b3d4fc;
89   -}
90   -@media print {
91   - code[class*="language-"],
92   - pre[class*="language-"] {
93   - text-shadow: none;
94   - }
95   -}
96   -/* Code blocks */
97   -pre[class*="language-"] {
98   - padding: 1em;
99   - margin: 0.5em 0;
100   - overflow: auto;
101   -}
102   -:not(pre) > code[class*="language-"],
103   -pre[class*="language-"] {
104   - background: transparent !important;
105   - border: 1px solid #ccc;
106   -}
107   -/* Inline code */
108   -:not(pre) > code[class*="language-"] {
109   - padding: 0.1em;
110   - border-radius: 0.3em;
111   -}
112   -.token.comment,
113   -.token.prolog,
114   -.token.doctype,
115   -.token.cdata {
116   - color: slategray;
117   -}
118   -.token.punctuation {
119   - color: #999;
120   -}
121   -.namespace {
122   - opacity: 0.7;
123   -}
124   -.token.property,
125   -.token.tag,
126   -.token.boolean,
127   -.token.number,
128   -.token.constant,
129   -.token.symbol,
130   -.token.deleted {
131   - color: #905;
132   -}
133   -.token.selector,
134   -.token.attr-name,
135   -.token.string,
136   -.token.char,
137   -.token.builtin,
138   -.token.inserted {
139   - color: #690;
140   -}
141   -.token.operator,
142   -.token.entity,
143   -.token.url,
144   -.language-css .token.string,
145   -.style .token.string {
146   - color: #a67f59;
147   - background: hsla(0, 0%, 100%, 0.5);
148   -}
149   -.token.atrule,
150   -.token.attr-value,
151   -.token.keyword {
152   - color: #07a;
153   -}
154   -.token.function {
155   - color: #DD4A68;
156   -}
157   -.token.regex,
158   -.token.important,
159   -.token.variable {
160   - color: #e90;
161   -}
162   -.token.important,
163   -.token.bold {
164   - font-weight: bold;
165   -}
166   -.token.italic {
167   - font-style: italic;
168   -}
169   -.token.entity {
170   - cursor: help;
171   -}
172   -:not([dir=rtl]) code[class*="language-"],
173   -:not([dir=rtl]) pre[class*="language-"] {
174   - direction: ltr;
175   - text-align: left;
176   -}
177   -[dir=rtl] code[class*="language-"],
178   -[dir=rtl] pre[class*="language-"] {
179   - direction: rtl;
180   - text-align: right;
181   -}
182   -/* stylelint-enable */
183   -.mce-content-body {
184   - overflow-wrap: break-word;
185   - word-wrap: break-word;
186   -}
187   -.mce-content-body .mce-visual-caret {
188   - background-color: black;
189   - background-color: currentcolor;
190   - position: absolute;
191   -}
192   -.mce-content-body .mce-visual-caret-hidden {
193   - display: none;
194   -}
195   -.mce-content-body *[data-mce-caret] {
196   - left: -1000px;
197   - margin: 0;
198   - padding: 0;
199   - position: absolute;
200   - right: auto;
201   - top: 0;
202   -}
203   -.mce-content-body .mce-offscreen-selection {
204   - left: -9999999999px;
205   - max-width: 1000000px;
206   - position: absolute;
207   -}
208   -.mce-content-body *[contentEditable=false] {
209   - cursor: default;
210   -}
211   -.mce-content-body *[contentEditable=true] {
212   - cursor: text;
213   -}
214   -.tox-cursor-format-painter {
215   - 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;
216   -}
217   -.mce-content-body figure.align-left {
218   - float: left;
219   -}
220   -.mce-content-body figure.align-right {
221   - float: right;
222   -}
223   -.mce-content-body figure.image.align-center {
224   - display: table;
225   - margin-left: auto;
226   - margin-right: auto;
227   -}
228   -.mce-preview-object {
229   - border: 1px solid gray;
230   - display: inline-block;
231   - line-height: 0;
232   - margin: 0 2px 0 2px;
233   - position: relative;
234   -}
235   -.mce-preview-object .mce-shim {
236   - background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
237   - height: 100%;
238   - left: 0;
239   - position: absolute;
240   - top: 0;
241   - width: 100%;
242   -}
243   -.mce-preview-object[data-mce-selected="2"] .mce-shim {
244   - display: none;
245   -}
246   -.mce-object {
247   - 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;
248   - border: 1px dashed #aaa;
249   -}
250   -.mce-pagebreak {
251   - border: 1px dashed #aaa;
252   - cursor: default;
253   - display: block;
254   - height: 5px;
255   - margin-top: 15px;
256   - page-break-before: always;
257   - width: 100%;
258   -}
259   -@media print {
260   - .mce-pagebreak {
261   - border: 0;
262   - }
263   -}
264   -.tiny-pageembed .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   -.tiny-pageembed[data-mce-selected="2"] .mce-shim {
273   - display: none;
274   -}
275   -.tiny-pageembed {
276   - display: inline-block;
277   - position: relative;
278   -}
279   -.tiny-pageembed--21by9,
280   -.tiny-pageembed--16by9,
281   -.tiny-pageembed--4by3,
282   -.tiny-pageembed--1by1 {
283   - display: block;
284   - overflow: hidden;
285   - padding: 0;
286   - position: relative;
287   - width: 100%;
288   -}
289   -.tiny-pageembed--21by9::before,
290   -.tiny-pageembed--16by9::before,
291   -.tiny-pageembed--4by3::before,
292   -.tiny-pageembed--1by1::before {
293   - content: "";
294   - display: block;
295   -}
296   -.tiny-pageembed--21by9::before {
297   - padding-top: 42.857143%;
298   -}
299   -.tiny-pageembed--16by9::before {
300   - padding-top: 56.25%;
301   -}
302   -.tiny-pageembed--4by3::before {
303   - padding-top: 75%;
304   -}
305   -.tiny-pageembed--1by1::before {
306   - padding-top: 100%;
307   -}
308   -.tiny-pageembed--21by9 iframe,
309   -.tiny-pageembed--16by9 iframe,
310   -.tiny-pageembed--4by3 iframe,
311   -.tiny-pageembed--1by1 iframe {
312   - border: 0;
313   - height: 100%;
314   - left: 0;
315   - position: absolute;
316   - top: 0;
317   - width: 100%;
318   -}
319   -.mce-content-body div.mce-resizehandle {
320   - background-color: #4099ff;
321   - border-color: #4099ff;
322   - border-style: solid;
323   - border-width: 1px;
324   - box-sizing: border-box;
325   - height: 10px;
326   - position: absolute;
327   - width: 10px;
328   - z-index: 10000;
329   -}
330   -.mce-content-body div.mce-resizehandle:hover {
331   - background-color: #4099ff;
332   -}
333   -.mce-content-body div.mce-resizehandle:nth-of-type(1) {
334   - cursor: nwse-resize;
335   -}
336   -.mce-content-body div.mce-resizehandle:nth-of-type(2) {
337   - cursor: nesw-resize;
338   -}
339   -.mce-content-body div.mce-resizehandle:nth-of-type(3) {
340   - cursor: nwse-resize;
341   -}
342   -.mce-content-body div.mce-resizehandle:nth-of-type(4) {
343   - cursor: nesw-resize;
344   -}
345   -.mce-content-body .mce-clonedresizable {
346   - opacity: 0.5;
347   - outline: 1px dashed black;
348   - position: absolute;
349   - z-index: 10000;
350   -}
351   -.mce-content-body .mce-resize-helper {
352   - background: #555;
353   - background: rgba(0, 0, 0, 0.75);
354   - border: 1px;
355   - border-radius: 3px;
356   - color: white;
357   - display: none;
358   - font-family: sans-serif;
359   - font-size: 12px;
360   - line-height: 14px;
361   - margin: 5px 10px;
362   - padding: 5px;
363   - position: absolute;
364   - white-space: nowrap;
365   - z-index: 10001;
366   -}
367   -.mce-match-marker {
368   - background: #aaa;
369   - color: #fff;
370   -}
371   -.mce-match-marker-selected {
372   - background: #39f;
373   - color: #fff;
374   -}
375   -.mce-content-body img[data-mce-selected],
376   -.mce-content-body table[data-mce-selected] {
377   - outline: 3px solid #b4d7ff;
378   -}
379   -.mce-content-body hr[data-mce-selected] {
380   - outline: 3px solid #b4d7ff;
381   - outline-offset: 1px;
382   -}
383   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
384   - outline: 3px solid #b4d7ff;
385   -}
386   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
387   - outline: 3px solid #b4d7ff;
388   -}
389   -.mce-content-body *[contentEditable=false][data-mce-selected] {
390   - cursor: not-allowed;
391   - outline: 3px solid #b4d7ff;
392   -}
393   -.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
394   -.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
395   - outline: none;
396   -}
397   -.mce-content-body *[data-mce-selected="inline-boundary"] {
398   - background-color: #b4d7ff;
399   -}
400   -.mce-content-body .mce-edit-focus {
401   - outline: 3px solid #b4d7ff;
402   -}
403   -.mce-content-body td[data-mce-selected],
404   -.mce-content-body th[data-mce-selected] {
405   - background-color: #b4d7ff !important;
406   -}
407   -.mce-content-body td[data-mce-selected]::-moz-selection,
408   -.mce-content-body th[data-mce-selected]::-moz-selection {
409   - background: none;
410   -}
411   -.mce-content-body td[data-mce-selected]::selection,
412   -.mce-content-body th[data-mce-selected]::selection {
413   - background: none;
414   -}
415   -.mce-content-body td[data-mce-selected] *,
416   -.mce-content-body th[data-mce-selected] * {
417   - -webkit-touch-callout: none;
418   - -webkit-user-select: none;
419   - -moz-user-select: none;
420   - -ms-user-select: none;
421   - user-select: none;
422   -}
423   -.mce-content-body img::-moz-selection {
424   - background: none;
425   -}
426   -.mce-content-body img::selection {
427   - background: none;
428   -}
429   -.ephox-snooker-resizer-bar {
430   - background-color: #b4d7ff;
431   - opacity: 0;
432   -}
433   -.ephox-snooker-resizer-cols {
434   - cursor: col-resize;
435   -}
436   -.ephox-snooker-resizer-rows {
437   - cursor: row-resize;
438   -}
439   -.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
440   - opacity: 1;
441   -}
442   -.mce-spellchecker-word {
443   - 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
444   - background-position: 0 calc(100% + 1px);
445   - background-repeat: repeat-x;
446   - background-size: auto 6px;
447   - cursor: default;
448   - height: 2rem;
449   -}
450   -.mce-spellchecker-grammar {
451   - 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
452   - background-position: 0 calc(100% + 1px);
453   - background-repeat: repeat-x;
454   - background-size: auto 6px;
455   - cursor: default;
456   -}
457   -.mce-toc {
458   - border: 1px solid gray;
459   -}
460   -.mce-toc h2 {
461   - margin: 4px;
462   -}
463   -.mce-toc li {
464   - list-style-type: none;
465   -}
466   -.mce-item-table,
467   -.mce-item-table td,
468   -.mce-item-table th,
469   -.mce-item-table caption {
470   - border: 1px dashed #bbb;
471   -}
472   -.mce-visualblocks p,
473   -.mce-visualblocks h1,
474   -.mce-visualblocks h2,
475   -.mce-visualblocks h3,
476   -.mce-visualblocks h4,
477   -.mce-visualblocks h5,
478   -.mce-visualblocks h6,
479   -.mce-visualblocks div:not([data-mce-bogus]),
480   -.mce-visualblocks section,
481   -.mce-visualblocks article,
482   -.mce-visualblocks blockquote,
483   -.mce-visualblocks address,
484   -.mce-visualblocks pre,
485   -.mce-visualblocks figure,
486   -.mce-visualblocks figcaption,
487   -.mce-visualblocks hgroup,
488   -.mce-visualblocks aside,
489   -.mce-visualblocks ul,
490   -.mce-visualblocks ol,
491   -.mce-visualblocks dl {
492   - background-repeat: no-repeat;
493   - border: 1px dashed #bbb;
494   - margin-left: 3px;
495   - padding-top: 10px;
496   -}
497   -.mce-visualblocks p {
498   - background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
499   -}
500   -.mce-visualblocks h1 {
501   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
502   -}
503   -.mce-visualblocks h2 {
504   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
505   -}
506   -.mce-visualblocks h3 {
507   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
508   -}
509   -.mce-visualblocks h4 {
510   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
511   -}
512   -.mce-visualblocks h5 {
513   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
514   -}
515   -.mce-visualblocks h6 {
516   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
517   -}
518   -.mce-visualblocks div:not([data-mce-bogus]) {
519   - background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
520   -}
521   -.mce-visualblocks section {
522   - background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
523   -}
524   -.mce-visualblocks article {
525   - background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
526   -}
527   -.mce-visualblocks blockquote {
528   - background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
529   -}
530   -.mce-visualblocks address {
531   - background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
532   -}
533   -.mce-visualblocks pre {
534   - background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
535   -}
536   -.mce-visualblocks figure {
537   - background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
538   -}
539   -.mce-visualblocks figcaption {
540   - border: 1px dashed #bbb;
541   -}
542   -.mce-visualblocks hgroup {
543   - background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
544   -}
545   -.mce-visualblocks aside {
546   - background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
547   -}
548   -.mce-visualblocks ul {
549   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
550   -}
551   -.mce-visualblocks ol {
552   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
553   -}
554   -.mce-visualblocks dl {
555   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
556   -}
557   -.mce-visualblocks:not([dir=rtl]) p,
558   -.mce-visualblocks:not([dir=rtl]) h1,
559   -.mce-visualblocks:not([dir=rtl]) h2,
560   -.mce-visualblocks:not([dir=rtl]) h3,
561   -.mce-visualblocks:not([dir=rtl]) h4,
562   -.mce-visualblocks:not([dir=rtl]) h5,
563   -.mce-visualblocks:not([dir=rtl]) h6,
564   -.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
565   -.mce-visualblocks:not([dir=rtl]) section,
566   -.mce-visualblocks:not([dir=rtl]) article,
567   -.mce-visualblocks:not([dir=rtl]) blockquote,
568   -.mce-visualblocks:not([dir=rtl]) address,
569   -.mce-visualblocks:not([dir=rtl]) pre,
570   -.mce-visualblocks:not([dir=rtl]) figure,
571   -.mce-visualblocks:not([dir=rtl]) figcaption,
572   -.mce-visualblocks:not([dir=rtl]) hgroup,
573   -.mce-visualblocks:not([dir=rtl]) aside,
574   -.mce-visualblocks:not([dir=rtl]) ul,
575   -.mce-visualblocks:not([dir=rtl]) ol,
576   -.mce-visualblocks:not([dir=rtl]) dl {
577   - margin-left: 3px;
578   -}
579   -.mce-visualblocks[dir=rtl] p,
580   -.mce-visualblocks[dir=rtl] h1,
581   -.mce-visualblocks[dir=rtl] h2,
582   -.mce-visualblocks[dir=rtl] h3,
583   -.mce-visualblocks[dir=rtl] h4,
584   -.mce-visualblocks[dir=rtl] h5,
585   -.mce-visualblocks[dir=rtl] h6,
586   -.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
587   -.mce-visualblocks[dir=rtl] section,
588   -.mce-visualblocks[dir=rtl] article,
589   -.mce-visualblocks[dir=rtl] blockquote,
590   -.mce-visualblocks[dir=rtl] address,
591   -.mce-visualblocks[dir=rtl] pre,
592   -.mce-visualblocks[dir=rtl] figure,
593   -.mce-visualblocks[dir=rtl] figcaption,
594   -.mce-visualblocks[dir=rtl] hgroup,
595   -.mce-visualblocks[dir=rtl] aside,
596   -.mce-visualblocks[dir=rtl] ul,
597   -.mce-visualblocks[dir=rtl] ol,
598   -.mce-visualblocks[dir=rtl] dl {
599   - background-position-x: right;
600   - margin-right: 3px;
601   -}
602   -.mce-nbsp,
603   -.mce-shy {
604   - background: #aaa;
605   -}
606   -.mce-shy::after {
607   - content: '-';
608   -}
609   -.tox-toolbar-dock-fadeout {
610   - opacity: 0;
611   - visibility: hidden;
612   -}
613   -.tox-toolbar-dock-fadein {
614   - opacity: 1;
615   - visibility: visible;
616   -}
617   -.tox-toolbar-dock-transition {
618   - transition: visibility 0s linear 0.3s, opacity 0.3s ease;
619   -}
620   -.tox-toolbar-dock-transition.tox-toolbar-dock-fadein {
621   - transition-delay: 0s;
622   -}
public/resource/tinymce/skins/ui/oxide-dark/content.mobile.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
8   - position: absolute;
9   - display: inline-block;
10   -
11   - /* Note: this file is used inside the content, so isn't part of theming */
12   - background-color: green;
13   - opacity: 0.5;
14   -}
15   -
16   -body {
17   - -webkit-text-size-adjust: none;
18   -}
19   -
20   -body img {
21   - /* this is related to the content margin */
22   - max-width: 96vw;
23   -}
24   -
25   -body table img {
26   - max-width: 95%;
27   -}
28   -
29   -body {
30   - font-family: sans-serif;
31   -}
32   -
33   -table {
34   - border-collapse: collapse;
35   -}
36 0 \ No newline at end of file
public/resource/tinymce/skins/ui/oxide-dark/skin.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.tox {
8   - box-sizing: content-box;
9   - color: #222f3e;
10   - cursor: auto;
11   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
12   - font-size: 16px;
13   - font-style: normal;
14   - font-weight: normal;
15   - line-height: normal;
16   - -webkit-tap-highlight-color: transparent;
17   - text-decoration: none;
18   - text-shadow: none;
19   - text-transform: none;
20   - vertical-align: initial;
21   - white-space: normal;
22   -}
23   -.tox *:not(svg) {
24   - box-sizing: inherit;
25   - color: inherit;
26   - cursor: inherit;
27   - direction: inherit;
28   - font-family: inherit;
29   - font-size: inherit;
30   - font-style: inherit;
31   - font-weight: inherit;
32   - line-height: inherit;
33   - -webkit-tap-highlight-color: inherit;
34   - text-align: inherit;
35   - text-decoration: inherit;
36   - text-shadow: inherit;
37   - text-transform: inherit;
38   - vertical-align: inherit;
39   - white-space: inherit;
40   -}
41   -.tox *:not(svg) {
42   - /* stylelint-disable-line no-duplicate-selectors */
43   - background: transparent;
44   - border: 0;
45   - float: none;
46   - height: auto;
47   - margin: 0;
48   - max-width: none;
49   - outline: 0;
50   - padding: 0;
51   - position: static;
52   - width: auto;
53   -}
54   -.tox:not([dir=rtl]) {
55   - direction: ltr;
56   - text-align: left;
57   -}
58   -.tox[dir=rtl] {
59   - direction: rtl;
60   - text-align: right;
61   -}
62   -.tox-tinymce {
63   - border: 1px solid #000000;
64   - border-radius: 0;
65   - box-shadow: none;
66   - box-sizing: border-box;
67   - display: flex;
68   - flex-direction: column;
69   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
70   - overflow: hidden;
71   - position: relative;
72   - visibility: inherit !important;
73   -}
74   -.tox-editor-container {
75   - display: flex;
76   - flex: 1 1 auto;
77   - flex-direction: column;
78   - overflow: hidden;
79   -}
80   -.tox-editor-container > *:first-child {
81   - border-top: none !important;
82   -}
83   -.tox-tinymce-aux {
84   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
85   -}
86   -.tox-tinymce *:focus,
87   -.tox-tinymce-aux *:focus {
88   - outline: none;
89   -}
90   -button::-moz-focus-inner {
91   - border: 0;
92   -}
93   -.tox-silver-sink {
94   - z-index: 1300;
95   -}
96   -.tox .tox-anchorbar {
97   - display: flex;
98   - flex: 0 0 auto;
99   -}
100   -.tox .tox-bar {
101   - display: flex;
102   - flex: 0 0 auto;
103   -}
104   -.tox .tox-button {
105   - background-color: #207ab7;
106   - background-image: none;
107   - background-position: none;
108   - background-repeat: none;
109   - border-color: #207ab7;
110   - border-radius: 3px;
111   - border-style: solid;
112   - border-width: 1px;
113   - box-shadow: none;
114   - box-sizing: border-box;
115   - color: #fff;
116   - cursor: pointer;
117   - display: inline-block;
118   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
119   - font-size: 14px;
120   - font-weight: bold;
121   - letter-spacing: 1;
122   - line-height: 24px;
123   - margin: 0;
124   - outline: none;
125   - padding: 4px 16px;
126   - text-align: center;
127   - text-decoration: none;
128   - text-transform: capitalize;
129   - white-space: nowrap;
130   -}
131   -.tox .tox-button[disabled] {
132   - background-color: #207ab7;
133   - background-image: none;
134   - border-color: #207ab7;
135   - box-shadow: none;
136   - color: rgba(255, 255, 255, 0.5);
137   - cursor: not-allowed;
138   -}
139   -.tox .tox-button:focus:not(:disabled) {
140   - background-color: #1c6ca1;
141   - background-image: none;
142   - border-color: #1c6ca1;
143   - box-shadow: none;
144   - color: #fff;
145   -}
146   -.tox .tox-button:hover:not(:disabled) {
147   - background-color: #1c6ca1;
148   - background-image: none;
149   - border-color: #1c6ca1;
150   - box-shadow: none;
151   - color: #fff;
152   -}
153   -.tox .tox-button:active:not(:disabled) {
154   - background-color: #185d8c;
155   - background-image: none;
156   - border-color: #185d8c;
157   - box-shadow: none;
158   - color: #fff;
159   -}
160   -.tox .tox-button--secondary {
161   - background-color: #3d546f;
162   - background-image: none;
163   - background-position: none;
164   - background-repeat: none;
165   - border-color: #3d546f;
166   - border-radius: 3px;
167   - border-style: solid;
168   - border-width: 1px;
169   - box-shadow: none;
170   - color: #fff;
171   - outline: none;
172   - padding: 4px 16px;
173   - text-decoration: none;
174   - text-transform: capitalize;
175   -}
176   -.tox .tox-button--secondary[disabled] {
177   - background-color: #3d546f;
178   - background-image: none;
179   - border-color: #3d546f;
180   - box-shadow: none;
181   - color: rgba(255, 255, 255, 0.5);
182   -}
183   -.tox .tox-button--secondary:focus:not(:disabled) {
184   - background-color: #34485f;
185   - background-image: none;
186   - border-color: #34485f;
187   - box-shadow: none;
188   - color: #fff;
189   -}
190   -.tox .tox-button--secondary:hover:not(:disabled) {
191   - background-color: #34485f;
192   - background-image: none;
193   - border-color: #34485f;
194   - box-shadow: none;
195   - color: #fff;
196   -}
197   -.tox .tox-button--secondary:active:not(:disabled) {
198   - background-color: #2b3b4e;
199   - background-image: none;
200   - border-color: #2b3b4e;
201   - box-shadow: none;
202   - color: #fff;
203   -}
204   -.tox .tox-button--icon,
205   -.tox .tox-button.tox-button--icon,
206   -.tox .tox-button.tox-button--secondary.tox-button--icon {
207   - padding: 4px;
208   -}
209   -.tox .tox-button--icon .tox-icon svg,
210   -.tox .tox-button.tox-button--icon .tox-icon svg,
211   -.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
212   - display: block;
213   - fill: currentColor;
214   -}
215   -.tox .tox-button-link {
216   - background: 0;
217   - border: none;
218   - box-sizing: border-box;
219   - cursor: pointer;
220   - display: inline-block;
221   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
222   - font-size: 16px;
223   - font-weight: normal;
224   - line-height: 1.3;
225   - margin: 0;
226   - padding: 0;
227   - white-space: nowrap;
228   -}
229   -.tox .tox-button-link--sm {
230   - font-size: 14px;
231   -}
232   -.tox .tox-button--naked {
233   - background-color: transparent;
234   - border-color: transparent;
235   - box-shadow: unset;
236   - color: #fff;
237   -}
238   -.tox .tox-button--naked:hover:not(:disabled) {
239   - background-color: #34485f;
240   - border-color: #34485f;
241   - box-shadow: none;
242   - color: #fff;
243   -}
244   -.tox .tox-button--naked:focus:not(:disabled) {
245   - background-color: #34485f;
246   - border-color: #34485f;
247   - box-shadow: none;
248   - color: #fff;
249   -}
250   -.tox .tox-button--naked:active:not(:disabled) {
251   - background-color: #2b3b4e;
252   - border-color: #2b3b4e;
253   - box-shadow: none;
254   - color: #fff;
255   -}
256   -.tox .tox-button--naked .tox-icon svg {
257   - fill: currentColor;
258   -}
259   -.tox .tox-button--naked.tox-button--icon {
260   - color: currentColor;
261   -}
262   -.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
263   - color: #fff;
264   -}
265   -.tox .tox-checkbox {
266   - align-items: center;
267   - border-radius: 3px;
268   - cursor: pointer;
269   - display: flex;
270   - height: 36px;
271   - min-width: 36px;
272   -}
273   -.tox .tox-checkbox__input {
274   - /* Hide from view but visible to screen readers */
275   - height: 1px;
276   - left: -10000px;
277   - overflow: hidden;
278   - position: absolute;
279   - top: auto;
280   - width: 1px;
281   -}
282   -.tox .tox-checkbox__icons {
283   - border-radius: 3px;
284   - box-shadow: 0 0 0 2px transparent;
285   - box-sizing: content-box;
286   - height: 24px;
287   - padding: calc(4px - 1px);
288   - width: 24px;
289   -}
290   -.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
291   - display: block;
292   - fill: rgba(255, 255, 255, 0.2);
293   -}
294   -.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
295   - display: none;
296   - fill: #207ab7;
297   -}
298   -.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
299   - display: none;
300   - fill: #207ab7;
301   -}
302   -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
303   - display: none;
304   -}
305   -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
306   - display: block;
307   -}
308   -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
309   - display: none;
310   -}
311   -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
312   - display: block;
313   -}
314   -.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
315   - border-radius: 3px;
316   - box-shadow: inset 0 0 0 1px #207ab7;
317   - padding: calc(4px - 1px);
318   -}
319   -.tox:not([dir=rtl]) .tox-checkbox__label {
320   - margin-left: 4px;
321   -}
322   -.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
323   - margin-left: 4px;
324   -}
325   -.tox[dir=rtl] .tox-checkbox__label {
326   - margin-right: 4px;
327   -}
328   -.tox[dir=rtl] .tox-bar .tox-checkbox {
329   - margin-right: 4px;
330   -}
331   -.tox .tox-collection--toolbar .tox-collection__group {
332   - display: flex;
333   - padding: 0;
334   -}
335   -.tox .tox-collection--grid .tox-collection__group {
336   - display: flex;
337   - flex-wrap: wrap;
338   - max-height: 208px;
339   - overflow-x: hidden;
340   - overflow-y: auto;
341   - padding: 0;
342   -}
343   -.tox .tox-collection--list .tox-collection__group {
344   - border-bottom-width: 0;
345   - border-color: #1a1a1a;
346   - border-left-width: 0;
347   - border-right-width: 0;
348   - border-style: solid;
349   - border-top-width: 1px;
350   - padding: 4px 0;
351   -}
352   -.tox .tox-collection--list .tox-collection__group:first-child {
353   - border-top-width: 0;
354   -}
355   -.tox .tox-collection__group-heading {
356   - background-color: #333333;
357   - color: #fff;
358   - cursor: default;
359   - font-size: 12px;
360   - font-style: normal;
361   - font-weight: normal;
362   - margin-bottom: 4px;
363   - margin-top: -4px;
364   - padding: 4px 8px;
365   - text-transform: none;
366   - -webkit-touch-callout: none;
367   - -webkit-user-select: none;
368   - -moz-user-select: none;
369   - -ms-user-select: none;
370   - user-select: none;
371   -}
372   -.tox .tox-collection__item {
373   - align-items: center;
374   - color: #fff;
375   - cursor: pointer;
376   - display: flex;
377   - -webkit-touch-callout: none;
378   - -webkit-user-select: none;
379   - -moz-user-select: none;
380   - -ms-user-select: none;
381   - user-select: none;
382   -}
383   -.tox .tox-collection--list .tox-collection__item {
384   - padding: 4px 8px;
385   -}
386   -.tox .tox-collection--toolbar .tox-collection__item {
387   - border-radius: 3px;
388   - padding: 4px;
389   -}
390   -.tox .tox-collection--grid .tox-collection__item {
391   - border-radius: 3px;
392   - padding: 4px;
393   -}
394   -.tox .tox-collection--list .tox-collection__item--enabled {
395   - background-color: inherit;
396   - color: contrast(inherit, #222f3e, #fff);
397   -}
398   -.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
399   - background-color: #434e5b;
400   - color: #fff;
401   -}
402   -.tox .tox-collection--toolbar .tox-collection__item--enabled {
403   - background-color: #6f7882;
404   - color: #fff;
405   -}
406   -.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
407   - background-color: #434e5b;
408   - color: #fff;
409   -}
410   -.tox .tox-collection--grid .tox-collection__item--enabled {
411   - background-color: #6f7882;
412   - color: #fff;
413   -}
414   -.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
415   - background-color: #434e5b;
416   - color: #fff;
417   -}
418   -.tox .tox-collection__item--state-disabled {
419   - background-color: transparent;
420   - color: rgba(255, 255, 255, 0.5);
421   - cursor: default;
422   -}
423   -.tox .tox-collection__item-icon {
424   - align-items: center;
425   - display: flex;
426   - height: 24px;
427   - justify-content: center;
428   - width: 24px;
429   -}
430   -.tox .tox-collection__item-icon svg {
431   - fill: currentColor;
432   -}
433   -.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
434   - height: 48px;
435   - width: 48px;
436   -}
437   -.tox .tox-collection__item[role="menuitemcheckbox"]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
438   - display: none;
439   -}
440   -.tox .tox-collection__item-label {
441   - color: currentColor;
442   - display: inline-block;
443   - flex: 1;
444   - -ms-flex-preferred-size: auto;
445   - font-size: 14px;
446   - font-style: normal;
447   - font-weight: normal;
448   - line-height: 24px;
449   - text-transform: none;
450   - word-break: break-all;
451   -}
452   -.tox .tox-collection__item-accessory {
453   - color: rgba(255, 255, 255, 0.5);
454   - display: inline-block;
455   - font-size: 14px;
456   - height: 24px;
457   - line-height: 24px;
458   - text-transform: normal;
459   -}
460   -.tox .tox-collection__item-caret {
461   - align-items: center;
462   - display: flex;
463   - min-height: 24px;
464   -}
465   -.tox .tox-collection__item-caret::after {
466   - content: '';
467   - font-size: 0;
468   - min-height: inherit;
469   -}
470   -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
471   - margin-left: 8px;
472   -}
473   -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child {
474   - margin-left: 4px;
475   -}
476   -.tox:not([dir=rtl]) .tox-collection__item-accessory {
477   - margin-left: 16px;
478   - text-align: right;
479   -}
480   -.tox:not([dir=rtl]) .tox-collection__item-caret {
481   - margin-left: 16px;
482   -}
483   -.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
484   - margin-right: 8px;
485   -}
486   -.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child {
487   - margin-right: 4px;
488   -}
489   -.tox[dir=rtl] .tox-collection__item-icon-rtl {
490   - /* stylelint-disable-next-line no-descending-specificity */
491   -}
492   -.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
493   - transform: rotateY(180deg);
494   -}
495   -.tox[dir=rtl] .tox-collection__item-accessory {
496   - margin-right: 16px;
497   - text-align: left;
498   -}
499   -.tox[dir=rtl] .tox-collection__item-caret {
500   - margin-right: 16px;
501   - transform: rotateY(180deg);
502   -}
503   -.tox .tox-color-picker-container {
504   - display: flex;
505   - flex-direction: row;
506   - height: 225px;
507   - margin: 0;
508   -}
509   -.tox .tox-sv-palette {
510   - box-sizing: border-box;
511   - display: flex;
512   - height: 100%;
513   -}
514   -.tox .tox-sv-palette-spectrum {
515   - height: 100%;
516   -}
517   -.tox .tox-sv-palette,
518   -.tox .tox-sv-palette-spectrum {
519   - width: 225px;
520   -}
521   -.tox .tox-sv-palette-thumb {
522   - background: none;
523   - border: 1px solid black;
524   - border-radius: 50%;
525   - box-sizing: content-box;
526   - height: 12px;
527   - position: absolute;
528   - width: 12px;
529   -}
530   -.tox .tox-sv-palette-inner-thumb {
531   - border: 1px solid white;
532   - border-radius: 50%;
533   - height: 10px;
534   - position: absolute;
535   - width: 10px;
536   -}
537   -.tox .tox-hue-slider {
538   - box-sizing: border-box;
539   - height: 100%;
540   - width: 25px;
541   -}
542   -.tox .tox-hue-slider-spectrum {
543   - background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
544   - height: 100%;
545   - width: 100%;
546   -}
547   -.tox .tox-hue-slider,
548   -.tox .tox-hue-slider-spectrum {
549   - width: 20px;
550   -}
551   -.tox .tox-hue-slider-thumb {
552   - background: white;
553   - border: 1px solid black;
554   - box-sizing: content-box;
555   - height: 4px;
556   - width: 100%;
557   -}
558   -.tox .tox-rgb-form {
559   - display: flex;
560   - flex-direction: column;
561   - justify-content: space-between;
562   -}
563   -.tox .tox-rgb-form div {
564   - align-items: center;
565   - display: flex;
566   - justify-content: space-between;
567   - margin-bottom: 5px;
568   - width: inherit;
569   -}
570   -.tox .tox-rgb-form input {
571   - width: 6em;
572   -}
573   -.tox .tox-rgb-form input.tox-invalid {
574   - /* Need !important to override Chrome's focus styling unfortunately */
575   - border: 1px solid red !important;
576   -}
577   -.tox .tox-rgb-form .tox-rgba-preview {
578   - border: 1px solid black;
579   - flex-grow: 2;
580   - margin-bottom: 0;
581   -}
582   -.tox:not([dir=rtl]) .tox-sv-palette {
583   - margin-right: 15px;
584   -}
585   -.tox:not([dir=rtl]) .tox-hue-slider {
586   - margin-right: 15px;
587   -}
588   -.tox:not([dir=rtl]) .tox-hue-slider-thumb {
589   - margin-left: -1px;
590   -}
591   -.tox:not([dir=rtl]) .tox-rgb-form label {
592   - margin-right: 0.5em;
593   -}
594   -.tox[dir=rtl] .tox-sv-palette {
595   - margin-left: 15px;
596   -}
597   -.tox[dir=rtl] .tox-hue-slider {
598   - margin-left: 15px;
599   -}
600   -.tox[dir=rtl] .tox-hue-slider-thumb {
601   - margin-right: -1px;
602   -}
603   -.tox[dir=rtl] .tox-rgb-form label {
604   - margin-left: 0.5em;
605   -}
606   -.tox .tox-toolbar .tox-swatches,
607   -.tox .tox-toolbar__primary .tox-swatches,
608   -.tox .tox-toolbar__overflow .tox-swatches {
609   - margin: 2px 0 3px 4px;
610   -}
611   -.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
612   - border: 0;
613   - margin: -4px 0;
614   -}
615   -.tox .tox-swatches__row {
616   - display: flex;
617   -}
618   -.tox .tox-swatch {
619   - height: 30px;
620   - transition: transform 0.15s, box-shadow 0.15s;
621   - width: 30px;
622   -}
623   -.tox .tox-swatch:hover,
624   -.tox .tox-swatch:focus {
625   - box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
626   - transform: scale(0.8);
627   -}
628   -.tox .tox-swatch--remove {
629   - align-items: center;
630   - display: flex;
631   - justify-content: center;
632   -}
633   -.tox .tox-swatch--remove svg path {
634   - stroke: #e74c3c;
635   -}
636   -.tox .tox-swatches__picker-btn {
637   - align-items: center;
638   - background-color: transparent;
639   - border: 0;
640   - cursor: pointer;
641   - display: flex;
642   - height: 30px;
643   - justify-content: center;
644   - outline: none;
645   - padding: 0;
646   - width: 30px;
647   -}
648   -.tox .tox-swatches__picker-btn svg {
649   - height: 24px;
650   - width: 24px;
651   -}
652   -.tox .tox-swatches__picker-btn:hover {
653   - background: #434e5b;
654   -}
655   -.tox:not([dir=rtl]) .tox-swatches__picker-btn {
656   - margin-left: auto;
657   -}
658   -.tox[dir=rtl] .tox-swatches__picker-btn {
659   - margin-right: auto;
660   -}
661   -.tox .tox-comment-thread {
662   - background: #2b3b4e;
663   - position: relative;
664   -}
665   -.tox .tox-comment-thread > *:not(:first-child) {
666   - margin-top: 8px;
667   -}
668   -.tox .tox-comment {
669   - background: #2b3b4e;
670   - border: 1px solid #000000;
671   - border-radius: 3px;
672   - box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
673   - padding: 8px 8px 16px 8px;
674   - position: relative;
675   -}
676   -.tox .tox-comment__header {
677   - align-items: center;
678   - color: #fff;
679   - display: flex;
680   - justify-content: space-between;
681   -}
682   -.tox .tox-comment__date {
683   - color: rgba(255, 255, 255, 0.5);
684   - font-size: 12px;
685   -}
686   -.tox .tox-comment__body {
687   - color: #fff;
688   - font-size: 14px;
689   - font-style: normal;
690   - font-weight: normal;
691   - line-height: 1.3;
692   - margin-top: 8px;
693   - position: relative;
694   - text-transform: initial;
695   -}
696   -.tox .tox-comment__body textarea {
697   - resize: none;
698   - white-space: normal;
699   - width: 100%;
700   -}
701   -.tox .tox-comment__expander {
702   - padding-top: 8px;
703   -}
704   -.tox .tox-comment__expander p {
705   - color: rgba(255, 255, 255, 0.5);
706   - font-size: 14px;
707   - font-style: normal;
708   -}
709   -.tox .tox-comment__body p {
710   - margin: 0;
711   -}
712   -.tox .tox-comment__buttonspacing {
713   - padding-top: 16px;
714   - text-align: center;
715   -}
716   -.tox .tox-comment-thread__overlay::after {
717   - background: #2b3b4e;
718   - bottom: 0;
719   - content: "";
720   - display: flex;
721   - left: 0;
722   - opacity: 0.9;
723   - position: absolute;
724   - right: 0;
725   - top: 0;
726   - z-index: 5;
727   -}
728   -.tox .tox-comment__reply {
729   - display: flex;
730   - flex-shrink: 0;
731   - flex-wrap: wrap;
732   - justify-content: flex-end;
733   - margin-top: 8px;
734   -}
735   -.tox .tox-comment__reply > *:first-child {
736   - margin-bottom: 8px;
737   - width: 100%;
738   -}
739   -.tox .tox-comment__edit {
740   - display: flex;
741   - flex-wrap: wrap;
742   - justify-content: flex-end;
743   - margin-top: 16px;
744   -}
745   -.tox .tox-comment__gradient::after {
746   - background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
747   - bottom: 0;
748   - content: "";
749   - display: block;
750   - height: 5em;
751   - margin-top: -40px;
752   - position: absolute;
753   - width: 100%;
754   -}
755   -.tox .tox-comment__overlay {
756   - background: #2b3b4e;
757   - bottom: 0;
758   - display: flex;
759   - flex-direction: column;
760   - flex-grow: 1;
761   - left: 0;
762   - opacity: 0.9;
763   - position: absolute;
764   - right: 0;
765   - text-align: center;
766   - top: 0;
767   - z-index: 5;
768   -}
769   -.tox .tox-comment__loading-text {
770   - align-items: center;
771   - color: #fff;
772   - display: flex;
773   - flex-direction: column;
774   - position: relative;
775   -}
776   -.tox .tox-comment__loading-text > div {
777   - padding-bottom: 16px;
778   -}
779   -.tox .tox-comment__overlaytext {
780   - bottom: 0;
781   - flex-direction: column;
782   - font-size: 14px;
783   - left: 0;
784   - padding: 1em;
785   - position: absolute;
786   - right: 0;
787   - top: 0;
788   - z-index: 10;
789   -}
790   -.tox .tox-comment__overlaytext p {
791   - background-color: #2b3b4e;
792   - box-shadow: 0 0 8px 8px #2b3b4e;
793   - color: #fff;
794   - text-align: center;
795   -}
796   -.tox .tox-comment__overlaytext div:nth-of-type(2) {
797   - font-size: 0.8em;
798   -}
799   -.tox .tox-comment__busy-spinner {
800   - align-items: center;
801   - background-color: #2b3b4e;
802   - bottom: 0;
803   - display: flex;
804   - justify-content: center;
805   - left: 0;
806   - position: absolute;
807   - right: 0;
808   - top: 0;
809   - z-index: 1103;
810   -}
811   -.tox .tox-comment__scroll {
812   - display: flex;
813   - flex-direction: column;
814   - flex-shrink: 1;
815   - overflow: auto;
816   -}
817   -.tox .tox-conversations {
818   - margin: 8px;
819   -}
820   -.tox:not([dir=rtl]) .tox-comment__edit {
821   - margin-left: 8px;
822   -}
823   -.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
824   -.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
825   -.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
826   - margin-left: 8px;
827   -}
828   -.tox[dir=rtl] .tox-comment__edit {
829   - margin-right: 8px;
830   -}
831   -.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
832   -.tox[dir=rtl] .tox-comment__edit > *:last-child,
833   -.tox[dir=rtl] .tox-comment__reply > *:last-child {
834   - margin-right: 8px;
835   -}
836   -.tox .tox-user {
837   - align-items: center;
838   - display: flex;
839   -}
840   -.tox .tox-user__avatar svg {
841   - fill: rgba(255, 255, 255, 0.5);
842   -}
843   -.tox .tox-user__name {
844   - color: rgba(255, 255, 255, 0.5);
845   - font-size: 12px;
846   - font-style: normal;
847   - font-weight: bold;
848   - text-transform: uppercase;
849   -}
850   -.tox:not([dir=rtl]) .tox-user__avatar svg {
851   - margin-right: 8px;
852   -}
853   -.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
854   - margin-left: 8px;
855   -}
856   -.tox[dir=rtl] .tox-user__avatar svg {
857   - margin-left: 8px;
858   -}
859   -.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
860   - margin-right: 8px;
861   -}
862   -.tox .tox-dialog-wrap {
863   - align-items: center;
864   - bottom: 0;
865   - display: flex;
866   - justify-content: center;
867   - left: 0;
868   - position: fixed;
869   - right: 0;
870   - top: 0;
871   - z-index: 1100;
872   -}
873   -.tox .tox-dialog-wrap__backdrop {
874   - background-color: rgba(34, 47, 62, 0.75);
875   - bottom: 0;
876   - left: 0;
877   - position: absolute;
878   - right: 0;
879   - top: 0;
880   - z-index: 1101;
881   -}
882   -.tox .tox-dialog {
883   - background-color: #2b3b4e;
884   - border-color: #000000;
885   - border-radius: 3px;
886   - border-style: solid;
887   - border-width: 1px;
888   - box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
889   - display: flex;
890   - flex-direction: column;
891   - max-height: 100%;
892   - max-width: 480px;
893   - overflow: hidden;
894   - position: relative;
895   - width: 95vw;
896   - z-index: 1102;
897   -}
898   -.tox .tox-dialog__header {
899   - align-items: center;
900   - background-color: #2b3b4e;
901   - border-bottom: none;
902   - color: #fff;
903   - display: flex;
904   - font-size: 16px;
905   - justify-content: space-between;
906   - margin-bottom: 16px;
907   - padding: 8px 16px 0 16px;
908   - position: relative;
909   -}
910   -.tox .tox-dialog__header .tox-button {
911   - z-index: 1;
912   -}
913   -.tox .tox-dialog__draghandle {
914   - cursor: grab;
915   - height: 100%;
916   - left: 0;
917   - position: absolute;
918   - top: 0;
919   - width: 100%;
920   -}
921   -.tox .tox-dialog__draghandle:active {
922   - cursor: grabbing;
923   -}
924   -.tox .tox-dialog__dismiss {
925   - margin-left: auto;
926   -}
927   -.tox .tox-dialog__title {
928   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
929   - font-size: 20px;
930   - font-style: normal;
931   - font-weight: normal;
932   - line-height: 1.3;
933   - margin: 0;
934   - text-transform: normal;
935   -}
936   -.tox .tox-dialog__body {
937   - color: #fff;
938   - display: flex;
939   - flex: 1;
940   - -ms-flex-preferred-size: auto;
941   - font-size: 16px;
942   - font-style: normal;
943   - font-weight: normal;
944   - line-height: 1.3;
945   - min-width: 0;
946   - padding: 0 16px;
947   - text-align: left;
948   - text-transform: normal;
949   -}
950   -.tox .tox-dialog__body-nav {
951   - align-items: flex-start;
952   - display: flex;
953   - flex-direction: column;
954   -}
955   -.tox .tox-dialog__body-nav-item {
956   - border-bottom: 2px solid transparent;
957   - color: rgba(255, 255, 255, 0.5);
958   - display: inline-block;
959   - font-size: 14px;
960   - line-height: 1.3;
961   - margin-bottom: 8px;
962   - text-decoration: none;
963   -}
964   -.tox .tox-dialog__body-nav-item--active {
965   - border-bottom: 2px solid #207ab7;
966   - color: #207ab7;
967   -}
968   -.tox .tox-dialog__body-content {
969   - display: flex;
970   - flex: 1;
971   - flex-direction: column;
972   - -ms-flex-preferred-size: auto;
973   - max-height: 650px;
974   - overflow: auto;
975   -}
976   -.tox .tox-dialog__body-content > * {
977   - margin-bottom: 0;
978   - margin-top: 16px;
979   -}
980   -.tox .tox-dialog__body-content > *:first-child {
981   - margin-top: 0;
982   -}
983   -.tox .tox-dialog__body-content > *:last-child {
984   - margin-bottom: 0;
985   -}
986   -.tox .tox-dialog__body-content > *:only-child {
987   - margin-bottom: 0;
988   - margin-top: 0;
989   -}
990   -.tox .tox-dialog--width-lg {
991   - height: 650px;
992   - max-width: 1200px;
993   -}
994   -.tox .tox-dialog--width-md {
995   - max-width: 800px;
996   -}
997   -.tox .tox-dialog--width-md .tox-dialog__body-content {
998   - overflow: auto;
999   -}
1000   -.tox .tox-dialog__body-content--centered {
1001   - text-align: center;
1002   -}
1003   -.tox .tox-dialog__body-content--spacious {
1004   - margin-bottom: 16px;
1005   -}
1006   -.tox .tox-dialog__footer {
1007   - align-items: center;
1008   - background-color: #2b3b4e;
1009   - border-top: 1px solid #000000;
1010   - display: flex;
1011   - justify-content: space-between;
1012   - margin-top: 16px;
1013   - padding: 8px 16px;
1014   -}
1015   -.tox .tox-dialog__busy-spinner {
1016   - align-items: center;
1017   - background-color: rgba(34, 47, 62, 0.75);
1018   - bottom: 0;
1019   - display: flex;
1020   - justify-content: center;
1021   - left: 0;
1022   - position: absolute;
1023   - right: 0;
1024   - top: 0;
1025   - z-index: 1103;
1026   -}
1027   -.tox .tox-dialog__table {
1028   - border-collapse: collapse;
1029   - width: 100%;
1030   -}
1031   -.tox .tox-dialog__table thead th {
1032   - font-weight: bold;
1033   - padding-bottom: 8px;
1034   -}
1035   -.tox .tox-dialog__table tbody tr {
1036   - border-bottom: 1px solid #000000;
1037   -}
1038   -.tox .tox-dialog__table tbody tr:last-child {
1039   - border-bottom: none;
1040   -}
1041   -.tox .tox-dialog__table td {
1042   - padding-bottom: 8px;
1043   - padding-top: 8px;
1044   -}
1045   -.tox .tox-dialog__popups {
1046   - position: absolute;
1047   - width: 100%;
1048   - z-index: 1100;
1049   -}
1050   -.tox .tox-dialog__body-iframe {
1051   - display: flex;
1052   - flex: 1;
1053   - flex-direction: column;
1054   - -ms-flex-preferred-size: auto;
1055   -}
1056   -.tox .tox-dialog__body-iframe .tox-navobj {
1057   - display: flex;
1058   - flex: 1;
1059   - -ms-flex-preferred-size: auto;
1060   -}
1061   -.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1062   - flex: 1;
1063   - -ms-flex-preferred-size: auto;
1064   - height: 100%;
1065   -}
1066   -body.tox-dialog__disable-scroll {
1067   - overflow: hidden;
1068   -}
1069   -.tox.tox-platform-ie {
1070   - /* IE11 CSS styles go here */
1071   -}
1072   -.tox.tox-platform-ie .tox-dialog-wrap {
1073   - position: -ms-device-fixed;
1074   -}
1075   -.tox:not([dir=rtl]) .tox-dialog__body-nav {
1076   - margin-right: 32px;
1077   -}
1078   -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1079   -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1080   - margin-left: 8px;
1081   -}
1082   -.tox[dir=rtl] .tox-dialog__body {
1083   - text-align: right;
1084   -}
1085   -.tox[dir=rtl] .tox-dialog__body-nav {
1086   - margin-left: 32px;
1087   -}
1088   -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1089   -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1090   - margin-right: 8px;
1091   -}
1092   -.tox .tox-dropzone-container {
1093   - display: flex;
1094   - flex: 1;
1095   - -ms-flex-preferred-size: auto;
1096   -}
1097   -.tox .tox-dropzone {
1098   - align-items: center;
1099   - background: #fff;
1100   - border: 2px dashed #000000;
1101   - box-sizing: border-box;
1102   - display: flex;
1103   - flex-direction: column;
1104   - flex-grow: 1;
1105   - justify-content: center;
1106   - min-height: 100px;
1107   - padding: 10px;
1108   -}
1109   -.tox .tox-dropzone p {
1110   - color: rgba(255, 255, 255, 0.5);
1111   - margin: 0 0 16px 0;
1112   -}
1113   -.tox .tox-edit-area {
1114   - border-top: 1px solid #000000;
1115   - display: flex;
1116   - flex: 1;
1117   - -ms-flex-preferred-size: auto;
1118   - overflow: hidden;
1119   - position: relative;
1120   -}
1121   -.tox .tox-edit-area__iframe {
1122   - background-color: #fff;
1123   - border: 0;
1124   - box-sizing: border-box;
1125   - flex: 1;
1126   - -ms-flex-preferred-size: auto;
1127   - height: 100%;
1128   - position: absolute;
1129   - width: 100%;
1130   -}
1131   -.tox.tox-inline-edit-area {
1132   - border: 1px dotted #000000;
1133   -}
1134   -.tox .tox-control-wrap {
1135   - flex: 1;
1136   - position: relative;
1137   -}
1138   -.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
1139   -.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
1140   -.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
1141   - display: none;
1142   -}
1143   -.tox .tox-control-wrap svg {
1144   - display: block;
1145   -}
1146   -.tox .tox-control-wrap__status-icon-wrap {
1147   - position: absolute;
1148   - top: 50%;
1149   - transform: translateY(-50%);
1150   -}
1151   -.tox .tox-control-wrap__status-icon-invalid svg {
1152   - fill: #c00;
1153   -}
1154   -.tox .tox-control-wrap__status-icon-unknown svg {
1155   - fill: orange;
1156   -}
1157   -.tox .tox-control-wrap__status-icon-valid svg {
1158   - fill: green;
1159   -}
1160   -.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
1161   -.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
1162   -.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
1163   - padding-right: 32px;
1164   -}
1165   -.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1166   - right: 4px;
1167   -}
1168   -.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
1169   -.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
1170   -.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
1171   - padding-left: 32px;
1172   -}
1173   -.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1174   - left: 4px;
1175   -}
1176   -.tox .tox-autocompleter {
1177   - max-width: 25em;
1178   -}
1179   -.tox .tox-autocompleter .tox-menu {
1180   - max-width: 25em;
1181   -}
1182   -.tox .tox-color-input {
1183   - display: flex;
1184   -}
1185   -.tox .tox-color-input .tox-textfield {
1186   - border-radius: 3px 0 0 3px;
1187   - display: flex;
1188   -}
1189   -.tox .tox-color-input span {
1190   - border-color: rgba(34, 47, 62, 0.2);
1191   - border-radius: 0 3px 3px 0;
1192   - border-style: solid;
1193   - border-width: 1px 1px 1px 0;
1194   - box-shadow: none;
1195   - box-sizing: border-box;
1196   - cursor: pointer;
1197   - display: flex;
1198   - width: 35px;
1199   -}
1200   -.tox .tox-color-input span:focus {
1201   - border-color: #207ab7;
1202   -}
1203   -.tox[dir="rtl"] .tox-color-input .tox-textfield {
1204   - border-radius: 0 3px 3px 0;
1205   -}
1206   -.tox[dir="rtl"] .tox-color-input span {
1207   - border-radius: 3px 0 0 3px;
1208   - border-width: 1px 0 1px 1px;
1209   -}
1210   -.tox .tox-label,
1211   -.tox .tox-toolbar-label {
1212   - color: rgba(255, 255, 255, 0.5);
1213   - display: block;
1214   - font-size: 14px;
1215   - font-style: normal;
1216   - font-weight: normal;
1217   - line-height: 1.3;
1218   - padding: 0 8px 0 0;
1219   - text-transform: normal;
1220   - white-space: nowrap;
1221   -}
1222   -.tox .tox-toolbar-label {
1223   - padding: 0 8px;
1224   -}
1225   -.tox[dir=rtl] .tox-label {
1226   - padding: 0 0 0 8px;
1227   -}
1228   -.tox .tox-form {
1229   - display: flex;
1230   - flex: 1;
1231   - flex-direction: column;
1232   - -ms-flex-preferred-size: auto;
1233   -}
1234   -.tox .tox-form__group {
1235   - box-sizing: border-box;
1236   - margin-bottom: 4px;
1237   -}
1238   -.tox .tox-form__group--error {
1239   - color: #c00;
1240   -}
1241   -.tox .tox-form__group--collection {
1242   - display: flex;
1243   -}
1244   -.tox .tox-form__grid {
1245   - display: flex;
1246   - flex-direction: row;
1247   - flex-wrap: wrap;
1248   - justify-content: space-between;
1249   -}
1250   -.tox .tox-form__grid--2col > .tox-form__group {
1251   - width: calc(50% - (8px / 2));
1252   -}
1253   -.tox .tox-form__grid--3col > .tox-form__group {
1254   - width: calc(100% / 3 - (8px / 2));
1255   -}
1256   -.tox .tox-form__grid--4col > .tox-form__group {
1257   - width: calc(25% - (8px / 2));
1258   -}
1259   -.tox .tox-form__controls-h-stack {
1260   - align-items: center;
1261   - display: flex;
1262   -}
1263   -.tox .tox-form__group--inline {
1264   - align-items: center;
1265   - display: flex;
1266   -}
1267   -.tox .tox-form__group--stretched {
1268   - display: flex;
1269   - flex: 1;
1270   - flex-direction: column;
1271   - -ms-flex-preferred-size: auto;
1272   -}
1273   -.tox .tox-form__group--stretched .tox-textarea {
1274   - flex: 1;
1275   - -ms-flex-preferred-size: auto;
1276   -}
1277   -.tox .tox-form__group--stretched .tox-navobj {
1278   - display: flex;
1279   - flex: 1;
1280   - -ms-flex-preferred-size: auto;
1281   -}
1282   -.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1283   - flex: 1;
1284   - -ms-flex-preferred-size: auto;
1285   - height: 100%;
1286   -}
1287   -.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1288   - margin-left: 4px;
1289   -}
1290   -.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1291   - margin-right: 4px;
1292   -}
1293   -.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
1294   -.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1295   - display: none;
1296   -}
1297   -.tox .tox-textfield,
1298   -.tox .tox-toolbar-textfield,
1299   -.tox:not([dir=rtl]) .tox-selectfield select,
1300   -.tox[dir=rtl] .tox-selectfield select,
1301   -.tox .tox-textarea {
1302   - -webkit-appearance: none;
1303   - -moz-appearance: none;
1304   - appearance: none;
1305   - background-color: #2b3b4e;
1306   - border-color: #000000;
1307   - border-radius: 3px;
1308   - border-style: solid;
1309   - border-width: 1px;
1310   - box-shadow: none;
1311   - box-sizing: border-box;
1312   - color: #fff;
1313   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1314   - font-size: 16px;
1315   - line-height: 24px;
1316   - margin: 0;
1317   - outline: none;
1318   - padding: 5px 4.75px;
1319   - resize: none;
1320   - width: 100%;
1321   -}
1322   -.tox .tox-textfield:focus,
1323   -.tox .tox-selectfield select:focus,
1324   -.tox .tox-textarea:focus {
1325   - border-color: #207ab7;
1326   - box-shadow: none;
1327   - outline: none;
1328   -}
1329   -.tox .tox-toolbar-textfield {
1330   - border-width: 0;
1331   - margin-bottom: 3px;
1332   - margin-top: 2px;
1333   - max-width: 250px;
1334   -}
1335   -.tox .tox-naked-btn {
1336   - background-color: transparent;
1337   - border: 0;
1338   - border-color: transparent;
1339   - box-shadow: unset;
1340   - color: #207ab7;
1341   - cursor: pointer;
1342   - display: block;
1343   - margin: 0;
1344   - padding: 0;
1345   -}
1346   -.tox .tox-naked-btn svg {
1347   - display: block;
1348   - fill: #fff;
1349   -}
1350   -.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
1351   - margin-left: 4px;
1352   -}
1353   -.tox[dir=rtl] .tox-toolbar-textfield + * {
1354   - margin-right: 4px;
1355   -}
1356   -.tox .tox-selectfield {
1357   - cursor: pointer;
1358   - position: relative;
1359   -}
1360   -.tox .tox-selectfield select::-ms-expand {
1361   - display: none;
1362   -}
1363   -.tox .tox-selectfield svg {
1364   - pointer-events: none;
1365   - position: absolute;
1366   - top: 50%;
1367   - transform: translateY(-50%);
1368   -}
1369   -.tox:not([dir=rtl]) .tox-selectfield select {
1370   - padding-right: 24px;
1371   -}
1372   -.tox:not([dir=rtl]) .tox-selectfield svg {
1373   - right: 8px;
1374   -}
1375   -.tox[dir=rtl] .tox-selectfield select {
1376   - padding-left: 24px;
1377   -}
1378   -.tox[dir=rtl] .tox-selectfield svg {
1379   - left: 8px;
1380   -}
1381   -.tox .tox-textarea {
1382   - -webkit-appearance: textarea;
1383   - -moz-appearance: textarea;
1384   - appearance: textarea;
1385   - white-space: pre-wrap;
1386   -}
1387   -.tox-fullscreen {
1388   - border: 0;
1389   - height: 100%;
1390   - left: 0;
1391   - margin: 0;
1392   - overflow: hidden;
1393   - padding: 0;
1394   - position: fixed;
1395   - top: 0;
1396   - width: 100%;
1397   -}
1398   -.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
1399   - display: none;
1400   -}
1401   -.tox-fullscreen .tox.tox-tinymce.tox-fullscreen {
1402   - z-index: 1200;
1403   -}
1404   -.tox-fullscreen .tox.tox-tinymce-aux {
1405   - z-index: 1201;
1406   -}
1407   -.tox .tox-image-tools {
1408   - width: 100%;
1409   -}
1410   -.tox .tox-image-tools__toolbar {
1411   - align-items: center;
1412   - display: flex;
1413   - justify-content: center;
1414   -}
1415   -.tox .tox-image-tools__image {
1416   - background-color: #666;
1417   - height: 380px;
1418   - overflow: auto;
1419   - position: relative;
1420   - width: 100%;
1421   -}
1422   -.tox .tox-image-tools__image,
1423   -.tox .tox-image-tools__image + .tox-image-tools__toolbar {
1424   - margin-top: 8px;
1425   -}
1426   -.tox .tox-image-tools__image-bg {
1427   - background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
1428   -}
1429   -.tox .tox-image-tools__toolbar > .tox-spacer {
1430   - flex: 1;
1431   - -ms-flex-preferred-size: auto;
1432   -}
1433   -.tox .tox-croprect-block {
1434   - background: black;
1435   - filter: alpha(opacity=50);
1436   - opacity: 0.5;
1437   - position: absolute;
1438   - zoom: 1;
1439   -}
1440   -.tox .tox-croprect-handle {
1441   - border: 2px solid white;
1442   - height: 20px;
1443   - left: 0;
1444   - position: absolute;
1445   - top: 0;
1446   - width: 20px;
1447   -}
1448   -.tox .tox-croprect-handle-move {
1449   - border: 0;
1450   - cursor: move;
1451   - position: absolute;
1452   -}
1453   -.tox .tox-croprect-handle-nw {
1454   - border-width: 2px 0 0 2px;
1455   - cursor: nw-resize;
1456   - left: 100px;
1457   - margin: -2px 0 0 -2px;
1458   - top: 100px;
1459   -}
1460   -.tox .tox-croprect-handle-ne {
1461   - border-width: 2px 2px 0 0;
1462   - cursor: ne-resize;
1463   - left: 200px;
1464   - margin: -2px 0 0 -20px;
1465   - top: 100px;
1466   -}
1467   -.tox .tox-croprect-handle-sw {
1468   - border-width: 0 0 2px 2px;
1469   - cursor: sw-resize;
1470   - left: 100px;
1471   - margin: -20px 2px 0 -2px;
1472   - top: 200px;
1473   -}
1474   -.tox .tox-croprect-handle-se {
1475   - border-width: 0 2px 2px 0;
1476   - cursor: se-resize;
1477   - left: 200px;
1478   - margin: -20px 0 0 -20px;
1479   - top: 200px;
1480   -}
1481   -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
1482   - margin-left: 8px;
1483   -}
1484   -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
1485   - margin-left: 32px;
1486   -}
1487   -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
1488   - margin-left: 32px;
1489   -}
1490   -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
1491   - margin-right: 8px;
1492   -}
1493   -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
1494   - margin-right: 32px;
1495   -}
1496   -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
1497   - margin-right: 32px;
1498   -}
1499   -.tox .tox-insert-table-picker {
1500   - display: flex;
1501   - flex-wrap: wrap;
1502   - width: 169px;
1503   -}
1504   -.tox .tox-insert-table-picker > div {
1505   - border-color: #070a0d;
1506   - border-style: solid;
1507   - border-width: 0 1px 1px 0;
1508   - box-sizing: content-box;
1509   - height: 16px;
1510   - width: 16px;
1511   -}
1512   -.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
1513   - margin: -4px 0;
1514   -}
1515   -.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
1516   - background-color: rgba(32, 122, 183, 0.5);
1517   - border-color: rgba(32, 122, 183, 0.5);
1518   -}
1519   -.tox .tox-insert-table-picker__label {
1520   - color: #fff;
1521   - display: block;
1522   - font-size: 14px;
1523   - padding: 4px;
1524   - text-align: center;
1525   - width: 100%;
1526   -}
1527   -.tox:not([dir=rtl]) {
1528   - /* stylelint-disable-next-line no-descending-specificity */
1529   -}
1530   -.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
1531   - border-right: 0;
1532   -}
1533   -.tox[dir=rtl] {
1534   - /* stylelint-disable-next-line no-descending-specificity */
1535   -}
1536   -.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
1537   - border-right: 0;
1538   -}
1539   -.tox {
1540   - /* stylelint-disable */
1541   - /* stylelint-enable */
1542   -}
1543   -.tox .tox-menu {
1544   - background-color: #2b3b4e;
1545   - border: 1px solid #000000;
1546   - border-radius: 3px;
1547   - box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1548   - display: inline-block;
1549   - overflow: hidden;
1550   - vertical-align: top;
1551   - z-index: 1;
1552   -}
1553   -.tox .tox-menu.tox-collection.tox-collection--list {
1554   - padding: 0;
1555   -}
1556   -.tox .tox-menu.tox-collection.tox-collection--toolbar {
1557   - padding: 4px;
1558   -}
1559   -.tox .tox-menu.tox-collection.tox-collection--grid {
1560   - padding: 4px;
1561   -}
1562   -.tox .tox-menu__label h1,
1563   -.tox .tox-menu__label h2,
1564   -.tox .tox-menu__label h3,
1565   -.tox .tox-menu__label h4,
1566   -.tox .tox-menu__label h5,
1567   -.tox .tox-menu__label h6,
1568   -.tox .tox-menu__label p,
1569   -.tox .tox-menu__label blockquote,
1570   -.tox .tox-menu__label code {
1571   - margin: 0;
1572   -}
1573   -.tox .tox-menubar {
1574   - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
1575   - background-color: #222f3e;
1576   - display: flex;
1577   - flex: 0 0 auto;
1578   - flex-shrink: 0;
1579   - flex-wrap: wrap;
1580   - margin-bottom: -1px;
1581   - padding: 0 4px;
1582   -}
1583   -.tox .tox-mbtn {
1584   - align-items: center;
1585   - background: none;
1586   - border: 0;
1587   - border-radius: 3px;
1588   - box-shadow: none;
1589   - color: #fff;
1590   - display: flex;
1591   - flex: 0 0 auto;
1592   - font-size: 14px;
1593   - font-style: normal;
1594   - font-weight: normal;
1595   - height: 34px;
1596   - justify-content: center;
1597   - margin: 2px 0 3px 0;
1598   - outline: none;
1599   - overflow: hidden;
1600   - padding: 0 4px;
1601   - text-transform: normal;
1602   - width: auto;
1603   -}
1604   -.tox .tox-mbtn[disabled] {
1605   - background-color: none;
1606   - border-color: none;
1607   - box-shadow: none;
1608   - color: rgba(255, 255, 255, 0.5);
1609   - cursor: not-allowed;
1610   -}
1611   -.tox .tox-mbtn:hover:not(:disabled) {
1612   - background: #434e5b;
1613   - box-shadow: none;
1614   - color: #fff;
1615   -}
1616   -.tox .tox-mbtn:focus:not(:disabled) {
1617   - background: #434e5b;
1618   - box-shadow: none;
1619   - color: #fff;
1620   -}
1621   -.tox .tox-mbtn--active {
1622   - background: #6f7882;
1623   - box-shadow: none;
1624   - color: #fff;
1625   -}
1626   -.tox .tox-mbtn__select-label {
1627   - cursor: default;
1628   - font-weight: normal;
1629   - margin: 0 4px;
1630   -}
1631   -.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
1632   - cursor: not-allowed;
1633   -}
1634   -.tox .tox-mbtn__select-chevron {
1635   - align-items: center;
1636   - display: flex;
1637   - justify-content: center;
1638   - width: 16px;
1639   - display: none;
1640   -}
1641   -.tox .tox-notification {
1642   - background-color: #fffaea;
1643   - border-color: #ffe89d;
1644   - border-style: solid;
1645   - border-width: 1px;
1646   - box-sizing: border-box;
1647   - display: grid;
1648   - grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
1649   - margin-top: 5px;
1650   - opacity: 0;
1651   - padding: 5px;
1652   - transition: transform 100ms ease-in, opacity 150ms ease-in;
1653   -}
1654   -.tox .tox-notification--in {
1655   - opacity: 1;
1656   -}
1657   -.tox .tox-notification--success {
1658   - background-color: #dff0d8;
1659   - border-color: #d6e9c6;
1660   -}
1661   -.tox .tox-notification--error {
1662   - background-color: #f2dede;
1663   - border-color: #ebccd1;
1664   -}
1665   -.tox .tox-notification--warn {
1666   - background-color: #fcf8e3;
1667   - border-color: #faebcc;
1668   -}
1669   -.tox .tox-notification--info {
1670   - background-color: #d9edf7;
1671   - border-color: #779ecb;
1672   -}
1673   -.tox .tox-notification__body {
1674   - align-self: center;
1675   - color: #fff;
1676   - font-size: 14px;
1677   - grid-column-end: 3;
1678   - -ms-grid-column-span: 1;
1679   - grid-column-start: 2;
1680   - grid-row-end: 2;
1681   - grid-row-start: 1;
1682   - text-align: center;
1683   - white-space: normal;
1684   - word-break: break-all;
1685   - word-break: break-word;
1686   -}
1687   -.tox .tox-notification__body > * {
1688   - margin: 0;
1689   -}
1690   -.tox .tox-notification__body > * + * {
1691   - margin-top: 1rem;
1692   -}
1693   -.tox .tox-notification__icon {
1694   - align-self: center;
1695   - -ms-grid-column-align: end;
1696   - grid-column-end: 2;
1697   - -ms-grid-column-span: 1;
1698   - grid-column-start: 1;
1699   - grid-row-end: 2;
1700   - grid-row-start: 1;
1701   - justify-self: end;
1702   -}
1703   -.tox .tox-notification__icon svg {
1704   - display: block;
1705   -}
1706   -.tox .tox-notification__dismiss {
1707   - align-self: start;
1708   - -ms-grid-column-align: end;
1709   - grid-column-end: 4;
1710   - -ms-grid-column-span: 1;
1711   - grid-column-start: 3;
1712   - grid-row-end: 2;
1713   - grid-row-start: 1;
1714   - justify-self: end;
1715   -}
1716   -.tox .tox-notification .tox-progress-bar {
1717   - -ms-grid-column-align: center;
1718   - grid-column-end: 4;
1719   - -ms-grid-column-span: 3;
1720   - grid-column-start: 1;
1721   - grid-row-end: 3;
1722   - -ms-grid-row-span: 1;
1723   - grid-row-start: 2;
1724   - justify-self: center;
1725   -}
1726   -.tox .tox-pop {
1727   - display: inline-block;
1728   - position: relative;
1729   -}
1730   -.tox .tox-pop--resizing {
1731   - transition: width 0.1s ease;
1732   -}
1733   -.tox .tox-pop--resizing .tox-toolbar {
1734   - flex-wrap: nowrap;
1735   -}
1736   -.tox .tox-pop__dialog {
1737   - background-color: #222f3e;
1738   - border: 1px solid #000000;
1739   - border-radius: 3px;
1740   - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1741   - min-width: 0;
1742   - overflow: hidden;
1743   -}
1744   -.tox .tox-pop__dialog > *:not(.tox-toolbar) {
1745   - margin: 4px 4px 4px 8px;
1746   -}
1747   -.tox .tox-pop__dialog .tox-toolbar {
1748   - background-color: transparent;
1749   -}
1750   -.tox .tox-pop::before,
1751   -.tox .tox-pop::after {
1752   - border-style: solid;
1753   - content: '';
1754   - display: block;
1755   - height: 0;
1756   - position: absolute;
1757   - width: 0;
1758   -}
1759   -.tox .tox-pop.tox-pop--bottom::before,
1760   -.tox .tox-pop.tox-pop--bottom::after {
1761   - left: 50%;
1762   - top: 100%;
1763   -}
1764   -.tox .tox-pop.tox-pop--bottom::after {
1765   - border-color: #222f3e transparent transparent transparent;
1766   - border-width: 8px;
1767   - margin-left: -8px;
1768   - margin-top: -1px;
1769   -}
1770   -.tox .tox-pop.tox-pop--bottom::before {
1771   - border-color: #000000 transparent transparent transparent;
1772   - border-width: 9px;
1773   - margin-left: -9px;
1774   -}
1775   -.tox .tox-pop.tox-pop--top::before,
1776   -.tox .tox-pop.tox-pop--top::after {
1777   - left: 50%;
1778   - top: 0;
1779   - transform: translateY(-100%);
1780   -}
1781   -.tox .tox-pop.tox-pop--top::after {
1782   - border-color: transparent transparent #222f3e transparent;
1783   - border-width: 8px;
1784   - margin-left: -8px;
1785   - margin-top: 1px;
1786   -}
1787   -.tox .tox-pop.tox-pop--top::before {
1788   - border-color: transparent transparent #000000 transparent;
1789   - border-width: 9px;
1790   - margin-left: -9px;
1791   -}
1792   -.tox .tox-pop.tox-pop--left::before,
1793   -.tox .tox-pop.tox-pop--left::after {
1794   - left: 0;
1795   - top: calc(50% - 1px);
1796   - transform: translateY(-50%);
1797   -}
1798   -.tox .tox-pop.tox-pop--left::after {
1799   - border-color: transparent #222f3e transparent transparent;
1800   - border-width: 8px;
1801   - margin-left: -15px;
1802   -}
1803   -.tox .tox-pop.tox-pop--left::before {
1804   - border-color: transparent #000000 transparent transparent;
1805   - border-width: 10px;
1806   - margin-left: -19px;
1807   -}
1808   -.tox .tox-pop.tox-pop--right::before,
1809   -.tox .tox-pop.tox-pop--right::after {
1810   - left: 100%;
1811   - top: calc(50% + 1px);
1812   - transform: translateY(-50%);
1813   -}
1814   -.tox .tox-pop.tox-pop--right::after {
1815   - border-color: transparent transparent transparent #222f3e;
1816   - border-width: 8px;
1817   - margin-left: -1px;
1818   -}
1819   -.tox .tox-pop.tox-pop--right::before {
1820   - border-color: transparent transparent transparent #000000;
1821   - border-width: 10px;
1822   - margin-left: -1px;
1823   -}
1824   -.tox .tox-pop.tox-pop--align-left::before,
1825   -.tox .tox-pop.tox-pop--align-left::after {
1826   - left: 20px;
1827   -}
1828   -.tox .tox-pop.tox-pop--align-right::before,
1829   -.tox .tox-pop.tox-pop--align-right::after {
1830   - left: calc(100% - 20px);
1831   -}
1832   -.tox .tox-sidebar-wrap {
1833   - display: flex;
1834   - flex-direction: row;
1835   - flex-grow: 1;
1836   - min-height: 0;
1837   -}
1838   -.tox .tox-sidebar {
1839   - display: flex;
1840   - flex-direction: row;
1841   - justify-content: flex-end;
1842   -}
1843   -.tox .tox-sidebar__slider {
1844   - display: flex;
1845   - overflow: hidden;
1846   -}
1847   -.tox .tox-sidebar__pane-container {
1848   - display: flex;
1849   -}
1850   -.tox .tox-sidebar__pane {
1851   - display: flex;
1852   -}
1853   -.tox .tox-sidebar--sliding-closed {
1854   - opacity: 0;
1855   -}
1856   -.tox .tox-sidebar--sliding-open {
1857   - opacity: 1;
1858   -}
1859   -.tox .tox-sidebar--sliding-growing,
1860   -.tox .tox-sidebar--sliding-shrinking {
1861   - transition: width 0.5s ease, opacity 0.5s ease;
1862   -}
1863   -.tox .tox-slider {
1864   - align-items: center;
1865   - display: flex;
1866   - flex: 1;
1867   - -ms-flex-preferred-size: auto;
1868   - height: 24px;
1869   - justify-content: center;
1870   - position: relative;
1871   -}
1872   -.tox .tox-slider__rail {
1873   - background-color: transparent;
1874   - border: 1px solid #000000;
1875   - border-radius: 3px;
1876   - height: 10px;
1877   - min-width: 120px;
1878   - width: 100%;
1879   -}
1880   -.tox .tox-slider__handle {
1881   - background-color: #207ab7;
1882   - border: 2px solid #185d8c;
1883   - border-radius: 3px;
1884   - box-shadow: none;
1885   - height: 24px;
1886   - left: 50%;
1887   - position: absolute;
1888   - top: 50%;
1889   - transform: translateX(-50%) translateY(-50%);
1890   - width: 14px;
1891   -}
1892   -.tox .tox-source-code {
1893   - overflow: auto;
1894   -}
1895   -.tox .tox-spinner {
1896   - display: flex;
1897   -}
1898   -.tox .tox-spinner > div {
1899   - animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
1900   - background-color: rgba(255, 255, 255, 0.5);
1901   - border-radius: 100%;
1902   - height: 8px;
1903   - width: 8px;
1904   -}
1905   -.tox .tox-spinner > div:nth-child(1) {
1906   - animation-delay: -0.32s;
1907   -}
1908   -.tox .tox-spinner > div:nth-child(2) {
1909   - animation-delay: -0.16s;
1910   -}
1911   -@keyframes tam-bouncing-dots {
1912   - 0%,
1913   - 80%,
1914   - 100% {
1915   - transform: scale(0);
1916   - }
1917   - 40% {
1918   - transform: scale(1);
1919   - }
1920   -}
1921   -.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
1922   - margin-left: 4px;
1923   -}
1924   -.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
1925   - margin-right: 4px;
1926   -}
1927   -.tox .tox-statusbar {
1928   - align-items: center;
1929   - background-color: #222f3e;
1930   - border-top: 1px solid #000000;
1931   - color: rgba(255, 255, 255, 0.5);
1932   - display: flex;
1933   - flex: 0 0 auto;
1934   - font-size: 12px;
1935   - height: 18px;
1936   - overflow: hidden;
1937   - padding: 0 8px;
1938   - position: relative;
1939   - text-transform: uppercase;
1940   -}
1941   -.tox .tox-statusbar a {
1942   - color: rgba(255, 255, 255, 0.5);
1943   - text-decoration: none;
1944   -}
1945   -.tox .tox-statusbar a:hover {
1946   - text-decoration: underline;
1947   -}
1948   -.tox .tox-statusbar__text-container {
1949   - display: flex;
1950   - flex: 1 1 auto;
1951   - justify-content: flex-end;
1952   - overflow: hidden;
1953   -}
1954   -.tox .tox-statusbar__path {
1955   - display: flex;
1956   - flex: 1 1 auto;
1957   - margin-right: auto;
1958   - overflow: hidden;
1959   - text-overflow: ellipsis;
1960   - white-space: nowrap;
1961   -}
1962   -.tox .tox-statusbar__path > * {
1963   - display: inline;
1964   - white-space: nowrap;
1965   -}
1966   -.tox .tox-statusbar__wordcount {
1967   - flex: 0 0 auto;
1968   - margin-left: 1ch;
1969   -}
1970   -.tox .tox-statusbar__resize-handle {
1971   - align-items: flex-end;
1972   - align-self: stretch;
1973   - cursor: nwse-resize;
1974   - display: flex;
1975   - flex: 0 0 auto;
1976   - justify-content: flex-end;
1977   - margin-left: auto;
1978   - margin-right: -8px;
1979   - padding-left: 1ch;
1980   -}
1981   -.tox .tox-statusbar__resize-handle svg {
1982   - display: block;
1983   - fill: rgba(255, 255, 255, 0.5);
1984   -}
1985   -.tox:not([dir=rtl]) .tox-statusbar__path > * {
1986   - margin-right: 4px;
1987   -}
1988   -.tox:not([dir=rtl]) .tox-statusbar__branding {
1989   - margin-left: 1ch;
1990   -}
1991   -.tox[dir=rtl] .tox-statusbar {
1992   - flex-direction: row-reverse;
1993   -}
1994   -.tox[dir=rtl] .tox-statusbar__path > * {
1995   - margin-left: 4px;
1996   -}
1997   -.tox .tox-throbber {
1998   - z-index: 1400;
1999   -}
2000   -.tox .tox-throbber__busy-spinner {
2001   - align-items: center;
2002   - background-color: rgba(34, 47, 62, 0.6);
2003   - bottom: 0;
2004   - display: flex;
2005   - justify-content: center;
2006   - left: 0;
2007   - position: absolute;
2008   - right: 0;
2009   - top: 0;
2010   -}
2011   -.tox .tox-tbtn {
2012   - align-items: center;
2013   - background: none;
2014   - border: 0;
2015   - border-radius: 3px;
2016   - box-shadow: none;
2017   - color: #fff;
2018   - display: flex;
2019   - flex: 0 0 auto;
2020   - font-size: 14px;
2021   - font-style: normal;
2022   - font-weight: normal;
2023   - height: 34px;
2024   - justify-content: center;
2025   - margin: 2px 0 3px 0;
2026   - outline: none;
2027   - overflow: hidden;
2028   - padding: 0;
2029   - text-transform: normal;
2030   - width: 34px;
2031   -}
2032   -.tox .tox-tbtn svg {
2033   - display: block;
2034   - fill: #fff;
2035   -}
2036   -.tox .tox-tbtn.tox-tbtn-more {
2037   - padding-left: 5px;
2038   - padding-right: 5px;
2039   - width: inherit;
2040   -}
2041   -.tox .tox-tbtn--enabled {
2042   - background: #6f7882;
2043   - box-shadow: none;
2044   - color: #fff;
2045   -}
2046   -.tox .tox-tbtn--enabled > * {
2047   - transform: none;
2048   -}
2049   -.tox .tox-tbtn--enabled svg {
2050   - fill: #fff;
2051   -}
2052   -.tox .tox-tbtn:hover {
2053   - background: #434e5b;
2054   - box-shadow: none;
2055   - color: #fff;
2056   -}
2057   -.tox .tox-tbtn:hover svg {
2058   - fill: #fff;
2059   -}
2060   -.tox .tox-tbtn:focus {
2061   - background: #434e5b;
2062   - box-shadow: none;
2063   - color: #fff;
2064   -}
2065   -.tox .tox-tbtn:focus svg {
2066   - fill: #fff;
2067   -}
2068   -.tox .tox-tbtn:active {
2069   - background: #6f7882;
2070   - box-shadow: none;
2071   - color: #fff;
2072   -}
2073   -.tox .tox-tbtn:active svg {
2074   - fill: #fff;
2075   -}
2076   -.tox .tox-tbtn--disabled,
2077   -.tox .tox-tbtn--disabled:hover,
2078   -.tox .tox-tbtn:disabled,
2079   -.tox .tox-tbtn:disabled:hover {
2080   - background: none;
2081   - box-shadow: none;
2082   - color: rgba(255, 255, 255, 0.5);
2083   - cursor: not-allowed;
2084   -}
2085   -.tox .tox-tbtn--disabled svg,
2086   -.tox .tox-tbtn--disabled:hover svg,
2087   -.tox .tox-tbtn:disabled svg,
2088   -.tox .tox-tbtn:disabled:hover svg {
2089   - /* stylelint-disable-line no-descending-specificity */
2090   - fill: rgba(255, 255, 255, 0.5);
2091   -}
2092   -.tox .tox-tbtn:active > * {
2093   - transform: none;
2094   -}
2095   -.tox .tox-tbtn--md {
2096   - height: 51px;
2097   - width: 51px;
2098   -}
2099   -.tox .tox-tbtn--lg {
2100   - flex-direction: column;
2101   - height: 68px;
2102   - width: 68px;
2103   -}
2104   -.tox .tox-tbtn--return {
2105   - align-self: stretch;
2106   - height: unset;
2107   - width: 16px;
2108   -}
2109   -.tox .tox-tbtn--labeled {
2110   - padding: 0 4px;
2111   - width: unset;
2112   -}
2113   -.tox .tox-tbtn__vlabel {
2114   - display: block;
2115   - font-size: 10px;
2116   - font-weight: normal;
2117   - letter-spacing: -0.025em;
2118   - margin-bottom: 4px;
2119   - white-space: nowrap;
2120   -}
2121   -.tox .tox-tbtn--select {
2122   - margin: 2px 0 3px 0;
2123   - padding: 0 4px;
2124   - width: auto;
2125   -}
2126   -.tox .tox-tbtn__select-label {
2127   - cursor: default;
2128   - font-weight: normal;
2129   - margin: 0 4px;
2130   -}
2131   -.tox .tox-tbtn__select-chevron {
2132   - align-items: center;
2133   - display: flex;
2134   - justify-content: center;
2135   - width: 16px;
2136   -}
2137   -.tox .tox-tbtn__select-chevron svg {
2138   - fill: rgba(255, 255, 255, 0.5);
2139   -}
2140   -.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2141   - overflow: hidden;
2142   - text-overflow: ellipsis;
2143   - white-space: nowrap;
2144   - width: 7em;
2145   -}
2146   -.tox .tox-split-button {
2147   - border: 0;
2148   - border-radius: 3px;
2149   - box-sizing: border-box;
2150   - display: flex;
2151   - margin: 2px 0 3px 0;
2152   - overflow: hidden;
2153   -}
2154   -.tox .tox-split-button:hover {
2155   - box-shadow: 0 0 0 1px #434e5b inset;
2156   -}
2157   -.tox .tox-split-button:focus {
2158   - background: #434e5b;
2159   - box-shadow: none;
2160   - color: #fff;
2161   -}
2162   -.tox .tox-split-button > * {
2163   - border-radius: 0;
2164   -}
2165   -.tox .tox-split-button__chevron {
2166   - width: 16px;
2167   -}
2168   -.tox .tox-split-button__chevron svg {
2169   - fill: rgba(255, 255, 255, 0.5);
2170   -}
2171   -.tox .tox-pop .tox-split-button__chevron svg {
2172   - transform: rotate(-90deg);
2173   -}
2174   -.tox .tox-split-button .tox-tbtn {
2175   - margin: 0;
2176   -}
2177   -.tox .tox-split-button.tox-tbtn--disabled:hover,
2178   -.tox .tox-split-button.tox-tbtn--disabled:focus,
2179   -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
2180   -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
2181   - background: none;
2182   - box-shadow: none;
2183   - color: rgba(255, 255, 255, 0.5);
2184   -}
2185   -.tox .tox-toolbar,
2186   -.tox .tox-toolbar__primary,
2187   -.tox .tox-toolbar__overflow {
2188   - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
2189   - background-color: #222f3e;
2190   - border-top: 1px solid #000000;
2191   - display: flex;
2192   - flex: 0 0 auto;
2193   - flex-shrink: 0;
2194   - flex-wrap: wrap;
2195   - margin-bottom: -1px;
2196   - padding: 0 0;
2197   -}
2198   -.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
2199   - height: 0;
2200   - opacity: 0;
2201   - visibility: hidden;
2202   -}
2203   -.tox .tox-toolbar__overflow--growing {
2204   - transition: height 0.3s ease, opacity 0.2s linear 0.1s;
2205   -}
2206   -.tox .tox-toolbar__overflow--shrinking {
2207   - transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
2208   -}
2209   -.tox .tox-pop .tox-toolbar {
2210   - border-width: 0;
2211   -}
2212   -.tox .tox-toolbar--no-divider {
2213   - background-image: none;
2214   -}
2215   -.tox.tox-tinymce-aux .tox-toolbar__overflow {
2216   - background-color: #222f3e;
2217   - border: 1px solid #000000;
2218   - border-radius: 3px;
2219   - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2220   -}
2221   -.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow {
2222   - margin-left: 4px;
2223   -}
2224   -.tox[dir=rtl] .tox-tbtn__icon-rtl svg {
2225   - transform: rotateY(180deg);
2226   -}
2227   -.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow {
2228   - margin-right: 4px;
2229   -}
2230   -.tox .tox-toolbar__group {
2231   - align-items: center;
2232   - display: flex;
2233   - flex-wrap: wrap;
2234   - margin: 0 0;
2235   - padding: 0 4px;
2236   -}
2237   -.tox .tox-toolbar__group--pull-right {
2238   - margin-left: auto;
2239   -}
2240   -.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
2241   - border-right: 1px solid #000000;
2242   -}
2243   -.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
2244   - border-left: 1px solid #000000;
2245   -}
2246   -.tox .tox-tooltip {
2247   - display: inline-block;
2248   - padding: 8px;
2249   - position: relative;
2250   -}
2251   -.tox .tox-tooltip__body {
2252   - background-color: #3d546f;
2253   - border-radius: 3px;
2254   - box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
2255   - color: rgba(255, 255, 255, 0.75);
2256   - font-size: 14px;
2257   - font-style: normal;
2258   - font-weight: normal;
2259   - padding: 4px 8px;
2260   - text-transform: normal;
2261   -}
2262   -.tox .tox-tooltip__arrow {
2263   - position: absolute;
2264   -}
2265   -.tox .tox-tooltip--down .tox-tooltip__arrow {
2266   - border-left: 8px solid transparent;
2267   - border-right: 8px solid transparent;
2268   - border-top: 8px solid #3d546f;
2269   - bottom: 0;
2270   - left: 50%;
2271   - position: absolute;
2272   - transform: translateX(-50%);
2273   -}
2274   -.tox .tox-tooltip--up .tox-tooltip__arrow {
2275   - border-bottom: 8px solid #3d546f;
2276   - border-left: 8px solid transparent;
2277   - border-right: 8px solid transparent;
2278   - left: 50%;
2279   - position: absolute;
2280   - top: 0;
2281   - transform: translateX(-50%);
2282   -}
2283   -.tox .tox-tooltip--right .tox-tooltip__arrow {
2284   - border-bottom: 8px solid transparent;
2285   - border-left: 8px solid #3d546f;
2286   - border-top: 8px solid transparent;
2287   - position: absolute;
2288   - right: 0;
2289   - top: 50%;
2290   - transform: translateY(-50%);
2291   -}
2292   -.tox .tox-tooltip--left .tox-tooltip__arrow {
2293   - border-bottom: 8px solid transparent;
2294   - border-right: 8px solid #3d546f;
2295   - border-top: 8px solid transparent;
2296   - left: 0;
2297   - position: absolute;
2298   - top: 50%;
2299   - transform: translateY(-50%);
2300   -}
2301   -.tox .tox-well {
2302   - border: 1px solid #000000;
2303   - border-radius: 3px;
2304   - padding: 8px;
2305   - width: 100%;
2306   -}
2307   -.tox .tox-well > *:first-child {
2308   - margin-top: 0;
2309   -}
2310   -.tox .tox-well > *:last-child {
2311   - margin-bottom: 0;
2312   -}
2313   -.tox .tox-well > *:only-child {
2314   - margin: 0;
2315   -}
2316   -.tox .tox-custom-editor {
2317   - border: 1px solid #000000;
2318   - border-radius: 3px;
2319   - display: flex;
2320   - height: 525px;
2321   -}
2322   -/* stylelint-disable */
2323   -.tox {
2324   - /* stylelint-enable */
2325   -}
2326   -.tox .tox-dialog-loading::before {
2327   - background-color: rgba(0, 0, 0, 0.5);
2328   - content: "";
2329   - height: 100%;
2330   - position: absolute;
2331   - width: 100%;
2332   - z-index: 1000;
2333   -}
2334   -.tox .tox-tab {
2335   - cursor: pointer;
2336   -}
2337   -.tox .tox-dialog__content-js {
2338   - display: flex;
2339   - flex: 1;
2340   - -ms-flex-preferred-size: auto;
2341   -}
2342   -.tox .tox-dialog__body-content .tox-collection {
2343   - display: flex;
2344   - flex: 1;
2345   - -ms-flex-preferred-size: auto;
2346   -}
2347   -.tox ul {
2348   - display: block;
2349   - list-style-type: disc;
2350   - -webkit-margin-before: 1em;
2351   - margin-block-start: 1em;
2352   - -webkit-margin-after: 1em;
2353   - margin-block-end: 1em;
2354   - -webkit-margin-start: 0px;
2355   - margin-inline-start: 0px;
2356   - -webkit-margin-end: 0px;
2357   - margin-inline-end: 0px;
2358   - -webkit-padding-start: 40px;
2359   - padding-inline-start: 40px;
2360   -}
2361   -.tox a {
2362   - cursor: pointer;
2363   - color: #2276d2;
2364   -}
2365   -.tox .tox-image-tools-edit-panel {
2366   - height: 60px;
2367   -}
2368   -.tox .tox-image-tools__sidebar {
2369   - height: 60px;
2370   -}
public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -
8   -/* RESET all the things! */
9   -.tinymce-mobile-outer-container {
10   - all: initial;
11   - display: block;
12   -}
13   -
14   -.tinymce-mobile-outer-container * {
15   - float: none;
16   - padding: 0;
17   - margin: 0;
18   - line-height: 1;
19   -
20   - /* TBIO-3691, stop the gray flicker on touch. */
21   - text-shadow: none;
22   - white-space: nowrap;
23   - cursor: inherit;
24   - border: 0;
25   - outline: 0;
26   - box-sizing: initial;
27   - -webkit-tap-highlight-color: transparent;
28   -}
29   -
30   -.tinymce-mobile-icon-arrow-back::before {
31   - content: "\e5cd";
32   -}
33   -
34   -.tinymce-mobile-icon-image::before {
35   - content: "\e412";
36   -}
37   -
38   -.tinymce-mobile-icon-cancel-circle::before {
39   - content: "\e5c9";
40   -}
41   -
42   -.tinymce-mobile-icon-full-dot::before {
43   - content: "\e061";
44   -}
45   -
46   -.tinymce-mobile-icon-align-center::before {
47   - content: "\e234";
48   -}
49   -
50   -.tinymce-mobile-icon-align-left::before {
51   - content: "\e236";
52   -}
53   -
54   -.tinymce-mobile-icon-align-right::before {
55   - content: "\e237";
56   -}
57   -
58   -.tinymce-mobile-icon-bold::before {
59   - content: "\e238";
60   -}
61   -
62   -.tinymce-mobile-icon-italic::before {
63   - content: "\e23f";
64   -}
65   -
66   -.tinymce-mobile-icon-unordered-list::before {
67   - content: "\e241";
68   -}
69   -
70   -.tinymce-mobile-icon-ordered-list::before {
71   - content: "\e242";
72   -}
73   -
74   -.tinymce-mobile-icon-font-size::before {
75   - content: "\e245";
76   -}
77   -
78   -.tinymce-mobile-icon-underline::before {
79   - content: "\e249";
80   -}
81   -
82   -.tinymce-mobile-icon-link::before {
83   - content: "\e157";
84   -}
85   -
86   -.tinymce-mobile-icon-unlink::before {
87   - content: "\eca2";
88   -}
89   -
90   -.tinymce-mobile-icon-color::before {
91   - content: "\e891";
92   -}
93   -
94   -.tinymce-mobile-icon-previous::before {
95   - content: "\e314";
96   -}
97   -
98   -.tinymce-mobile-icon-next::before {
99   - content: "\e315";
100   -}
101   -
102   -.tinymce-mobile-icon-large-font::before,
103   -.tinymce-mobile-icon-style-formats::before {
104   - content: "\e264";
105   -}
106   -
107   -.tinymce-mobile-icon-undo::before {
108   - content: "\e166";
109   -}
110   -
111   -.tinymce-mobile-icon-redo::before {
112   - content: "\e15a";
113   -}
114   -
115   -.tinymce-mobile-icon-removeformat::before {
116   - content: "\e239";
117   -}
118   -
119   -.tinymce-mobile-icon-small-font::before {
120   - content: "\e906";
121   -}
122   -
123   -.tinymce-mobile-icon-readonly-back::before,
124   -.tinymce-mobile-format-matches::after {
125   - content: "\e5ca";
126   -}
127   -
128   -.tinymce-mobile-icon-small-heading::before {
129   - content: "small";
130   -}
131   -
132   -.tinymce-mobile-icon-large-heading::before {
133   - content: "large";
134   -}
135   -
136   -.tinymce-mobile-icon-small-heading::before,
137   -.tinymce-mobile-icon-large-heading::before {
138   - font-family: sans-serif;
139   - font-size: 80%;
140   -}
141   -
142   -.tinymce-mobile-mask-edit-icon::before {
143   - content: "\e254";
144   -}
145   -
146   -.tinymce-mobile-icon-back::before {
147   - content: "\e5c4";
148   -}
149   -
150   -.tinymce-mobile-icon-heading::before {
151   - font-family: sans-serif;
152   - font-size: 80%;
153   - font-weight: bold;
154   -
155   - /* TODO: Translate */
156   - content: "Headings";
157   -}
158   -
159   -.tinymce-mobile-icon-h1::before {
160   - font-weight: bold;
161   - content: "H1";
162   -}
163   -
164   -.tinymce-mobile-icon-h2::before {
165   - font-weight: bold;
166   - content: "H2";
167   -}
168   -
169   -.tinymce-mobile-icon-h3::before {
170   - font-weight: bold;
171   - content: "H3";
172   -}
173   -
174   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
175   - position: absolute;
176   - top: 0;
177   - display: flex;
178   - width: 100%;
179   - height: 100%;
180   - background: rgba(51, 51, 51, 0.5);
181   - align-items: center;
182   - justify-content: center;
183   -}
184   -
185   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
186   - display: flex;
187   - font-family: sans-serif;
188   - font-size: 1em;
189   - border-radius: 50%;
190   - align-items: center;
191   - flex-direction: column;
192   - justify-content: space-between;
193   -}
194   -
195   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
196   - display: flex;
197   - width: 2.1em;
198   - height: 2.1em;
199   - border-radius: 50%;
200   - align-items: center;
201   - justify-content: center;
202   -}
203   -
204   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
205   - align-items: center;
206   - display: flex;
207   - justify-content: center;
208   - flex-direction: column;
209   - font-size: 1em;
210   -}
211   -@media only screen and (min-device-width: 700px) {
212   - .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
213   - font-size: 1.2em;
214   - }
215   -}
216   -
217   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
218   - display: flex;
219   - width: 2.1em;
220   - height: 2.1em;
221   - color: #207ab7;
222   - background-color: white;
223   - border-radius: 50%;
224   - align-items: center;
225   - justify-content: center;
226   -}
227   -
228   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
229   - font-family: 'tinymce-mobile', sans-serif;
230   - content: "\e900";
231   -}
232   -
233   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {
234   - z-index: 2;
235   -}
236   -
237   -.tinymce-mobile-android-container.tinymce-mobile-android-maximized {
238   - position: fixed;
239   - top: 0;
240   - right: 0;
241   - bottom: 0;
242   - left: 0;
243   - display: flex;
244   - background: #fff;
245   - border: none;
246   - flex-direction: column;
247   -}
248   -
249   -.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
250   - position: relative;
251   -}
252   -
253   -.tinymce-mobile-android-container .tinymce-mobile-editor-socket {
254   - display: flex;
255   - flex-grow: 1;
256   -}
257   -
258   -.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
259   - display: flex !important;
260   - flex-grow: 1;
261   - height: auto !important;
262   -}
263   -
264   -.tinymce-mobile-android-scroll-reload {
265   - overflow: hidden;
266   -}
267   -
268   -:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
269   - margin-top: 23px;
270   -}
271   -
272   -.tinymce-mobile-toolstrip {
273   - z-index: 1;
274   - display: flex;
275   - background: #fff;
276   - flex: 0 0 auto;
277   -}
278   -
279   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
280   - display: flex;
281   - width: 100%;
282   - height: 2.5em;
283   - background-color: #fff;
284   - border-bottom: 1px solid #ccc;
285   - align-items: center;
286   - flex: 1;
287   -
288   - /* Make it no larger than the toolstrip, so that it needs to scroll */
289   -}
290   -
291   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
292   - align-items: center;
293   - display: flex;
294   - height: 100%;
295   - flex-shrink: 1;
296   -}
297   -
298   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
299   - align-items: center;
300   - display: flex;
301   - height: 100%;
302   - flex: 1;
303   -}
304   -
305   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
306   - background: #f44336;
307   -}
308   -
309   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
310   - flex-grow: 1;
311   -}
312   -
313   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
314   - padding-right: 0.5em;
315   - padding-left: 0.5em;
316   -}
317   -
318   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
319   - display: flex;
320   - height: 80%;
321   - margin-right: 2px;
322   - margin-left: 2px;
323   - align-items: center;
324   -}
325   -
326   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {
327   - color: #ccc;
328   - background: #c8cbcf;
329   -}
330   -
331   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
332   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
333   - color: #eceff1;
334   - background: #207ab7;
335   -}
336   -
337   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
338   - /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
339   -}
340   -
341   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
342   - display: flex;
343   - height: 100%;
344   - padding-top: 0.4em;
345   - padding-bottom: 0.4em;
346   - align-items: center;
347   - flex: 1;
348   -
349   - /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
350   -
351   - /* For widgets like the colour picker, use the whole height */
352   -}
353   -
354   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
355   - position: relative;
356   - display: flex;
357   - width: 100%;
358   - min-height: 1.5em;
359   - padding-right: 0;
360   - padding-left: 0;
361   - overflow: hidden;
362   -}
363   -
364   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
365   - display: flex;
366   - width: 100%;
367   - height: 100%;
368   - transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
369   -}
370   -
371   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {
372   - display: flex;
373   - flex: 0 0 auto;
374   - justify-content: space-between;
375   - width: 100%;
376   -}
377   -
378   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {
379   - font-family: sans-serif;
380   -}
381   -
382   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {
383   - position: relative;
384   - display: flex;
385   - flex-grow: 1;
386   -}
387   -
388   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {
389   - position: absolute;
390   - right: 0;
391   - height: 100%;
392   - padding-right: 2px;
393   - font-size: 0.6em;
394   - font-weight: bold;
395   - color: #888;
396   - background: inherit;
397   - border: none;
398   - border-radius: 50%;
399   - align-self: center;
400   -}
401   -
402   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {
403   - display: none;
404   -}
405   -
406   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,
407   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {
408   - align-items: center;
409   - display: flex;
410   -}
411   -
412   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,
413   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {
414   - display: flex;
415   - height: 100%;
416   - padding-right: 0.5em;
417   - padding-left: 0.5em;
418   - font-weight: bold;
419   - align-items: center;
420   -}
421   -
422   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,
423   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {
424   - visibility: hidden;
425   -}
426   -
427   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
428   - padding-top: 3px;
429   - margin: 0 2px;
430   - font-size: 10px;
431   - line-height: 10px;
432   - color: #ccc;
433   -}
434   -
435   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
436   - color: #c8cbcf;
437   -}
438   -
439   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
440   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
441   - margin-right: 0.9em;
442   - margin-left: 0.5em;
443   -}
444   -
445   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
446   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
447   - margin-right: 0.5em;
448   - margin-left: 0.9em;
449   -}
450   -
451   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
452   - position: relative;
453   - display: flex;
454   - padding: 0.28em 0;
455   - margin-right: 0;
456   - margin-left: 0;
457   - flex: 1;
458   -}
459   -
460   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
461   - align-items: center;
462   - display: flex;
463   - flex-grow: 1;
464   - height: 100%;
465   -}
466   -
467   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {
468   - display: flex;
469   - height: 0.2em;
470   - margin-top: 0.3em;
471   - margin-bottom: 0.3em;
472   - background: #ccc;
473   - flex: 1;
474   -}
475   -
476   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
477   - padding-right: 2em;
478   - padding-left: 2em;
479   -}
480   -
481   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {
482   - align-items: center;
483   - display: flex;
484   - flex-grow: 1;
485   - height: 100%;
486   -}
487   -
488   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {
489   - display: flex;
490   - height: 0.2em;
491   - margin-top: 0.3em;
492   - margin-bottom: 0.3em;
493   - background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
494   - flex: 1;
495   -}
496   -
497   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {
498   - width: 1.2em;
499   - height: 0.2em;
500   - margin-top: 0.3em;
501   - margin-bottom: 0.3em;
502   -
503   - /* Not part of theming */
504   - background: black;
505   -}
506   -
507   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {
508   - width: 1.2em;
509   - height: 0.2em;
510   - margin-top: 0.3em;
511   - margin-bottom: 0.3em;
512   -
513   - /* Not part of theming */
514   - background: white;
515   -}
516   -
517   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
518   - position: absolute;
519   - top: 0;
520   - bottom: 0;
521   - left: -10px;
522   - display: flex;
523   - width: 0.5em;
524   - height: 0.5em;
525   - margin: auto;
526   - color: #fff;
527   - background-color: #455a64;
528   - border: 0.5em solid rgba(136, 136, 136, 0);
529   - border-radius: 3em;
530   - transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
531   - background-clip: padding-box;
532   -
533   - /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
534   - * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
535   - * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without
536   - * this approach.
537   - */
538   - align-items: center;
539   - justify-content: center;
540   -}
541   -
542   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {
543   - border: 0.5em solid rgba(136, 136, 136, 0.39);
544   -}
545   -
546   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
547   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
548   - align-items: center;
549   - display: flex;
550   - height: 100%;
551   - flex: 1;
552   -}
553   -
554   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
555   - flex-direction: column;
556   - justify-content: center;
557   -}
558   -
559   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
560   - align-items: center;
561   - display: flex;
562   -}
563   -
564   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
565   - height: 100%;
566   -}
567   -
568   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
569   - display: flex;
570   -}
571   -
572   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
573   - padding-top: 0.1em;
574   - padding-bottom: 0.1em;
575   - padding-left: 5px;
576   - font-size: 0.85em;
577   - color: #455a64;
578   - background: #fff;
579   - border: none;
580   - border-radius: 0;
581   - flex-grow: 1;
582   -}
583   -
584   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
585   - /* WebKit, Blink, Edge */
586   - color: #888;
587   -}
588   -
589   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
590   - /* WebKit, Blink, Edge */
591   - color: #888;
592   -}
593   -
594   -/* dropup */
595   -.tinymce-mobile-dropup {
596   - display: flex;
597   - width: 100%;
598   - overflow: hidden;
599   - background: white;
600   -}
601   -
602   -.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
603   - transition: height 0.3s ease-out;
604   -}
605   -
606   -.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
607   - transition: height 0.3s ease-in;
608   -}
609   -
610   -.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
611   - flex-grow: 0;
612   -}
613   -
614   -.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
615   - flex-grow: 1;
616   -}
617   -
618   -/* TODO min-height for device size and orientation */
619   -.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
620   - min-height: 200px;
621   -}
622   -@media only screen and (orientation: landscape) {
623   - .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
624   - min-height: 200px;
625   - }
626   -}
627   -@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
628   - .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
629   - min-height: 150px;
630   - }
631   -}
632   -
633   -/* styles menu */
634   -.tinymce-mobile-styles-menu {
635   - position: relative;
636   - width: 100%;
637   - overflow: hidden;
638   - font-family: sans-serif;
639   - outline: 4px solid black;
640   -}
641   -
642   -.tinymce-mobile-styles-menu [role="menu"] {
643   - position: absolute;
644   - display: flex;
645   - width: 100%;
646   - height: 100%;
647   - flex-direction: column;
648   -}
649   -
650   -.tinymce-mobile-styles-menu [role="menu"].transitioning {
651   - transition: transform 0.5s ease-in-out;
652   -}
653   -
654   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
655   - position: relative;
656   - display: flex;
657   - padding: 1em 1em;
658   - color: #455a64;
659   - cursor: pointer;
660   - border-bottom: 1px solid #ddd;
661   -}
662   -
663   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
664   - font-family: 'tinymce-mobile', sans-serif;
665   - color: #455a64;
666   - content: "\e314";
667   -}
668   -
669   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
670   - position: absolute;
671   - right: 0;
672   - padding-right: 1em;
673   - padding-left: 1em;
674   - font-family: 'tinymce-mobile', sans-serif;
675   - color: #455a64;
676   - content: "\e315";
677   -}
678   -
679   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
680   - position: absolute;
681   - right: 0;
682   - padding-right: 1em;
683   - padding-left: 1em;
684   - font-family: 'tinymce-mobile', sans-serif;
685   -}
686   -
687   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
688   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
689   - display: flex;
690   - min-height: 2.5em;
691   - padding-right: 1em;
692   - padding-left: 1em;
693   - color: #455a64;
694   - background: #fff;
695   - border-top: #455a64;
696   - align-items: center;
697   -}
698   -
699   -.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
700   -.tinymce-mobile-styles-menu [data-transitioning-state="before"] {
701   - transform: translate(-100%);
702   -}
703   -
704   -.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
705   -.tinymce-mobile-styles-menu [data-transitioning-state="current"] {
706   - transform: translate(0%);
707   -}
708   -
709   -.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
710   -.tinymce-mobile-styles-menu [data-transitioning-state="after"] {
711   - transform: translate(100%);
712   -}
713   -@font-face {
714   - font-family: 'tinymce-mobile';
715   - font-style: normal;
716   - font-weight: normal;
717   - src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
718   -}
719   -@media (min-device-width: 700px) {
720   - .tinymce-mobile-outer-container,
721   - .tinymce-mobile-outer-container input {
722   - font-size: 25px;
723   - }
724   -}
725   -@media (max-device-width: 700px) {
726   - .tinymce-mobile-outer-container,
727   - .tinymce-mobile-outer-container input {
728   - font-size: 18px;
729   - }
730   -}
731   -
732   -.tinymce-mobile-icon {
733   - font-family: 'tinymce-mobile', sans-serif;
734   -}
735   -
736   -.mixin-flex-and-centre {
737   - align-items: center;
738   - display: flex;
739   - justify-content: center;
740   -}
741   -
742   -.mixin-flex-bar {
743   - align-items: center;
744   - display: flex;
745   - height: 100%;
746   -}
747   -
748   -.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
749   - width: 100%;
750   - background-color: #fff;
751   -}
752   -
753   -.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
754   - position: fixed;
755   - right: 2em;
756   - bottom: 1em;
757   - display: flex;
758   - width: 2.1em;
759   - height: 2.1em;
760   - font-size: 1em;
761   - color: white;
762   -
763   - /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
764   - background-color: #207ab7;
765   - border-radius: 50%;
766   - align-items: center;
767   - justify-content: center;
768   -}
769   -@media only screen and (min-device-width: 700px) {
770   - .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
771   - font-size: 1.2em;
772   - }
773   -}
774   -
775   -.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
776   - height: 300px;
777   - overflow: hidden;
778   -}
779   -
780   -.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
781   - height: 100%;
782   -}
783   -
784   -.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
785   - display: none;
786   -}
787   -
788   -/*
789   - Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
790   - increased and the whole body becomes scrollable. It's important!
791   - */
792   -input[type="file"]::-webkit-file-upload-button {
793   - display: none;
794   -}
795   -@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
796   - .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
797   - bottom: 50%;
798   - }
799   -}
public/resource/tinymce/skins/ui/oxide/content.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.mce-content-body .mce-item-anchor {
8   - 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;
9   - cursor: default;
10   - display: inline-block;
11   - height: 12px !important;
12   - padding: 0 2px;
13   - -webkit-user-modify: read-only;
14   - -moz-user-modify: read-only;
15   - -webkit-user-select: all;
16   - -moz-user-select: all;
17   - -ms-user-select: all;
18   - user-select: all;
19   - width: 8px !important;
20   -}
21   -.mce-content-body .mce-item-anchor[data-mce-selected] {
22   - outline-offset: 1px;
23   -}
24   -.tox-comments-visible .tox-comment {
25   - background-color: #fff0b7;
26   -}
27   -.tox-comments-visible .tox-comment--active {
28   - background-color: #ffe168;
29   -}
30   -.tox-checklist > li:not(.tox-checklist--hidden) {
31   - list-style: none;
32   - margin: 0.25em 0;
33   -}
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: '';
38   - cursor: pointer;
39   - height: 1em;
40   - margin-left: -1.5em;
41   - margin-top: 0.125em;
42   - position: absolute;
43   - width: 1em;
44   -}
45   -.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");
47   -}
48   -[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
49   - margin-left: 0;
50   - margin-right: -1.5em;
51   -}
52   -/* stylelint-disable */
53   -/* http://prismjs.com/ */
54   -/**
55   - * prism.js default theme for JavaScript, CSS and HTML
56   - * Based on dabblet (http://dabblet.com)
57   - * @author Lea Verou
58   - */
59   -code[class*="language-"],
60   -pre[class*="language-"] {
61   - color: black;
62   - text-shadow: 0 1px white;
63   - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
64   - font-size: 0.875rem;
65   - white-space: pre;
66   - word-spacing: normal;
67   - word-break: normal;
68   - word-wrap: normal;
69   - line-height: 1.5;
70   - -moz-tab-size: 4;
71   - tab-size: 4;
72   - -webkit-hyphens: none;
73   - -ms-hyphens: none;
74   - hyphens: none;
75   -}
76   -pre[class*="language-"]::-moz-selection,
77   -pre[class*="language-"] ::-moz-selection,
78   -code[class*="language-"]::-moz-selection,
79   -code[class*="language-"] ::-moz-selection {
80   - text-shadow: none;
81   - background: #b3d4fc;
82   -}
83   -pre[class*="language-"]::selection,
84   -pre[class*="language-"] ::selection,
85   -code[class*="language-"]::selection,
86   -code[class*="language-"] ::selection {
87   - text-shadow: none;
88   - background: #b3d4fc;
89   -}
90   -@media print {
91   - code[class*="language-"],
92   - pre[class*="language-"] {
93   - text-shadow: none;
94   - }
95   -}
96   -/* Code blocks */
97   -pre[class*="language-"] {
98   - padding: 1em;
99   - margin: 0.5em 0;
100   - overflow: auto;
101   -}
102   -:not(pre) > code[class*="language-"],
103   -pre[class*="language-"] {
104   - background: transparent !important;
105   - border: 1px solid #ccc;
106   -}
107   -/* Inline code */
108   -:not(pre) > code[class*="language-"] {
109   - padding: 0.1em;
110   - border-radius: 0.3em;
111   -}
112   -.token.comment,
113   -.token.prolog,
114   -.token.doctype,
115   -.token.cdata {
116   - color: slategray;
117   -}
118   -.token.punctuation {
119   - color: #999;
120   -}
121   -.namespace {
122   - opacity: 0.7;
123   -}
124   -.token.property,
125   -.token.tag,
126   -.token.boolean,
127   -.token.number,
128   -.token.constant,
129   -.token.symbol,
130   -.token.deleted {
131   - color: #905;
132   -}
133   -.token.selector,
134   -.token.attr-name,
135   -.token.string,
136   -.token.char,
137   -.token.builtin,
138   -.token.inserted {
139   - color: #690;
140   -}
141   -.token.operator,
142   -.token.entity,
143   -.token.url,
144   -.language-css .token.string,
145   -.style .token.string {
146   - color: #a67f59;
147   - background: hsla(0, 0%, 100%, 0.5);
148   -}
149   -.token.atrule,
150   -.token.attr-value,
151   -.token.keyword {
152   - color: #07a;
153   -}
154   -.token.function {
155   - color: #DD4A68;
156   -}
157   -.token.regex,
158   -.token.important,
159   -.token.variable {
160   - color: #e90;
161   -}
162   -.token.important,
163   -.token.bold {
164   - font-weight: bold;
165   -}
166   -.token.italic {
167   - font-style: italic;
168   -}
169   -.token.entity {
170   - cursor: help;
171   -}
172   -:not([dir=rtl]) code[class*="language-"],
173   -:not([dir=rtl]) pre[class*="language-"] {
174   - direction: ltr;
175   - text-align: left;
176   -}
177   -[dir=rtl] code[class*="language-"],
178   -[dir=rtl] pre[class*="language-"] {
179   - direction: rtl;
180   - text-align: right;
181   -}
182   -/* stylelint-enable */
183   -.mce-content-body {
184   - overflow-wrap: break-word;
185   - word-wrap: break-word;
186   -}
187   -.mce-content-body .mce-visual-caret {
188   - background-color: black;
189   - background-color: currentcolor;
190   - position: absolute;
191   -}
192   -.mce-content-body .mce-visual-caret-hidden {
193   - display: none;
194   -}
195   -.mce-content-body *[data-mce-caret] {
196   - left: -1000px;
197   - margin: 0;
198   - padding: 0;
199   - position: absolute;
200   - right: auto;
201   - top: 0;
202   -}
203   -.mce-content-body .mce-offscreen-selection {
204   - left: -9999999999px;
205   - max-width: 1000000px;
206   - position: absolute;
207   -}
208   -.mce-content-body *[contentEditable=false] {
209   - cursor: default;
210   -}
211   -.mce-content-body *[contentEditable=true] {
212   - cursor: text;
213   -}
214   -.tox-cursor-format-painter {
215   - 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;
216   -}
217   -.mce-content-body figure.align-left {
218   - float: left;
219   -}
220   -.mce-content-body figure.align-right {
221   - float: right;
222   -}
223   -.mce-content-body figure.image.align-center {
224   - display: table;
225   - margin-left: auto;
226   - margin-right: auto;
227   -}
228   -.mce-preview-object {
229   - border: 1px solid gray;
230   - display: inline-block;
231   - line-height: 0;
232   - margin: 0 2px 0 2px;
233   - position: relative;
234   -}
235   -.mce-preview-object .mce-shim {
236   - background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
237   - height: 100%;
238   - left: 0;
239   - position: absolute;
240   - top: 0;
241   - width: 100%;
242   -}
243   -.mce-preview-object[data-mce-selected="2"] .mce-shim {
244   - display: none;
245   -}
246   -.mce-object {
247   - 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;
248   - border: 1px dashed #aaa;
249   -}
250   -.mce-pagebreak {
251   - border: 1px dashed #aaa;
252   - cursor: default;
253   - display: block;
254   - height: 5px;
255   - margin-top: 15px;
256   - page-break-before: always;
257   - width: 100%;
258   -}
259   -@media print {
260   - .mce-pagebreak {
261   - border: 0;
262   - }
263   -}
264   -.tiny-pageembed .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   -.tiny-pageembed[data-mce-selected="2"] .mce-shim {
273   - display: none;
274   -}
275   -.tiny-pageembed {
276   - display: inline-block;
277   - position: relative;
278   -}
279   -.tiny-pageembed--21by9,
280   -.tiny-pageembed--16by9,
281   -.tiny-pageembed--4by3,
282   -.tiny-pageembed--1by1 {
283   - display: block;
284   - overflow: hidden;
285   - padding: 0;
286   - position: relative;
287   - width: 100%;
288   -}
289   -.tiny-pageembed--21by9::before,
290   -.tiny-pageembed--16by9::before,
291   -.tiny-pageembed--4by3::before,
292   -.tiny-pageembed--1by1::before {
293   - content: "";
294   - display: block;
295   -}
296   -.tiny-pageembed--21by9::before {
297   - padding-top: 42.857143%;
298   -}
299   -.tiny-pageembed--16by9::before {
300   - padding-top: 56.25%;
301   -}
302   -.tiny-pageembed--4by3::before {
303   - padding-top: 75%;
304   -}
305   -.tiny-pageembed--1by1::before {
306   - padding-top: 100%;
307   -}
308   -.tiny-pageembed--21by9 iframe,
309   -.tiny-pageembed--16by9 iframe,
310   -.tiny-pageembed--4by3 iframe,
311   -.tiny-pageembed--1by1 iframe {
312   - border: 0;
313   - height: 100%;
314   - left: 0;
315   - position: absolute;
316   - top: 0;
317   - width: 100%;
318   -}
319   -.mce-content-body div.mce-resizehandle {
320   - background-color: #4099ff;
321   - border-color: #4099ff;
322   - border-style: solid;
323   - border-width: 1px;
324   - box-sizing: border-box;
325   - height: 10px;
326   - position: absolute;
327   - width: 10px;
328   - z-index: 10000;
329   -}
330   -.mce-content-body div.mce-resizehandle:hover {
331   - background-color: #4099ff;
332   -}
333   -.mce-content-body div.mce-resizehandle:nth-of-type(1) {
334   - cursor: nwse-resize;
335   -}
336   -.mce-content-body div.mce-resizehandle:nth-of-type(2) {
337   - cursor: nesw-resize;
338   -}
339   -.mce-content-body div.mce-resizehandle:nth-of-type(3) {
340   - cursor: nwse-resize;
341   -}
342   -.mce-content-body div.mce-resizehandle:nth-of-type(4) {
343   - cursor: nesw-resize;
344   -}
345   -.mce-content-body .mce-clonedresizable {
346   - opacity: 0.5;
347   - outline: 1px dashed black;
348   - position: absolute;
349   - z-index: 10000;
350   -}
351   -.mce-content-body .mce-resize-helper {
352   - background: #555;
353   - background: rgba(0, 0, 0, 0.75);
354   - border: 1px;
355   - border-radius: 3px;
356   - color: white;
357   - display: none;
358   - font-family: sans-serif;
359   - font-size: 12px;
360   - line-height: 14px;
361   - margin: 5px 10px;
362   - padding: 5px;
363   - position: absolute;
364   - white-space: nowrap;
365   - z-index: 10001;
366   -}
367   -.mce-match-marker {
368   - background: #aaa;
369   - color: #fff;
370   -}
371   -.mce-match-marker-selected {
372   - background: #39f;
373   - color: #fff;
374   -}
375   -.mce-content-body img[data-mce-selected],
376   -.mce-content-body table[data-mce-selected] {
377   - outline: 3px solid #b4d7ff;
378   -}
379   -.mce-content-body hr[data-mce-selected] {
380   - outline: 3px solid #b4d7ff;
381   - outline-offset: 1px;
382   -}
383   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
384   - outline: 3px solid #b4d7ff;
385   -}
386   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
387   - outline: 3px solid #b4d7ff;
388   -}
389   -.mce-content-body *[contentEditable=false][data-mce-selected] {
390   - cursor: not-allowed;
391   - outline: 3px solid #b4d7ff;
392   -}
393   -.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
394   -.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
395   - outline: none;
396   -}
397   -.mce-content-body *[data-mce-selected="inline-boundary"] {
398   - background-color: #b4d7ff;
399   -}
400   -.mce-content-body .mce-edit-focus {
401   - outline: 3px solid #b4d7ff;
402   -}
403   -.mce-content-body td[data-mce-selected],
404   -.mce-content-body th[data-mce-selected] {
405   - background-color: #b4d7ff !important;
406   -}
407   -.mce-content-body td[data-mce-selected]::-moz-selection,
408   -.mce-content-body th[data-mce-selected]::-moz-selection {
409   - background: none;
410   -}
411   -.mce-content-body td[data-mce-selected]::selection,
412   -.mce-content-body th[data-mce-selected]::selection {
413   - background: none;
414   -}
415   -.mce-content-body td[data-mce-selected] *,
416   -.mce-content-body th[data-mce-selected] * {
417   - -webkit-touch-callout: none;
418   - -webkit-user-select: none;
419   - -moz-user-select: none;
420   - -ms-user-select: none;
421   - user-select: none;
422   -}
423   -.mce-content-body img::-moz-selection {
424   - background: none;
425   -}
426   -.mce-content-body img::selection {
427   - background: none;
428   -}
429   -.ephox-snooker-resizer-bar {
430   - background-color: #b4d7ff;
431   - opacity: 0;
432   -}
433   -.ephox-snooker-resizer-cols {
434   - cursor: col-resize;
435   -}
436   -.ephox-snooker-resizer-rows {
437   - cursor: row-resize;
438   -}
439   -.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
440   - opacity: 1;
441   -}
442   -.mce-spellchecker-word {
443   - 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
444   - background-position: 0 calc(100% + 1px);
445   - background-repeat: repeat-x;
446   - background-size: auto 6px;
447   - cursor: default;
448   - height: 2rem;
449   -}
450   -.mce-spellchecker-grammar {
451   - 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
452   - background-position: 0 calc(100% + 1px);
453   - background-repeat: repeat-x;
454   - background-size: auto 6px;
455   - cursor: default;
456   -}
457   -.mce-toc {
458   - border: 1px solid gray;
459   -}
460   -.mce-toc h2 {
461   - margin: 4px;
462   -}
463   -.mce-toc li {
464   - list-style-type: none;
465   -}
466   -.mce-item-table,
467   -.mce-item-table td,
468   -.mce-item-table th,
469   -.mce-item-table caption {
470   - border: 1px dashed #bbb;
471   -}
472   -.mce-visualblocks p,
473   -.mce-visualblocks h1,
474   -.mce-visualblocks h2,
475   -.mce-visualblocks h3,
476   -.mce-visualblocks h4,
477   -.mce-visualblocks h5,
478   -.mce-visualblocks h6,
479   -.mce-visualblocks div:not([data-mce-bogus]),
480   -.mce-visualblocks section,
481   -.mce-visualblocks article,
482   -.mce-visualblocks blockquote,
483   -.mce-visualblocks address,
484   -.mce-visualblocks pre,
485   -.mce-visualblocks figure,
486   -.mce-visualblocks figcaption,
487   -.mce-visualblocks hgroup,
488   -.mce-visualblocks aside,
489   -.mce-visualblocks ul,
490   -.mce-visualblocks ol,
491   -.mce-visualblocks dl {
492   - background-repeat: no-repeat;
493   - border: 1px dashed #bbb;
494   - margin-left: 3px;
495   - padding-top: 10px;
496   -}
497   -.mce-visualblocks p {
498   - background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
499   -}
500   -.mce-visualblocks h1 {
501   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
502   -}
503   -.mce-visualblocks h2 {
504   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
505   -}
506   -.mce-visualblocks h3 {
507   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
508   -}
509   -.mce-visualblocks h4 {
510   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
511   -}
512   -.mce-visualblocks h5 {
513   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
514   -}
515   -.mce-visualblocks h6 {
516   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
517   -}
518   -.mce-visualblocks div:not([data-mce-bogus]) {
519   - background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
520   -}
521   -.mce-visualblocks section {
522   - background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
523   -}
524   -.mce-visualblocks article {
525   - background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
526   -}
527   -.mce-visualblocks blockquote {
528   - background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
529   -}
530   -.mce-visualblocks address {
531   - background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
532   -}
533   -.mce-visualblocks pre {
534   - background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
535   -}
536   -.mce-visualblocks figure {
537   - background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
538   -}
539   -.mce-visualblocks figcaption {
540   - border: 1px dashed #bbb;
541   -}
542   -.mce-visualblocks hgroup {
543   - background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
544   -}
545   -.mce-visualblocks aside {
546   - background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
547   -}
548   -.mce-visualblocks ul {
549   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
550   -}
551   -.mce-visualblocks ol {
552   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
553   -}
554   -.mce-visualblocks dl {
555   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
556   -}
557   -.mce-visualblocks:not([dir=rtl]) p,
558   -.mce-visualblocks:not([dir=rtl]) h1,
559   -.mce-visualblocks:not([dir=rtl]) h2,
560   -.mce-visualblocks:not([dir=rtl]) h3,
561   -.mce-visualblocks:not([dir=rtl]) h4,
562   -.mce-visualblocks:not([dir=rtl]) h5,
563   -.mce-visualblocks:not([dir=rtl]) h6,
564   -.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
565   -.mce-visualblocks:not([dir=rtl]) section,
566   -.mce-visualblocks:not([dir=rtl]) article,
567   -.mce-visualblocks:not([dir=rtl]) blockquote,
568   -.mce-visualblocks:not([dir=rtl]) address,
569   -.mce-visualblocks:not([dir=rtl]) pre,
570   -.mce-visualblocks:not([dir=rtl]) figure,
571   -.mce-visualblocks:not([dir=rtl]) figcaption,
572   -.mce-visualblocks:not([dir=rtl]) hgroup,
573   -.mce-visualblocks:not([dir=rtl]) aside,
574   -.mce-visualblocks:not([dir=rtl]) ul,
575   -.mce-visualblocks:not([dir=rtl]) ol,
576   -.mce-visualblocks:not([dir=rtl]) dl {
577   - margin-left: 3px;
578   -}
579   -.mce-visualblocks[dir=rtl] p,
580   -.mce-visualblocks[dir=rtl] h1,
581   -.mce-visualblocks[dir=rtl] h2,
582   -.mce-visualblocks[dir=rtl] h3,
583   -.mce-visualblocks[dir=rtl] h4,
584   -.mce-visualblocks[dir=rtl] h5,
585   -.mce-visualblocks[dir=rtl] h6,
586   -.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
587   -.mce-visualblocks[dir=rtl] section,
588   -.mce-visualblocks[dir=rtl] article,
589   -.mce-visualblocks[dir=rtl] blockquote,
590   -.mce-visualblocks[dir=rtl] address,
591   -.mce-visualblocks[dir=rtl] pre,
592   -.mce-visualblocks[dir=rtl] figure,
593   -.mce-visualblocks[dir=rtl] figcaption,
594   -.mce-visualblocks[dir=rtl] hgroup,
595   -.mce-visualblocks[dir=rtl] aside,
596   -.mce-visualblocks[dir=rtl] ul,
597   -.mce-visualblocks[dir=rtl] ol,
598   -.mce-visualblocks[dir=rtl] dl {
599   - background-position-x: right;
600   - margin-right: 3px;
601   -}
602   -.mce-nbsp,
603   -.mce-shy {
604   - background: #aaa;
605   -}
606   -.mce-shy::after {
607   - content: '-';
608   -}
609   -body {
610   - font-family: sans-serif;
611   -}
612   -table {
613   - border-collapse: collapse;
614   -}
public/resource/tinymce/skins/ui/oxide/content.inline.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.mce-content-body .mce-item-anchor {
8   - 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;
9   - cursor: default;
10   - display: inline-block;
11   - height: 12px !important;
12   - padding: 0 2px;
13   - -webkit-user-modify: read-only;
14   - -moz-user-modify: read-only;
15   - -webkit-user-select: all;
16   - -moz-user-select: all;
17   - -ms-user-select: all;
18   - user-select: all;
19   - width: 8px !important;
20   -}
21   -.mce-content-body .mce-item-anchor[data-mce-selected] {
22   - outline-offset: 1px;
23   -}
24   -.tox-comments-visible .tox-comment {
25   - background-color: #fff0b7;
26   -}
27   -.tox-comments-visible .tox-comment--active {
28   - background-color: #ffe168;
29   -}
30   -.tox-checklist > li:not(.tox-checklist--hidden) {
31   - list-style: none;
32   - margin: 0.25em 0;
33   -}
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: '';
38   - cursor: pointer;
39   - height: 1em;
40   - margin-left: -1.5em;
41   - margin-top: 0.125em;
42   - position: absolute;
43   - width: 1em;
44   -}
45   -.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");
47   -}
48   -[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
49   - margin-left: 0;
50   - margin-right: -1.5em;
51   -}
52   -/* stylelint-disable */
53   -/* http://prismjs.com/ */
54   -/**
55   - * prism.js default theme for JavaScript, CSS and HTML
56   - * Based on dabblet (http://dabblet.com)
57   - * @author Lea Verou
58   - */
59   -code[class*="language-"],
60   -pre[class*="language-"] {
61   - color: black;
62   - text-shadow: 0 1px white;
63   - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
64   - font-size: 0.875rem;
65   - white-space: pre;
66   - word-spacing: normal;
67   - word-break: normal;
68   - word-wrap: normal;
69   - line-height: 1.5;
70   - -moz-tab-size: 4;
71   - tab-size: 4;
72   - -webkit-hyphens: none;
73   - -ms-hyphens: none;
74   - hyphens: none;
75   -}
76   -pre[class*="language-"]::-moz-selection,
77   -pre[class*="language-"] ::-moz-selection,
78   -code[class*="language-"]::-moz-selection,
79   -code[class*="language-"] ::-moz-selection {
80   - text-shadow: none;
81   - background: #b3d4fc;
82   -}
83   -pre[class*="language-"]::selection,
84   -pre[class*="language-"] ::selection,
85   -code[class*="language-"]::selection,
86   -code[class*="language-"] ::selection {
87   - text-shadow: none;
88   - background: #b3d4fc;
89   -}
90   -@media print {
91   - code[class*="language-"],
92   - pre[class*="language-"] {
93   - text-shadow: none;
94   - }
95   -}
96   -/* Code blocks */
97   -pre[class*="language-"] {
98   - padding: 1em;
99   - margin: 0.5em 0;
100   - overflow: auto;
101   -}
102   -:not(pre) > code[class*="language-"],
103   -pre[class*="language-"] {
104   - background: transparent !important;
105   - border: 1px solid #ccc;
106   -}
107   -/* Inline code */
108   -:not(pre) > code[class*="language-"] {
109   - padding: 0.1em;
110   - border-radius: 0.3em;
111   -}
112   -.token.comment,
113   -.token.prolog,
114   -.token.doctype,
115   -.token.cdata {
116   - color: slategray;
117   -}
118   -.token.punctuation {
119   - color: #999;
120   -}
121   -.namespace {
122   - opacity: 0.7;
123   -}
124   -.token.property,
125   -.token.tag,
126   -.token.boolean,
127   -.token.number,
128   -.token.constant,
129   -.token.symbol,
130   -.token.deleted {
131   - color: #905;
132   -}
133   -.token.selector,
134   -.token.attr-name,
135   -.token.string,
136   -.token.char,
137   -.token.builtin,
138   -.token.inserted {
139   - color: #690;
140   -}
141   -.token.operator,
142   -.token.entity,
143   -.token.url,
144   -.language-css .token.string,
145   -.style .token.string {
146   - color: #a67f59;
147   - background: hsla(0, 0%, 100%, 0.5);
148   -}
149   -.token.atrule,
150   -.token.attr-value,
151   -.token.keyword {
152   - color: #07a;
153   -}
154   -.token.function {
155   - color: #DD4A68;
156   -}
157   -.token.regex,
158   -.token.important,
159   -.token.variable {
160   - color: #e90;
161   -}
162   -.token.important,
163   -.token.bold {
164   - font-weight: bold;
165   -}
166   -.token.italic {
167   - font-style: italic;
168   -}
169   -.token.entity {
170   - cursor: help;
171   -}
172   -:not([dir=rtl]) code[class*="language-"],
173   -:not([dir=rtl]) pre[class*="language-"] {
174   - direction: ltr;
175   - text-align: left;
176   -}
177   -[dir=rtl] code[class*="language-"],
178   -[dir=rtl] pre[class*="language-"] {
179   - direction: rtl;
180   - text-align: right;
181   -}
182   -/* stylelint-enable */
183   -.mce-content-body {
184   - overflow-wrap: break-word;
185   - word-wrap: break-word;
186   -}
187   -.mce-content-body .mce-visual-caret {
188   - background-color: black;
189   - background-color: currentcolor;
190   - position: absolute;
191   -}
192   -.mce-content-body .mce-visual-caret-hidden {
193   - display: none;
194   -}
195   -.mce-content-body *[data-mce-caret] {
196   - left: -1000px;
197   - margin: 0;
198   - padding: 0;
199   - position: absolute;
200   - right: auto;
201   - top: 0;
202   -}
203   -.mce-content-body .mce-offscreen-selection {
204   - left: -9999999999px;
205   - max-width: 1000000px;
206   - position: absolute;
207   -}
208   -.mce-content-body *[contentEditable=false] {
209   - cursor: default;
210   -}
211   -.mce-content-body *[contentEditable=true] {
212   - cursor: text;
213   -}
214   -.tox-cursor-format-painter {
215   - 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;
216   -}
217   -.mce-content-body figure.align-left {
218   - float: left;
219   -}
220   -.mce-content-body figure.align-right {
221   - float: right;
222   -}
223   -.mce-content-body figure.image.align-center {
224   - display: table;
225   - margin-left: auto;
226   - margin-right: auto;
227   -}
228   -.mce-preview-object {
229   - border: 1px solid gray;
230   - display: inline-block;
231   - line-height: 0;
232   - margin: 0 2px 0 2px;
233   - position: relative;
234   -}
235   -.mce-preview-object .mce-shim {
236   - background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
237   - height: 100%;
238   - left: 0;
239   - position: absolute;
240   - top: 0;
241   - width: 100%;
242   -}
243   -.mce-preview-object[data-mce-selected="2"] .mce-shim {
244   - display: none;
245   -}
246   -.mce-object {
247   - 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;
248   - border: 1px dashed #aaa;
249   -}
250   -.mce-pagebreak {
251   - border: 1px dashed #aaa;
252   - cursor: default;
253   - display: block;
254   - height: 5px;
255   - margin-top: 15px;
256   - page-break-before: always;
257   - width: 100%;
258   -}
259   -@media print {
260   - .mce-pagebreak {
261   - border: 0;
262   - }
263   -}
264   -.tiny-pageembed .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   -.tiny-pageembed[data-mce-selected="2"] .mce-shim {
273   - display: none;
274   -}
275   -.tiny-pageembed {
276   - display: inline-block;
277   - position: relative;
278   -}
279   -.tiny-pageembed--21by9,
280   -.tiny-pageembed--16by9,
281   -.tiny-pageembed--4by3,
282   -.tiny-pageembed--1by1 {
283   - display: block;
284   - overflow: hidden;
285   - padding: 0;
286   - position: relative;
287   - width: 100%;
288   -}
289   -.tiny-pageembed--21by9::before,
290   -.tiny-pageembed--16by9::before,
291   -.tiny-pageembed--4by3::before,
292   -.tiny-pageembed--1by1::before {
293   - content: "";
294   - display: block;
295   -}
296   -.tiny-pageembed--21by9::before {
297   - padding-top: 42.857143%;
298   -}
299   -.tiny-pageembed--16by9::before {
300   - padding-top: 56.25%;
301   -}
302   -.tiny-pageembed--4by3::before {
303   - padding-top: 75%;
304   -}
305   -.tiny-pageembed--1by1::before {
306   - padding-top: 100%;
307   -}
308   -.tiny-pageembed--21by9 iframe,
309   -.tiny-pageembed--16by9 iframe,
310   -.tiny-pageembed--4by3 iframe,
311   -.tiny-pageembed--1by1 iframe {
312   - border: 0;
313   - height: 100%;
314   - left: 0;
315   - position: absolute;
316   - top: 0;
317   - width: 100%;
318   -}
319   -.mce-content-body div.mce-resizehandle {
320   - background-color: #4099ff;
321   - border-color: #4099ff;
322   - border-style: solid;
323   - border-width: 1px;
324   - box-sizing: border-box;
325   - height: 10px;
326   - position: absolute;
327   - width: 10px;
328   - z-index: 10000;
329   -}
330   -.mce-content-body div.mce-resizehandle:hover {
331   - background-color: #4099ff;
332   -}
333   -.mce-content-body div.mce-resizehandle:nth-of-type(1) {
334   - cursor: nwse-resize;
335   -}
336   -.mce-content-body div.mce-resizehandle:nth-of-type(2) {
337   - cursor: nesw-resize;
338   -}
339   -.mce-content-body div.mce-resizehandle:nth-of-type(3) {
340   - cursor: nwse-resize;
341   -}
342   -.mce-content-body div.mce-resizehandle:nth-of-type(4) {
343   - cursor: nesw-resize;
344   -}
345   -.mce-content-body .mce-clonedresizable {
346   - opacity: 0.5;
347   - outline: 1px dashed black;
348   - position: absolute;
349   - z-index: 10000;
350   -}
351   -.mce-content-body .mce-resize-helper {
352   - background: #555;
353   - background: rgba(0, 0, 0, 0.75);
354   - border: 1px;
355   - border-radius: 3px;
356   - color: white;
357   - display: none;
358   - font-family: sans-serif;
359   - font-size: 12px;
360   - line-height: 14px;
361   - margin: 5px 10px;
362   - padding: 5px;
363   - position: absolute;
364   - white-space: nowrap;
365   - z-index: 10001;
366   -}
367   -.mce-match-marker {
368   - background: #aaa;
369   - color: #fff;
370   -}
371   -.mce-match-marker-selected {
372   - background: #39f;
373   - color: #fff;
374   -}
375   -.mce-content-body img[data-mce-selected],
376   -.mce-content-body table[data-mce-selected] {
377   - outline: 3px solid #b4d7ff;
378   -}
379   -.mce-content-body hr[data-mce-selected] {
380   - outline: 3px solid #b4d7ff;
381   - outline-offset: 1px;
382   -}
383   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
384   - outline: 3px solid #b4d7ff;
385   -}
386   -.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
387   - outline: 3px solid #b4d7ff;
388   -}
389   -.mce-content-body *[contentEditable=false][data-mce-selected] {
390   - cursor: not-allowed;
391   - outline: 3px solid #b4d7ff;
392   -}
393   -.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
394   -.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
395   - outline: none;
396   -}
397   -.mce-content-body *[data-mce-selected="inline-boundary"] {
398   - background-color: #b4d7ff;
399   -}
400   -.mce-content-body .mce-edit-focus {
401   - outline: 3px solid #b4d7ff;
402   -}
403   -.mce-content-body td[data-mce-selected],
404   -.mce-content-body th[data-mce-selected] {
405   - background-color: #b4d7ff !important;
406   -}
407   -.mce-content-body td[data-mce-selected]::-moz-selection,
408   -.mce-content-body th[data-mce-selected]::-moz-selection {
409   - background: none;
410   -}
411   -.mce-content-body td[data-mce-selected]::selection,
412   -.mce-content-body th[data-mce-selected]::selection {
413   - background: none;
414   -}
415   -.mce-content-body td[data-mce-selected] *,
416   -.mce-content-body th[data-mce-selected] * {
417   - -webkit-touch-callout: none;
418   - -webkit-user-select: none;
419   - -moz-user-select: none;
420   - -ms-user-select: none;
421   - user-select: none;
422   -}
423   -.mce-content-body img::-moz-selection {
424   - background: none;
425   -}
426   -.mce-content-body img::selection {
427   - background: none;
428   -}
429   -.ephox-snooker-resizer-bar {
430   - background-color: #b4d7ff;
431   - opacity: 0;
432   -}
433   -.ephox-snooker-resizer-cols {
434   - cursor: col-resize;
435   -}
436   -.ephox-snooker-resizer-rows {
437   - cursor: row-resize;
438   -}
439   -.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
440   - opacity: 1;
441   -}
442   -.mce-spellchecker-word {
443   - 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'.5'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
444   - background-position: 0 calc(100% + 1px);
445   - background-repeat: repeat-x;
446   - background-size: auto 6px;
447   - cursor: default;
448   - height: 2rem;
449   -}
450   -.mce-spellchecker-grammar {
451   - 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'%23008800'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
452   - background-position: 0 calc(100% + 1px);
453   - background-repeat: repeat-x;
454   - background-size: auto 6px;
455   - cursor: default;
456   -}
457   -.mce-toc {
458   - border: 1px solid gray;
459   -}
460   -.mce-toc h2 {
461   - margin: 4px;
462   -}
463   -.mce-toc li {
464   - list-style-type: none;
465   -}
466   -.mce-item-table,
467   -.mce-item-table td,
468   -.mce-item-table th,
469   -.mce-item-table caption {
470   - border: 1px dashed #bbb;
471   -}
472   -.mce-visualblocks p,
473   -.mce-visualblocks h1,
474   -.mce-visualblocks h2,
475   -.mce-visualblocks h3,
476   -.mce-visualblocks h4,
477   -.mce-visualblocks h5,
478   -.mce-visualblocks h6,
479   -.mce-visualblocks div:not([data-mce-bogus]),
480   -.mce-visualblocks section,
481   -.mce-visualblocks article,
482   -.mce-visualblocks blockquote,
483   -.mce-visualblocks address,
484   -.mce-visualblocks pre,
485   -.mce-visualblocks figure,
486   -.mce-visualblocks figcaption,
487   -.mce-visualblocks hgroup,
488   -.mce-visualblocks aside,
489   -.mce-visualblocks ul,
490   -.mce-visualblocks ol,
491   -.mce-visualblocks dl {
492   - background-repeat: no-repeat;
493   - border: 1px dashed #bbb;
494   - margin-left: 3px;
495   - padding-top: 10px;
496   -}
497   -.mce-visualblocks p {
498   - background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
499   -}
500   -.mce-visualblocks h1 {
501   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
502   -}
503   -.mce-visualblocks h2 {
504   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
505   -}
506   -.mce-visualblocks h3 {
507   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
508   -}
509   -.mce-visualblocks h4 {
510   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
511   -}
512   -.mce-visualblocks h5 {
513   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
514   -}
515   -.mce-visualblocks h6 {
516   - background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
517   -}
518   -.mce-visualblocks div:not([data-mce-bogus]) {
519   - background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
520   -}
521   -.mce-visualblocks section {
522   - background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
523   -}
524   -.mce-visualblocks article {
525   - background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
526   -}
527   -.mce-visualblocks blockquote {
528   - background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
529   -}
530   -.mce-visualblocks address {
531   - background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
532   -}
533   -.mce-visualblocks pre {
534   - background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
535   -}
536   -.mce-visualblocks figure {
537   - background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
538   -}
539   -.mce-visualblocks figcaption {
540   - border: 1px dashed #bbb;
541   -}
542   -.mce-visualblocks hgroup {
543   - background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
544   -}
545   -.mce-visualblocks aside {
546   - background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
547   -}
548   -.mce-visualblocks ul {
549   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
550   -}
551   -.mce-visualblocks ol {
552   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
553   -}
554   -.mce-visualblocks dl {
555   - background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
556   -}
557   -.mce-visualblocks:not([dir=rtl]) p,
558   -.mce-visualblocks:not([dir=rtl]) h1,
559   -.mce-visualblocks:not([dir=rtl]) h2,
560   -.mce-visualblocks:not([dir=rtl]) h3,
561   -.mce-visualblocks:not([dir=rtl]) h4,
562   -.mce-visualblocks:not([dir=rtl]) h5,
563   -.mce-visualblocks:not([dir=rtl]) h6,
564   -.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
565   -.mce-visualblocks:not([dir=rtl]) section,
566   -.mce-visualblocks:not([dir=rtl]) article,
567   -.mce-visualblocks:not([dir=rtl]) blockquote,
568   -.mce-visualblocks:not([dir=rtl]) address,
569   -.mce-visualblocks:not([dir=rtl]) pre,
570   -.mce-visualblocks:not([dir=rtl]) figure,
571   -.mce-visualblocks:not([dir=rtl]) figcaption,
572   -.mce-visualblocks:not([dir=rtl]) hgroup,
573   -.mce-visualblocks:not([dir=rtl]) aside,
574   -.mce-visualblocks:not([dir=rtl]) ul,
575   -.mce-visualblocks:not([dir=rtl]) ol,
576   -.mce-visualblocks:not([dir=rtl]) dl {
577   - margin-left: 3px;
578   -}
579   -.mce-visualblocks[dir=rtl] p,
580   -.mce-visualblocks[dir=rtl] h1,
581   -.mce-visualblocks[dir=rtl] h2,
582   -.mce-visualblocks[dir=rtl] h3,
583   -.mce-visualblocks[dir=rtl] h4,
584   -.mce-visualblocks[dir=rtl] h5,
585   -.mce-visualblocks[dir=rtl] h6,
586   -.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
587   -.mce-visualblocks[dir=rtl] section,
588   -.mce-visualblocks[dir=rtl] article,
589   -.mce-visualblocks[dir=rtl] blockquote,
590   -.mce-visualblocks[dir=rtl] address,
591   -.mce-visualblocks[dir=rtl] pre,
592   -.mce-visualblocks[dir=rtl] figure,
593   -.mce-visualblocks[dir=rtl] figcaption,
594   -.mce-visualblocks[dir=rtl] hgroup,
595   -.mce-visualblocks[dir=rtl] aside,
596   -.mce-visualblocks[dir=rtl] ul,
597   -.mce-visualblocks[dir=rtl] ol,
598   -.mce-visualblocks[dir=rtl] dl {
599   - background-position-x: right;
600   - margin-right: 3px;
601   -}
602   -.mce-nbsp,
603   -.mce-shy {
604   - background: #aaa;
605   -}
606   -.mce-shy::after {
607   - content: '-';
608   -}
609   -.tox-toolbar-dock-fadeout {
610   - opacity: 0;
611   - visibility: hidden;
612   -}
613   -.tox-toolbar-dock-fadein {
614   - opacity: 1;
615   - visibility: visible;
616   -}
617   -.tox-toolbar-dock-transition {
618   - transition: visibility 0s linear 0.3s, opacity 0.3s ease;
619   -}
620   -.tox-toolbar-dock-transition.tox-toolbar-dock-fadein {
621   - transition-delay: 0s;
622   -}
public/resource/tinymce/skins/ui/oxide/content.mobile.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
8   - position: absolute;
9   - display: inline-block;
10   -
11   - /* Note: this file is used inside the content, so isn't part of theming */
12   - background-color: green;
13   - opacity: 0.5;
14   -}
15   -
16   -body {
17   - -webkit-text-size-adjust: none;
18   -}
19   -
20   -body img {
21   - /* this is related to the content margin */
22   - max-width: 96vw;
23   -}
24   -
25   -body table img {
26   - max-width: 95%;
27   -}
28   -
29   -body {
30   - font-family: sans-serif;
31   -}
32   -
33   -table {
34   - border-collapse: collapse;
35   -}
36 0 \ No newline at end of file
public/resource/tinymce/skins/ui/oxide/skin.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -.tox {
8   - box-sizing: content-box;
9   - color: #222f3e;
10   - cursor: auto;
11   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
12   - font-size: 16px;
13   - font-style: normal;
14   - font-weight: normal;
15   - line-height: normal;
16   - -webkit-tap-highlight-color: transparent;
17   - text-decoration: none;
18   - text-shadow: none;
19   - text-transform: none;
20   - vertical-align: initial;
21   - white-space: normal;
22   -}
23   -.tox *:not(svg) {
24   - box-sizing: inherit;
25   - color: inherit;
26   - cursor: inherit;
27   - direction: inherit;
28   - font-family: inherit;
29   - font-size: inherit;
30   - font-style: inherit;
31   - font-weight: inherit;
32   - line-height: inherit;
33   - -webkit-tap-highlight-color: inherit;
34   - text-align: inherit;
35   - text-decoration: inherit;
36   - text-shadow: inherit;
37   - text-transform: inherit;
38   - vertical-align: inherit;
39   - white-space: inherit;
40   -}
41   -.tox *:not(svg) {
42   - /* stylelint-disable-line no-duplicate-selectors */
43   - background: transparent;
44   - border: 0;
45   - float: none;
46   - height: auto;
47   - margin: 0;
48   - max-width: none;
49   - outline: 0;
50   - padding: 0;
51   - position: static;
52   - width: auto;
53   -}
54   -.tox:not([dir=rtl]) {
55   - direction: ltr;
56   - text-align: left;
57   -}
58   -.tox[dir=rtl] {
59   - direction: rtl;
60   - text-align: right;
61   -}
62   -.tox-tinymce {
63   - border: 1px solid #cccccc;
64   - border-radius: 0;
65   - box-shadow: none;
66   - box-sizing: border-box;
67   - display: flex;
68   - flex-direction: column;
69   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
70   - overflow: hidden;
71   - position: relative;
72   - visibility: inherit !important;
73   -}
74   -.tox-editor-container {
75   - display: flex;
76   - flex: 1 1 auto;
77   - flex-direction: column;
78   - overflow: hidden;
79   -}
80   -.tox-editor-container > *:first-child {
81   - border-top: none !important;
82   -}
83   -.tox-tinymce-aux {
84   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
85   -}
86   -.tox-tinymce *:focus,
87   -.tox-tinymce-aux *:focus {
88   - outline: none;
89   -}
90   -button::-moz-focus-inner {
91   - border: 0;
92   -}
93   -.tox-silver-sink {
94   - z-index: 1300;
95   -}
96   -.tox .tox-anchorbar {
97   - display: flex;
98   - flex: 0 0 auto;
99   -}
100   -.tox .tox-bar {
101   - display: flex;
102   - flex: 0 0 auto;
103   -}
104   -.tox .tox-button {
105   - background-color: #207ab7;
106   - background-image: none;
107   - background-position: none;
108   - background-repeat: none;
109   - border-color: #207ab7;
110   - border-radius: 3px;
111   - border-style: solid;
112   - border-width: 1px;
113   - box-shadow: none;
114   - box-sizing: border-box;
115   - color: #fff;
116   - cursor: pointer;
117   - display: inline-block;
118   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
119   - font-size: 14px;
120   - font-weight: bold;
121   - letter-spacing: 1;
122   - line-height: 24px;
123   - margin: 0;
124   - outline: none;
125   - padding: 4px 16px;
126   - text-align: center;
127   - text-decoration: none;
128   - text-transform: capitalize;
129   - white-space: nowrap;
130   -}
131   -.tox .tox-button[disabled] {
132   - background-color: #207ab7;
133   - background-image: none;
134   - border-color: #207ab7;
135   - box-shadow: none;
136   - color: rgba(255, 255, 255, 0.5);
137   - cursor: not-allowed;
138   -}
139   -.tox .tox-button:focus:not(:disabled) {
140   - background-color: #1c6ca1;
141   - background-image: none;
142   - border-color: #1c6ca1;
143   - box-shadow: none;
144   - color: #fff;
145   -}
146   -.tox .tox-button:hover:not(:disabled) {
147   - background-color: #1c6ca1;
148   - background-image: none;
149   - border-color: #1c6ca1;
150   - box-shadow: none;
151   - color: #fff;
152   -}
153   -.tox .tox-button:active:not(:disabled) {
154   - background-color: #185d8c;
155   - background-image: none;
156   - border-color: #185d8c;
157   - box-shadow: none;
158   - color: #fff;
159   -}
160   -.tox .tox-button--secondary {
161   - background-color: #f0f0f0;
162   - background-image: none;
163   - background-position: none;
164   - background-repeat: none;
165   - border-color: #f0f0f0;
166   - border-radius: 3px;
167   - border-style: solid;
168   - border-width: 1px;
169   - box-shadow: none;
170   - color: #222f3e;
171   - outline: none;
172   - padding: 4px 16px;
173   - text-decoration: none;
174   - text-transform: capitalize;
175   -}
176   -.tox .tox-button--secondary[disabled] {
177   - background-color: #f0f0f0;
178   - background-image: none;
179   - border-color: #f0f0f0;
180   - box-shadow: none;
181   - color: rgba(34, 47, 62, 0.5);
182   -}
183   -.tox .tox-button--secondary:focus:not(:disabled) {
184   - background-color: #e3e3e3;
185   - background-image: none;
186   - border-color: #e3e3e3;
187   - box-shadow: none;
188   - color: #222f3e;
189   -}
190   -.tox .tox-button--secondary:hover:not(:disabled) {
191   - background-color: #e3e3e3;
192   - background-image: none;
193   - border-color: #e3e3e3;
194   - box-shadow: none;
195   - color: #222f3e;
196   -}
197   -.tox .tox-button--secondary:active:not(:disabled) {
198   - background-color: #d6d6d6;
199   - background-image: none;
200   - border-color: #d6d6d6;
201   - box-shadow: none;
202   - color: #222f3e;
203   -}
204   -.tox .tox-button--icon,
205   -.tox .tox-button.tox-button--icon,
206   -.tox .tox-button.tox-button--secondary.tox-button--icon {
207   - padding: 4px;
208   -}
209   -.tox .tox-button--icon .tox-icon svg,
210   -.tox .tox-button.tox-button--icon .tox-icon svg,
211   -.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
212   - display: block;
213   - fill: currentColor;
214   -}
215   -.tox .tox-button-link {
216   - background: 0;
217   - border: none;
218   - box-sizing: border-box;
219   - cursor: pointer;
220   - display: inline-block;
221   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
222   - font-size: 16px;
223   - font-weight: normal;
224   - line-height: 1.3;
225   - margin: 0;
226   - padding: 0;
227   - white-space: nowrap;
228   -}
229   -.tox .tox-button-link--sm {
230   - font-size: 14px;
231   -}
232   -.tox .tox-button--naked {
233   - background-color: transparent;
234   - border-color: transparent;
235   - box-shadow: unset;
236   - color: #222f3e;
237   -}
238   -.tox .tox-button--naked:hover:not(:disabled) {
239   - background-color: #e3e3e3;
240   - border-color: #e3e3e3;
241   - box-shadow: none;
242   - color: #222f3e;
243   -}
244   -.tox .tox-button--naked:focus:not(:disabled) {
245   - background-color: #e3e3e3;
246   - border-color: #e3e3e3;
247   - box-shadow: none;
248   - color: #222f3e;
249   -}
250   -.tox .tox-button--naked:active:not(:disabled) {
251   - background-color: #d6d6d6;
252   - border-color: #d6d6d6;
253   - box-shadow: none;
254   - color: #222f3e;
255   -}
256   -.tox .tox-button--naked .tox-icon svg {
257   - fill: currentColor;
258   -}
259   -.tox .tox-button--naked.tox-button--icon {
260   - color: currentColor;
261   -}
262   -.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
263   - color: #222f3e;
264   -}
265   -.tox .tox-checkbox {
266   - align-items: center;
267   - border-radius: 3px;
268   - cursor: pointer;
269   - display: flex;
270   - height: 36px;
271   - min-width: 36px;
272   -}
273   -.tox .tox-checkbox__input {
274   - /* Hide from view but visible to screen readers */
275   - height: 1px;
276   - left: -10000px;
277   - overflow: hidden;
278   - position: absolute;
279   - top: auto;
280   - width: 1px;
281   -}
282   -.tox .tox-checkbox__icons {
283   - border-radius: 3px;
284   - box-shadow: 0 0 0 2px transparent;
285   - box-sizing: content-box;
286   - height: 24px;
287   - padding: calc(4px - 1px);
288   - width: 24px;
289   -}
290   -.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
291   - display: block;
292   - fill: rgba(34, 47, 62, 0.3);
293   -}
294   -.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
295   - display: none;
296   - fill: #207ab7;
297   -}
298   -.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
299   - display: none;
300   - fill: #207ab7;
301   -}
302   -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
303   - display: none;
304   -}
305   -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
306   - display: block;
307   -}
308   -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
309   - display: none;
310   -}
311   -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
312   - display: block;
313   -}
314   -.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
315   - border-radius: 3px;
316   - box-shadow: inset 0 0 0 1px #207ab7;
317   - padding: calc(4px - 1px);
318   -}
319   -.tox:not([dir=rtl]) .tox-checkbox__label {
320   - margin-left: 4px;
321   -}
322   -.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
323   - margin-left: 4px;
324   -}
325   -.tox[dir=rtl] .tox-checkbox__label {
326   - margin-right: 4px;
327   -}
328   -.tox[dir=rtl] .tox-bar .tox-checkbox {
329   - margin-right: 4px;
330   -}
331   -.tox .tox-collection--toolbar .tox-collection__group {
332   - display: flex;
333   - padding: 0;
334   -}
335   -.tox .tox-collection--grid .tox-collection__group {
336   - display: flex;
337   - flex-wrap: wrap;
338   - max-height: 208px;
339   - overflow-x: hidden;
340   - overflow-y: auto;
341   - padding: 0;
342   -}
343   -.tox .tox-collection--list .tox-collection__group {
344   - border-bottom-width: 0;
345   - border-color: #cccccc;
346   - border-left-width: 0;
347   - border-right-width: 0;
348   - border-style: solid;
349   - border-top-width: 1px;
350   - padding: 4px 0;
351   -}
352   -.tox .tox-collection--list .tox-collection__group:first-child {
353   - border-top-width: 0;
354   -}
355   -.tox .tox-collection__group-heading {
356   - background-color: #e6e6e6;
357   - color: rgba(34, 47, 62, 0.7);
358   - cursor: default;
359   - font-size: 12px;
360   - font-style: normal;
361   - font-weight: normal;
362   - margin-bottom: 4px;
363   - margin-top: -4px;
364   - padding: 4px 8px;
365   - text-transform: none;
366   - -webkit-touch-callout: none;
367   - -webkit-user-select: none;
368   - -moz-user-select: none;
369   - -ms-user-select: none;
370   - user-select: none;
371   -}
372   -.tox .tox-collection__item {
373   - align-items: center;
374   - color: #222f3e;
375   - cursor: pointer;
376   - display: flex;
377   - -webkit-touch-callout: none;
378   - -webkit-user-select: none;
379   - -moz-user-select: none;
380   - -ms-user-select: none;
381   - user-select: none;
382   -}
383   -.tox .tox-collection--list .tox-collection__item {
384   - padding: 4px 8px;
385   -}
386   -.tox .tox-collection--toolbar .tox-collection__item {
387   - border-radius: 3px;
388   - padding: 4px;
389   -}
390   -.tox .tox-collection--grid .tox-collection__item {
391   - border-radius: 3px;
392   - padding: 4px;
393   -}
394   -.tox .tox-collection--list .tox-collection__item--enabled {
395   - background-color: inherit;
396   - color: contrast(inherit, #222f3e, #fff);
397   -}
398   -.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
399   - background-color: #dee0e2;
400   - color: #222f3e;
401   -}
402   -.tox .tox-collection--toolbar .tox-collection__item--enabled {
403   - background-color: #c8cbcf;
404   - color: #222f3e;
405   -}
406   -.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
407   - background-color: #dee0e2;
408   - color: #222f3e;
409   -}
410   -.tox .tox-collection--grid .tox-collection__item--enabled {
411   - background-color: #c8cbcf;
412   - color: #222f3e;
413   -}
414   -.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
415   - background-color: #dee0e2;
416   - color: #222f3e;
417   -}
418   -.tox .tox-collection__item--state-disabled {
419   - background-color: transparent;
420   - color: rgba(34, 47, 62, 0.5);
421   - cursor: default;
422   -}
423   -.tox .tox-collection__item-icon {
424   - align-items: center;
425   - display: flex;
426   - height: 24px;
427   - justify-content: center;
428   - width: 24px;
429   -}
430   -.tox .tox-collection__item-icon svg {
431   - fill: currentColor;
432   -}
433   -.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
434   - height: 48px;
435   - width: 48px;
436   -}
437   -.tox .tox-collection__item[role="menuitemcheckbox"]:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
438   - display: none;
439   -}
440   -.tox .tox-collection__item-label {
441   - color: currentColor;
442   - display: inline-block;
443   - flex: 1;
444   - -ms-flex-preferred-size: auto;
445   - font-size: 14px;
446   - font-style: normal;
447   - font-weight: normal;
448   - line-height: 24px;
449   - text-transform: none;
450   - word-break: break-all;
451   -}
452   -.tox .tox-collection__item-accessory {
453   - color: rgba(34, 47, 62, 0.7);
454   - display: inline-block;
455   - font-size: 14px;
456   - height: 24px;
457   - line-height: 24px;
458   - text-transform: normal;
459   -}
460   -.tox .tox-collection__item-caret {
461   - align-items: center;
462   - display: flex;
463   - min-height: 24px;
464   -}
465   -.tox .tox-collection__item-caret::after {
466   - content: '';
467   - font-size: 0;
468   - min-height: inherit;
469   -}
470   -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
471   - margin-left: 8px;
472   -}
473   -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item-label:first-child {
474   - margin-left: 4px;
475   -}
476   -.tox:not([dir=rtl]) .tox-collection__item-accessory {
477   - margin-left: 16px;
478   - text-align: right;
479   -}
480   -.tox:not([dir=rtl]) .tox-collection__item-caret {
481   - margin-left: 16px;
482   -}
483   -.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
484   - margin-right: 8px;
485   -}
486   -.tox[dir=rtl] .tox-collection--list .tox-collection__item-label:first-child {
487   - margin-right: 4px;
488   -}
489   -.tox[dir=rtl] .tox-collection__item-icon-rtl {
490   - /* stylelint-disable-next-line no-descending-specificity */
491   -}
492   -.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
493   - transform: rotateY(180deg);
494   -}
495   -.tox[dir=rtl] .tox-collection__item-accessory {
496   - margin-right: 16px;
497   - text-align: left;
498   -}
499   -.tox[dir=rtl] .tox-collection__item-caret {
500   - margin-right: 16px;
501   - transform: rotateY(180deg);
502   -}
503   -.tox .tox-color-picker-container {
504   - display: flex;
505   - flex-direction: row;
506   - height: 225px;
507   - margin: 0;
508   -}
509   -.tox .tox-sv-palette {
510   - box-sizing: border-box;
511   - display: flex;
512   - height: 100%;
513   -}
514   -.tox .tox-sv-palette-spectrum {
515   - height: 100%;
516   -}
517   -.tox .tox-sv-palette,
518   -.tox .tox-sv-palette-spectrum {
519   - width: 225px;
520   -}
521   -.tox .tox-sv-palette-thumb {
522   - background: none;
523   - border: 1px solid black;
524   - border-radius: 50%;
525   - box-sizing: content-box;
526   - height: 12px;
527   - position: absolute;
528   - width: 12px;
529   -}
530   -.tox .tox-sv-palette-inner-thumb {
531   - border: 1px solid white;
532   - border-radius: 50%;
533   - height: 10px;
534   - position: absolute;
535   - width: 10px;
536   -}
537   -.tox .tox-hue-slider {
538   - box-sizing: border-box;
539   - height: 100%;
540   - width: 25px;
541   -}
542   -.tox .tox-hue-slider-spectrum {
543   - background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
544   - height: 100%;
545   - width: 100%;
546   -}
547   -.tox .tox-hue-slider,
548   -.tox .tox-hue-slider-spectrum {
549   - width: 20px;
550   -}
551   -.tox .tox-hue-slider-thumb {
552   - background: white;
553   - border: 1px solid black;
554   - box-sizing: content-box;
555   - height: 4px;
556   - width: 100%;
557   -}
558   -.tox .tox-rgb-form {
559   - display: flex;
560   - flex-direction: column;
561   - justify-content: space-between;
562   -}
563   -.tox .tox-rgb-form div {
564   - align-items: center;
565   - display: flex;
566   - justify-content: space-between;
567   - margin-bottom: 5px;
568   - width: inherit;
569   -}
570   -.tox .tox-rgb-form input {
571   - width: 6em;
572   -}
573   -.tox .tox-rgb-form input.tox-invalid {
574   - /* Need !important to override Chrome's focus styling unfortunately */
575   - border: 1px solid red !important;
576   -}
577   -.tox .tox-rgb-form .tox-rgba-preview {
578   - border: 1px solid black;
579   - flex-grow: 2;
580   - margin-bottom: 0;
581   -}
582   -.tox:not([dir=rtl]) .tox-sv-palette {
583   - margin-right: 15px;
584   -}
585   -.tox:not([dir=rtl]) .tox-hue-slider {
586   - margin-right: 15px;
587   -}
588   -.tox:not([dir=rtl]) .tox-hue-slider-thumb {
589   - margin-left: -1px;
590   -}
591   -.tox:not([dir=rtl]) .tox-rgb-form label {
592   - margin-right: 0.5em;
593   -}
594   -.tox[dir=rtl] .tox-sv-palette {
595   - margin-left: 15px;
596   -}
597   -.tox[dir=rtl] .tox-hue-slider {
598   - margin-left: 15px;
599   -}
600   -.tox[dir=rtl] .tox-hue-slider-thumb {
601   - margin-right: -1px;
602   -}
603   -.tox[dir=rtl] .tox-rgb-form label {
604   - margin-left: 0.5em;
605   -}
606   -.tox .tox-toolbar .tox-swatches,
607   -.tox .tox-toolbar__primary .tox-swatches,
608   -.tox .tox-toolbar__overflow .tox-swatches {
609   - margin: 2px 0 3px 4px;
610   -}
611   -.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
612   - border: 0;
613   - margin: -4px 0;
614   -}
615   -.tox .tox-swatches__row {
616   - display: flex;
617   -}
618   -.tox .tox-swatch {
619   - height: 30px;
620   - transition: transform 0.15s, box-shadow 0.15s;
621   - width: 30px;
622   -}
623   -.tox .tox-swatch:hover,
624   -.tox .tox-swatch:focus {
625   - box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
626   - transform: scale(0.8);
627   -}
628   -.tox .tox-swatch--remove {
629   - align-items: center;
630   - display: flex;
631   - justify-content: center;
632   -}
633   -.tox .tox-swatch--remove svg path {
634   - stroke: #e74c3c;
635   -}
636   -.tox .tox-swatches__picker-btn {
637   - align-items: center;
638   - background-color: transparent;
639   - border: 0;
640   - cursor: pointer;
641   - display: flex;
642   - height: 30px;
643   - justify-content: center;
644   - outline: none;
645   - padding: 0;
646   - width: 30px;
647   -}
648   -.tox .tox-swatches__picker-btn svg {
649   - height: 24px;
650   - width: 24px;
651   -}
652   -.tox .tox-swatches__picker-btn:hover {
653   - background: #dee0e2;
654   -}
655   -.tox:not([dir=rtl]) .tox-swatches__picker-btn {
656   - margin-left: auto;
657   -}
658   -.tox[dir=rtl] .tox-swatches__picker-btn {
659   - margin-right: auto;
660   -}
661   -.tox .tox-comment-thread {
662   - background: #fff;
663   - position: relative;
664   -}
665   -.tox .tox-comment-thread > *:not(:first-child) {
666   - margin-top: 8px;
667   -}
668   -.tox .tox-comment {
669   - background: #fff;
670   - border: 1px solid #cccccc;
671   - border-radius: 3px;
672   - box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
673   - padding: 8px 8px 16px 8px;
674   - position: relative;
675   -}
676   -.tox .tox-comment__header {
677   - align-items: center;
678   - color: #222f3e;
679   - display: flex;
680   - justify-content: space-between;
681   -}
682   -.tox .tox-comment__date {
683   - color: rgba(34, 47, 62, 0.7);
684   - font-size: 12px;
685   -}
686   -.tox .tox-comment__body {
687   - color: #222f3e;
688   - font-size: 14px;
689   - font-style: normal;
690   - font-weight: normal;
691   - line-height: 1.3;
692   - margin-top: 8px;
693   - position: relative;
694   - text-transform: initial;
695   -}
696   -.tox .tox-comment__body textarea {
697   - resize: none;
698   - white-space: normal;
699   - width: 100%;
700   -}
701   -.tox .tox-comment__expander {
702   - padding-top: 8px;
703   -}
704   -.tox .tox-comment__expander p {
705   - color: rgba(34, 47, 62, 0.7);
706   - font-size: 14px;
707   - font-style: normal;
708   -}
709   -.tox .tox-comment__body p {
710   - margin: 0;
711   -}
712   -.tox .tox-comment__buttonspacing {
713   - padding-top: 16px;
714   - text-align: center;
715   -}
716   -.tox .tox-comment-thread__overlay::after {
717   - background: #fff;
718   - bottom: 0;
719   - content: "";
720   - display: flex;
721   - left: 0;
722   - opacity: 0.9;
723   - position: absolute;
724   - right: 0;
725   - top: 0;
726   - z-index: 5;
727   -}
728   -.tox .tox-comment__reply {
729   - display: flex;
730   - flex-shrink: 0;
731   - flex-wrap: wrap;
732   - justify-content: flex-end;
733   - margin-top: 8px;
734   -}
735   -.tox .tox-comment__reply > *:first-child {
736   - margin-bottom: 8px;
737   - width: 100%;
738   -}
739   -.tox .tox-comment__edit {
740   - display: flex;
741   - flex-wrap: wrap;
742   - justify-content: flex-end;
743   - margin-top: 16px;
744   -}
745   -.tox .tox-comment__gradient::after {
746   - background: linear-gradient(rgba(255, 255, 255, 0), #fff);
747   - bottom: 0;
748   - content: "";
749   - display: block;
750   - height: 5em;
751   - margin-top: -40px;
752   - position: absolute;
753   - width: 100%;
754   -}
755   -.tox .tox-comment__overlay {
756   - background: #fff;
757   - bottom: 0;
758   - display: flex;
759   - flex-direction: column;
760   - flex-grow: 1;
761   - left: 0;
762   - opacity: 0.9;
763   - position: absolute;
764   - right: 0;
765   - text-align: center;
766   - top: 0;
767   - z-index: 5;
768   -}
769   -.tox .tox-comment__loading-text {
770   - align-items: center;
771   - color: #222f3e;
772   - display: flex;
773   - flex-direction: column;
774   - position: relative;
775   -}
776   -.tox .tox-comment__loading-text > div {
777   - padding-bottom: 16px;
778   -}
779   -.tox .tox-comment__overlaytext {
780   - bottom: 0;
781   - flex-direction: column;
782   - font-size: 14px;
783   - left: 0;
784   - padding: 1em;
785   - position: absolute;
786   - right: 0;
787   - top: 0;
788   - z-index: 10;
789   -}
790   -.tox .tox-comment__overlaytext p {
791   - background-color: #fff;
792   - box-shadow: 0 0 8px 8px #fff;
793   - color: #222f3e;
794   - text-align: center;
795   -}
796   -.tox .tox-comment__overlaytext div:nth-of-type(2) {
797   - font-size: 0.8em;
798   -}
799   -.tox .tox-comment__busy-spinner {
800   - align-items: center;
801   - background-color: #fff;
802   - bottom: 0;
803   - display: flex;
804   - justify-content: center;
805   - left: 0;
806   - position: absolute;
807   - right: 0;
808   - top: 0;
809   - z-index: 1103;
810   -}
811   -.tox .tox-comment__scroll {
812   - display: flex;
813   - flex-direction: column;
814   - flex-shrink: 1;
815   - overflow: auto;
816   -}
817   -.tox .tox-conversations {
818   - margin: 8px;
819   -}
820   -.tox:not([dir=rtl]) .tox-comment__edit {
821   - margin-left: 8px;
822   -}
823   -.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
824   -.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
825   -.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
826   - margin-left: 8px;
827   -}
828   -.tox[dir=rtl] .tox-comment__edit {
829   - margin-right: 8px;
830   -}
831   -.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
832   -.tox[dir=rtl] .tox-comment__edit > *:last-child,
833   -.tox[dir=rtl] .tox-comment__reply > *:last-child {
834   - margin-right: 8px;
835   -}
836   -.tox .tox-user {
837   - align-items: center;
838   - display: flex;
839   -}
840   -.tox .tox-user__avatar svg {
841   - fill: rgba(34, 47, 62, 0.7);
842   -}
843   -.tox .tox-user__name {
844   - color: rgba(34, 47, 62, 0.7);
845   - font-size: 12px;
846   - font-style: normal;
847   - font-weight: bold;
848   - text-transform: uppercase;
849   -}
850   -.tox:not([dir=rtl]) .tox-user__avatar svg {
851   - margin-right: 8px;
852   -}
853   -.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
854   - margin-left: 8px;
855   -}
856   -.tox[dir=rtl] .tox-user__avatar svg {
857   - margin-left: 8px;
858   -}
859   -.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
860   - margin-right: 8px;
861   -}
862   -.tox .tox-dialog-wrap {
863   - align-items: center;
864   - bottom: 0;
865   - display: flex;
866   - justify-content: center;
867   - left: 0;
868   - position: fixed;
869   - right: 0;
870   - top: 0;
871   - z-index: 1100;
872   -}
873   -.tox .tox-dialog-wrap__backdrop {
874   - background-color: rgba(255, 255, 255, 0.75);
875   - bottom: 0;
876   - left: 0;
877   - position: absolute;
878   - right: 0;
879   - top: 0;
880   - z-index: 1101;
881   -}
882   -.tox .tox-dialog {
883   - background-color: #fff;
884   - border-color: #cccccc;
885   - border-radius: 3px;
886   - border-style: solid;
887   - border-width: 1px;
888   - box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
889   - display: flex;
890   - flex-direction: column;
891   - max-height: 100%;
892   - max-width: 480px;
893   - overflow: hidden;
894   - position: relative;
895   - width: 95vw;
896   - z-index: 1102;
897   -}
898   -.tox .tox-dialog__header {
899   - align-items: center;
900   - background-color: #fff;
901   - border-bottom: none;
902   - color: #222f3e;
903   - display: flex;
904   - font-size: 16px;
905   - justify-content: space-between;
906   - margin-bottom: 16px;
907   - padding: 8px 16px 0 16px;
908   - position: relative;
909   -}
910   -.tox .tox-dialog__header .tox-button {
911   - z-index: 1;
912   -}
913   -.tox .tox-dialog__draghandle {
914   - cursor: grab;
915   - height: 100%;
916   - left: 0;
917   - position: absolute;
918   - top: 0;
919   - width: 100%;
920   -}
921   -.tox .tox-dialog__draghandle:active {
922   - cursor: grabbing;
923   -}
924   -.tox .tox-dialog__dismiss {
925   - margin-left: auto;
926   -}
927   -.tox .tox-dialog__title {
928   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
929   - font-size: 20px;
930   - font-style: normal;
931   - font-weight: normal;
932   - line-height: 1.3;
933   - margin: 0;
934   - text-transform: normal;
935   -}
936   -.tox .tox-dialog__body {
937   - color: #222f3e;
938   - display: flex;
939   - flex: 1;
940   - -ms-flex-preferred-size: auto;
941   - font-size: 16px;
942   - font-style: normal;
943   - font-weight: normal;
944   - line-height: 1.3;
945   - min-width: 0;
946   - padding: 0 16px;
947   - text-align: left;
948   - text-transform: normal;
949   -}
950   -.tox .tox-dialog__body-nav {
951   - align-items: flex-start;
952   - display: flex;
953   - flex-direction: column;
954   -}
955   -.tox .tox-dialog__body-nav-item {
956   - border-bottom: 2px solid transparent;
957   - color: rgba(34, 47, 62, 0.7);
958   - display: inline-block;
959   - font-size: 14px;
960   - line-height: 1.3;
961   - margin-bottom: 8px;
962   - text-decoration: none;
963   -}
964   -.tox .tox-dialog__body-nav-item--active {
965   - border-bottom: 2px solid #207ab7;
966   - color: #207ab7;
967   -}
968   -.tox .tox-dialog__body-content {
969   - display: flex;
970   - flex: 1;
971   - flex-direction: column;
972   - -ms-flex-preferred-size: auto;
973   - max-height: 650px;
974   - overflow: auto;
975   -}
976   -.tox .tox-dialog__body-content > * {
977   - margin-bottom: 0;
978   - margin-top: 16px;
979   -}
980   -.tox .tox-dialog__body-content > *:first-child {
981   - margin-top: 0;
982   -}
983   -.tox .tox-dialog__body-content > *:last-child {
984   - margin-bottom: 0;
985   -}
986   -.tox .tox-dialog__body-content > *:only-child {
987   - margin-bottom: 0;
988   - margin-top: 0;
989   -}
990   -.tox .tox-dialog--width-lg {
991   - height: 650px;
992   - max-width: 1200px;
993   -}
994   -.tox .tox-dialog--width-md {
995   - max-width: 800px;
996   -}
997   -.tox .tox-dialog--width-md .tox-dialog__body-content {
998   - overflow: auto;
999   -}
1000   -.tox .tox-dialog__body-content--centered {
1001   - text-align: center;
1002   -}
1003   -.tox .tox-dialog__body-content--spacious {
1004   - margin-bottom: 16px;
1005   -}
1006   -.tox .tox-dialog__footer {
1007   - align-items: center;
1008   - background-color: #fff;
1009   - border-top: 1px solid #cccccc;
1010   - display: flex;
1011   - justify-content: space-between;
1012   - margin-top: 16px;
1013   - padding: 8px 16px;
1014   -}
1015   -.tox .tox-dialog__busy-spinner {
1016   - align-items: center;
1017   - background-color: rgba(255, 255, 255, 0.75);
1018   - bottom: 0;
1019   - display: flex;
1020   - justify-content: center;
1021   - left: 0;
1022   - position: absolute;
1023   - right: 0;
1024   - top: 0;
1025   - z-index: 1103;
1026   -}
1027   -.tox .tox-dialog__table {
1028   - border-collapse: collapse;
1029   - width: 100%;
1030   -}
1031   -.tox .tox-dialog__table thead th {
1032   - font-weight: bold;
1033   - padding-bottom: 8px;
1034   -}
1035   -.tox .tox-dialog__table tbody tr {
1036   - border-bottom: 1px solid #cccccc;
1037   -}
1038   -.tox .tox-dialog__table tbody tr:last-child {
1039   - border-bottom: none;
1040   -}
1041   -.tox .tox-dialog__table td {
1042   - padding-bottom: 8px;
1043   - padding-top: 8px;
1044   -}
1045   -.tox .tox-dialog__popups {
1046   - position: absolute;
1047   - width: 100%;
1048   - z-index: 1100;
1049   -}
1050   -.tox .tox-dialog__body-iframe {
1051   - display: flex;
1052   - flex: 1;
1053   - flex-direction: column;
1054   - -ms-flex-preferred-size: auto;
1055   -}
1056   -.tox .tox-dialog__body-iframe .tox-navobj {
1057   - display: flex;
1058   - flex: 1;
1059   - -ms-flex-preferred-size: auto;
1060   -}
1061   -.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
1062   - flex: 1;
1063   - -ms-flex-preferred-size: auto;
1064   - height: 100%;
1065   -}
1066   -body.tox-dialog__disable-scroll {
1067   - overflow: hidden;
1068   -}
1069   -.tox.tox-platform-ie {
1070   - /* IE11 CSS styles go here */
1071   -}
1072   -.tox.tox-platform-ie .tox-dialog-wrap {
1073   - position: -ms-device-fixed;
1074   -}
1075   -.tox:not([dir=rtl]) .tox-dialog__body-nav {
1076   - margin-right: 32px;
1077   -}
1078   -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
1079   -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
1080   - margin-left: 8px;
1081   -}
1082   -.tox[dir=rtl] .tox-dialog__body {
1083   - text-align: right;
1084   -}
1085   -.tox[dir=rtl] .tox-dialog__body-nav {
1086   - margin-left: 32px;
1087   -}
1088   -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
1089   -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
1090   - margin-right: 8px;
1091   -}
1092   -.tox .tox-dropzone-container {
1093   - display: flex;
1094   - flex: 1;
1095   - -ms-flex-preferred-size: auto;
1096   -}
1097   -.tox .tox-dropzone {
1098   - align-items: center;
1099   - background: #fff;
1100   - border: 2px dashed #cccccc;
1101   - box-sizing: border-box;
1102   - display: flex;
1103   - flex-direction: column;
1104   - flex-grow: 1;
1105   - justify-content: center;
1106   - min-height: 100px;
1107   - padding: 10px;
1108   -}
1109   -.tox .tox-dropzone p {
1110   - color: rgba(34, 47, 62, 0.7);
1111   - margin: 0 0 16px 0;
1112   -}
1113   -.tox .tox-edit-area {
1114   - border-top: 1px solid #cccccc;
1115   - display: flex;
1116   - flex: 1;
1117   - -ms-flex-preferred-size: auto;
1118   - overflow: hidden;
1119   - position: relative;
1120   -}
1121   -.tox .tox-edit-area__iframe {
1122   - background-color: #fff;
1123   - border: 0;
1124   - box-sizing: border-box;
1125   - flex: 1;
1126   - -ms-flex-preferred-size: auto;
1127   - height: 100%;
1128   - position: absolute;
1129   - width: 100%;
1130   -}
1131   -.tox.tox-inline-edit-area {
1132   - border: 1px dotted #cccccc;
1133   -}
1134   -.tox .tox-control-wrap {
1135   - flex: 1;
1136   - position: relative;
1137   -}
1138   -.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
1139   -.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
1140   -.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
1141   - display: none;
1142   -}
1143   -.tox .tox-control-wrap svg {
1144   - display: block;
1145   -}
1146   -.tox .tox-control-wrap__status-icon-wrap {
1147   - position: absolute;
1148   - top: 50%;
1149   - transform: translateY(-50%);
1150   -}
1151   -.tox .tox-control-wrap__status-icon-invalid svg {
1152   - fill: #c00;
1153   -}
1154   -.tox .tox-control-wrap__status-icon-unknown svg {
1155   - fill: orange;
1156   -}
1157   -.tox .tox-control-wrap__status-icon-valid svg {
1158   - fill: green;
1159   -}
1160   -.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
1161   -.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
1162   -.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
1163   - padding-right: 32px;
1164   -}
1165   -.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
1166   - right: 4px;
1167   -}
1168   -.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
1169   -.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
1170   -.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
1171   - padding-left: 32px;
1172   -}
1173   -.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
1174   - left: 4px;
1175   -}
1176   -.tox .tox-autocompleter {
1177   - max-width: 25em;
1178   -}
1179   -.tox .tox-autocompleter .tox-menu {
1180   - max-width: 25em;
1181   -}
1182   -.tox .tox-color-input {
1183   - display: flex;
1184   -}
1185   -.tox .tox-color-input .tox-textfield {
1186   - border-radius: 3px 0 0 3px;
1187   - display: flex;
1188   -}
1189   -.tox .tox-color-input span {
1190   - border-color: rgba(34, 47, 62, 0.2);
1191   - border-radius: 0 3px 3px 0;
1192   - border-style: solid;
1193   - border-width: 1px 1px 1px 0;
1194   - box-shadow: none;
1195   - box-sizing: border-box;
1196   - cursor: pointer;
1197   - display: flex;
1198   - width: 35px;
1199   -}
1200   -.tox .tox-color-input span:focus {
1201   - border-color: #207ab7;
1202   -}
1203   -.tox[dir="rtl"] .tox-color-input .tox-textfield {
1204   - border-radius: 0 3px 3px 0;
1205   -}
1206   -.tox[dir="rtl"] .tox-color-input span {
1207   - border-radius: 3px 0 0 3px;
1208   - border-width: 1px 0 1px 1px;
1209   -}
1210   -.tox .tox-label,
1211   -.tox .tox-toolbar-label {
1212   - color: rgba(34, 47, 62, 0.7);
1213   - display: block;
1214   - font-size: 14px;
1215   - font-style: normal;
1216   - font-weight: normal;
1217   - line-height: 1.3;
1218   - padding: 0 8px 0 0;
1219   - text-transform: normal;
1220   - white-space: nowrap;
1221   -}
1222   -.tox .tox-toolbar-label {
1223   - padding: 0 8px;
1224   -}
1225   -.tox[dir=rtl] .tox-label {
1226   - padding: 0 0 0 8px;
1227   -}
1228   -.tox .tox-form {
1229   - display: flex;
1230   - flex: 1;
1231   - flex-direction: column;
1232   - -ms-flex-preferred-size: auto;
1233   -}
1234   -.tox .tox-form__group {
1235   - box-sizing: border-box;
1236   - margin-bottom: 4px;
1237   -}
1238   -.tox .tox-form__group--error {
1239   - color: #c00;
1240   -}
1241   -.tox .tox-form__group--collection {
1242   - display: flex;
1243   -}
1244   -.tox .tox-form__grid {
1245   - display: flex;
1246   - flex-direction: row;
1247   - flex-wrap: wrap;
1248   - justify-content: space-between;
1249   -}
1250   -.tox .tox-form__grid--2col > .tox-form__group {
1251   - width: calc(50% - (8px / 2));
1252   -}
1253   -.tox .tox-form__grid--3col > .tox-form__group {
1254   - width: calc(100% / 3 - (8px / 2));
1255   -}
1256   -.tox .tox-form__grid--4col > .tox-form__group {
1257   - width: calc(25% - (8px / 2));
1258   -}
1259   -.tox .tox-form__controls-h-stack {
1260   - align-items: center;
1261   - display: flex;
1262   -}
1263   -.tox .tox-form__group--inline {
1264   - align-items: center;
1265   - display: flex;
1266   -}
1267   -.tox .tox-form__group--stretched {
1268   - display: flex;
1269   - flex: 1;
1270   - flex-direction: column;
1271   - -ms-flex-preferred-size: auto;
1272   -}
1273   -.tox .tox-form__group--stretched .tox-textarea {
1274   - flex: 1;
1275   - -ms-flex-preferred-size: auto;
1276   -}
1277   -.tox .tox-form__group--stretched .tox-navobj {
1278   - display: flex;
1279   - flex: 1;
1280   - -ms-flex-preferred-size: auto;
1281   -}
1282   -.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
1283   - flex: 1;
1284   - -ms-flex-preferred-size: auto;
1285   - height: 100%;
1286   -}
1287   -.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
1288   - margin-left: 4px;
1289   -}
1290   -.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
1291   - margin-right: 4px;
1292   -}
1293   -.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
1294   -.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
1295   - display: none;
1296   -}
1297   -.tox .tox-textfield,
1298   -.tox .tox-toolbar-textfield,
1299   -.tox:not([dir=rtl]) .tox-selectfield select,
1300   -.tox[dir=rtl] .tox-selectfield select,
1301   -.tox .tox-textarea {
1302   - -webkit-appearance: none;
1303   - -moz-appearance: none;
1304   - appearance: none;
1305   - background-color: #fff;
1306   - border-color: #cccccc;
1307   - border-radius: 3px;
1308   - border-style: solid;
1309   - border-width: 1px;
1310   - box-shadow: none;
1311   - box-sizing: border-box;
1312   - color: #222f3e;
1313   - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1314   - font-size: 16px;
1315   - line-height: 24px;
1316   - margin: 0;
1317   - outline: none;
1318   - padding: 5px 4.75px;
1319   - resize: none;
1320   - width: 100%;
1321   -}
1322   -.tox .tox-textfield:focus,
1323   -.tox .tox-selectfield select:focus,
1324   -.tox .tox-textarea:focus {
1325   - border-color: #207ab7;
1326   - box-shadow: none;
1327   - outline: none;
1328   -}
1329   -.tox .tox-toolbar-textfield {
1330   - border-width: 0;
1331   - margin-bottom: 3px;
1332   - margin-top: 2px;
1333   - max-width: 250px;
1334   -}
1335   -.tox .tox-naked-btn {
1336   - background-color: transparent;
1337   - border: 0;
1338   - border-color: transparent;
1339   - box-shadow: unset;
1340   - color: #207ab7;
1341   - cursor: pointer;
1342   - display: block;
1343   - margin: 0;
1344   - padding: 0;
1345   -}
1346   -.tox .tox-naked-btn svg {
1347   - display: block;
1348   - fill: #222f3e;
1349   -}
1350   -.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
1351   - margin-left: 4px;
1352   -}
1353   -.tox[dir=rtl] .tox-toolbar-textfield + * {
1354   - margin-right: 4px;
1355   -}
1356   -.tox .tox-selectfield {
1357   - cursor: pointer;
1358   - position: relative;
1359   -}
1360   -.tox .tox-selectfield select::-ms-expand {
1361   - display: none;
1362   -}
1363   -.tox .tox-selectfield svg {
1364   - pointer-events: none;
1365   - position: absolute;
1366   - top: 50%;
1367   - transform: translateY(-50%);
1368   -}
1369   -.tox:not([dir=rtl]) .tox-selectfield select {
1370   - padding-right: 24px;
1371   -}
1372   -.tox:not([dir=rtl]) .tox-selectfield svg {
1373   - right: 8px;
1374   -}
1375   -.tox[dir=rtl] .tox-selectfield select {
1376   - padding-left: 24px;
1377   -}
1378   -.tox[dir=rtl] .tox-selectfield svg {
1379   - left: 8px;
1380   -}
1381   -.tox .tox-textarea {
1382   - -webkit-appearance: textarea;
1383   - -moz-appearance: textarea;
1384   - appearance: textarea;
1385   - white-space: pre-wrap;
1386   -}
1387   -.tox-fullscreen {
1388   - border: 0;
1389   - height: 100%;
1390   - left: 0;
1391   - margin: 0;
1392   - overflow: hidden;
1393   - padding: 0;
1394   - position: fixed;
1395   - top: 0;
1396   - width: 100%;
1397   -}
1398   -.tox-fullscreen .tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
1399   - display: none;
1400   -}
1401   -.tox-fullscreen .tox.tox-tinymce.tox-fullscreen {
1402   - z-index: 1200;
1403   -}
1404   -.tox-fullscreen .tox.tox-tinymce-aux {
1405   - z-index: 1201;
1406   -}
1407   -.tox .tox-image-tools {
1408   - width: 100%;
1409   -}
1410   -.tox .tox-image-tools__toolbar {
1411   - align-items: center;
1412   - display: flex;
1413   - justify-content: center;
1414   -}
1415   -.tox .tox-image-tools__image {
1416   - background-color: #666;
1417   - height: 380px;
1418   - overflow: auto;
1419   - position: relative;
1420   - width: 100%;
1421   -}
1422   -.tox .tox-image-tools__image,
1423   -.tox .tox-image-tools__image + .tox-image-tools__toolbar {
1424   - margin-top: 8px;
1425   -}
1426   -.tox .tox-image-tools__image-bg {
1427   - background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
1428   -}
1429   -.tox .tox-image-tools__toolbar > .tox-spacer {
1430   - flex: 1;
1431   - -ms-flex-preferred-size: auto;
1432   -}
1433   -.tox .tox-croprect-block {
1434   - background: black;
1435   - filter: alpha(opacity=50);
1436   - opacity: 0.5;
1437   - position: absolute;
1438   - zoom: 1;
1439   -}
1440   -.tox .tox-croprect-handle {
1441   - border: 2px solid white;
1442   - height: 20px;
1443   - left: 0;
1444   - position: absolute;
1445   - top: 0;
1446   - width: 20px;
1447   -}
1448   -.tox .tox-croprect-handle-move {
1449   - border: 0;
1450   - cursor: move;
1451   - position: absolute;
1452   -}
1453   -.tox .tox-croprect-handle-nw {
1454   - border-width: 2px 0 0 2px;
1455   - cursor: nw-resize;
1456   - left: 100px;
1457   - margin: -2px 0 0 -2px;
1458   - top: 100px;
1459   -}
1460   -.tox .tox-croprect-handle-ne {
1461   - border-width: 2px 2px 0 0;
1462   - cursor: ne-resize;
1463   - left: 200px;
1464   - margin: -2px 0 0 -20px;
1465   - top: 100px;
1466   -}
1467   -.tox .tox-croprect-handle-sw {
1468   - border-width: 0 0 2px 2px;
1469   - cursor: sw-resize;
1470   - left: 100px;
1471   - margin: -20px 2px 0 -2px;
1472   - top: 200px;
1473   -}
1474   -.tox .tox-croprect-handle-se {
1475   - border-width: 0 2px 2px 0;
1476   - cursor: se-resize;
1477   - left: 200px;
1478   - margin: -20px 0 0 -20px;
1479   - top: 200px;
1480   -}
1481   -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
1482   - margin-left: 8px;
1483   -}
1484   -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
1485   - margin-left: 32px;
1486   -}
1487   -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
1488   - margin-left: 32px;
1489   -}
1490   -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
1491   - margin-right: 8px;
1492   -}
1493   -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
1494   - margin-right: 32px;
1495   -}
1496   -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
1497   - margin-right: 32px;
1498   -}
1499   -.tox .tox-insert-table-picker {
1500   - display: flex;
1501   - flex-wrap: wrap;
1502   - width: 169px;
1503   -}
1504   -.tox .tox-insert-table-picker > div {
1505   - border-color: #cccccc;
1506   - border-style: solid;
1507   - border-width: 0 1px 1px 0;
1508   - box-sizing: content-box;
1509   - height: 16px;
1510   - width: 16px;
1511   -}
1512   -.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
1513   - margin: -4px 0;
1514   -}
1515   -.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
1516   - background-color: rgba(32, 122, 183, 0.5);
1517   - border-color: rgba(32, 122, 183, 0.5);
1518   -}
1519   -.tox .tox-insert-table-picker__label {
1520   - color: rgba(34, 47, 62, 0.7);
1521   - display: block;
1522   - font-size: 14px;
1523   - padding: 4px;
1524   - text-align: center;
1525   - width: 100%;
1526   -}
1527   -.tox:not([dir=rtl]) {
1528   - /* stylelint-disable-next-line no-descending-specificity */
1529   -}
1530   -.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
1531   - border-right: 0;
1532   -}
1533   -.tox[dir=rtl] {
1534   - /* stylelint-disable-next-line no-descending-specificity */
1535   -}
1536   -.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
1537   - border-right: 0;
1538   -}
1539   -.tox {
1540   - /* stylelint-disable */
1541   - /* stylelint-enable */
1542   -}
1543   -.tox .tox-menu {
1544   - background-color: #fff;
1545   - border: 1px solid #cccccc;
1546   - border-radius: 3px;
1547   - box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
1548   - display: inline-block;
1549   - overflow: hidden;
1550   - vertical-align: top;
1551   - z-index: 1;
1552   -}
1553   -.tox .tox-menu.tox-collection.tox-collection--list {
1554   - padding: 0;
1555   -}
1556   -.tox .tox-menu.tox-collection.tox-collection--toolbar {
1557   - padding: 4px;
1558   -}
1559   -.tox .tox-menu.tox-collection.tox-collection--grid {
1560   - padding: 4px;
1561   -}
1562   -.tox .tox-menu__label h1,
1563   -.tox .tox-menu__label h2,
1564   -.tox .tox-menu__label h3,
1565   -.tox .tox-menu__label h4,
1566   -.tox .tox-menu__label h5,
1567   -.tox .tox-menu__label h6,
1568   -.tox .tox-menu__label p,
1569   -.tox .tox-menu__label blockquote,
1570   -.tox .tox-menu__label code {
1571   - margin: 0;
1572   -}
1573   -.tox .tox-menubar {
1574   - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='43px' viewBox='0 0 40 43px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='42px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
1575   - background-color: #fff;
1576   - display: flex;
1577   - flex: 0 0 auto;
1578   - flex-shrink: 0;
1579   - flex-wrap: wrap;
1580   - margin-bottom: -1px;
1581   - padding: 0 4px;
1582   -}
1583   -.tox .tox-mbtn {
1584   - align-items: center;
1585   - background: none;
1586   - border: 0;
1587   - border-radius: 3px;
1588   - box-shadow: none;
1589   - color: #222f3e;
1590   - display: flex;
1591   - flex: 0 0 auto;
1592   - font-size: 14px;
1593   - font-style: normal;
1594   - font-weight: normal;
1595   - height: 34px;
1596   - justify-content: center;
1597   - margin: 2px 0 3px 0;
1598   - outline: none;
1599   - overflow: hidden;
1600   - padding: 0 4px;
1601   - text-transform: normal;
1602   - width: auto;
1603   -}
1604   -.tox .tox-mbtn[disabled] {
1605   - background-color: none;
1606   - border-color: none;
1607   - box-shadow: none;
1608   - color: rgba(34, 47, 62, 0.5);
1609   - cursor: not-allowed;
1610   -}
1611   -.tox .tox-mbtn:hover:not(:disabled) {
1612   - background: #dee0e2;
1613   - box-shadow: none;
1614   - color: #222f3e;
1615   -}
1616   -.tox .tox-mbtn:focus:not(:disabled) {
1617   - background: #dee0e2;
1618   - box-shadow: none;
1619   - color: #222f3e;
1620   -}
1621   -.tox .tox-mbtn--active {
1622   - background: #c8cbcf;
1623   - box-shadow: none;
1624   - color: #222f3e;
1625   -}
1626   -.tox .tox-mbtn__select-label {
1627   - cursor: default;
1628   - font-weight: normal;
1629   - margin: 0 4px;
1630   -}
1631   -.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
1632   - cursor: not-allowed;
1633   -}
1634   -.tox .tox-mbtn__select-chevron {
1635   - align-items: center;
1636   - display: flex;
1637   - justify-content: center;
1638   - width: 16px;
1639   - display: none;
1640   -}
1641   -.tox .tox-notification {
1642   - background-color: #fffaea;
1643   - border-color: #ffe89d;
1644   - border-style: solid;
1645   - border-width: 1px;
1646   - box-sizing: border-box;
1647   - display: grid;
1648   - grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
1649   - margin-top: 5px;
1650   - opacity: 0;
1651   - padding: 5px;
1652   - transition: transform 100ms ease-in, opacity 150ms ease-in;
1653   -}
1654   -.tox .tox-notification--in {
1655   - opacity: 1;
1656   -}
1657   -.tox .tox-notification--success {
1658   - background-color: #dff0d8;
1659   - border-color: #d6e9c6;
1660   -}
1661   -.tox .tox-notification--error {
1662   - background-color: #f2dede;
1663   - border-color: #ebccd1;
1664   -}
1665   -.tox .tox-notification--warn {
1666   - background-color: #fcf8e3;
1667   - border-color: #faebcc;
1668   -}
1669   -.tox .tox-notification--info {
1670   - background-color: #d9edf7;
1671   - border-color: #779ecb;
1672   -}
1673   -.tox .tox-notification__body {
1674   - align-self: center;
1675   - color: #222f3e;
1676   - font-size: 14px;
1677   - grid-column-end: 3;
1678   - -ms-grid-column-span: 1;
1679   - grid-column-start: 2;
1680   - grid-row-end: 2;
1681   - grid-row-start: 1;
1682   - text-align: center;
1683   - white-space: normal;
1684   - word-break: break-all;
1685   - word-break: break-word;
1686   -}
1687   -.tox .tox-notification__body > * {
1688   - margin: 0;
1689   -}
1690   -.tox .tox-notification__body > * + * {
1691   - margin-top: 1rem;
1692   -}
1693   -.tox .tox-notification__icon {
1694   - align-self: center;
1695   - -ms-grid-column-align: end;
1696   - grid-column-end: 2;
1697   - -ms-grid-column-span: 1;
1698   - grid-column-start: 1;
1699   - grid-row-end: 2;
1700   - grid-row-start: 1;
1701   - justify-self: end;
1702   -}
1703   -.tox .tox-notification__icon svg {
1704   - display: block;
1705   -}
1706   -.tox .tox-notification__dismiss {
1707   - align-self: start;
1708   - -ms-grid-column-align: end;
1709   - grid-column-end: 4;
1710   - -ms-grid-column-span: 1;
1711   - grid-column-start: 3;
1712   - grid-row-end: 2;
1713   - grid-row-start: 1;
1714   - justify-self: end;
1715   -}
1716   -.tox .tox-notification .tox-progress-bar {
1717   - -ms-grid-column-align: center;
1718   - grid-column-end: 4;
1719   - -ms-grid-column-span: 3;
1720   - grid-column-start: 1;
1721   - grid-row-end: 3;
1722   - -ms-grid-row-span: 1;
1723   - grid-row-start: 2;
1724   - justify-self: center;
1725   -}
1726   -.tox .tox-pop {
1727   - display: inline-block;
1728   - position: relative;
1729   -}
1730   -.tox .tox-pop--resizing {
1731   - transition: width 0.1s ease;
1732   -}
1733   -.tox .tox-pop--resizing .tox-toolbar {
1734   - flex-wrap: nowrap;
1735   -}
1736   -.tox .tox-pop__dialog {
1737   - background-color: #fff;
1738   - border: 1px solid #cccccc;
1739   - border-radius: 3px;
1740   - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
1741   - min-width: 0;
1742   - overflow: hidden;
1743   -}
1744   -.tox .tox-pop__dialog > *:not(.tox-toolbar) {
1745   - margin: 4px 4px 4px 8px;
1746   -}
1747   -.tox .tox-pop__dialog .tox-toolbar {
1748   - background-color: transparent;
1749   -}
1750   -.tox .tox-pop::before,
1751   -.tox .tox-pop::after {
1752   - border-style: solid;
1753   - content: '';
1754   - display: block;
1755   - height: 0;
1756   - position: absolute;
1757   - width: 0;
1758   -}
1759   -.tox .tox-pop.tox-pop--bottom::before,
1760   -.tox .tox-pop.tox-pop--bottom::after {
1761   - left: 50%;
1762   - top: 100%;
1763   -}
1764   -.tox .tox-pop.tox-pop--bottom::after {
1765   - border-color: #fff transparent transparent transparent;
1766   - border-width: 8px;
1767   - margin-left: -8px;
1768   - margin-top: -1px;
1769   -}
1770   -.tox .tox-pop.tox-pop--bottom::before {
1771   - border-color: #cccccc transparent transparent transparent;
1772   - border-width: 9px;
1773   - margin-left: -9px;
1774   -}
1775   -.tox .tox-pop.tox-pop--top::before,
1776   -.tox .tox-pop.tox-pop--top::after {
1777   - left: 50%;
1778   - top: 0;
1779   - transform: translateY(-100%);
1780   -}
1781   -.tox .tox-pop.tox-pop--top::after {
1782   - border-color: transparent transparent #fff transparent;
1783   - border-width: 8px;
1784   - margin-left: -8px;
1785   - margin-top: 1px;
1786   -}
1787   -.tox .tox-pop.tox-pop--top::before {
1788   - border-color: transparent transparent #cccccc transparent;
1789   - border-width: 9px;
1790   - margin-left: -9px;
1791   -}
1792   -.tox .tox-pop.tox-pop--left::before,
1793   -.tox .tox-pop.tox-pop--left::after {
1794   - left: 0;
1795   - top: calc(50% - 1px);
1796   - transform: translateY(-50%);
1797   -}
1798   -.tox .tox-pop.tox-pop--left::after {
1799   - border-color: transparent #fff transparent transparent;
1800   - border-width: 8px;
1801   - margin-left: -15px;
1802   -}
1803   -.tox .tox-pop.tox-pop--left::before {
1804   - border-color: transparent #cccccc transparent transparent;
1805   - border-width: 10px;
1806   - margin-left: -19px;
1807   -}
1808   -.tox .tox-pop.tox-pop--right::before,
1809   -.tox .tox-pop.tox-pop--right::after {
1810   - left: 100%;
1811   - top: calc(50% + 1px);
1812   - transform: translateY(-50%);
1813   -}
1814   -.tox .tox-pop.tox-pop--right::after {
1815   - border-color: transparent transparent transparent #fff;
1816   - border-width: 8px;
1817   - margin-left: -1px;
1818   -}
1819   -.tox .tox-pop.tox-pop--right::before {
1820   - border-color: transparent transparent transparent #cccccc;
1821   - border-width: 10px;
1822   - margin-left: -1px;
1823   -}
1824   -.tox .tox-pop.tox-pop--align-left::before,
1825   -.tox .tox-pop.tox-pop--align-left::after {
1826   - left: 20px;
1827   -}
1828   -.tox .tox-pop.tox-pop--align-right::before,
1829   -.tox .tox-pop.tox-pop--align-right::after {
1830   - left: calc(100% - 20px);
1831   -}
1832   -.tox .tox-sidebar-wrap {
1833   - display: flex;
1834   - flex-direction: row;
1835   - flex-grow: 1;
1836   - min-height: 0;
1837   -}
1838   -.tox .tox-sidebar {
1839   - display: flex;
1840   - flex-direction: row;
1841   - justify-content: flex-end;
1842   -}
1843   -.tox .tox-sidebar__slider {
1844   - display: flex;
1845   - overflow: hidden;
1846   -}
1847   -.tox .tox-sidebar__pane-container {
1848   - display: flex;
1849   -}
1850   -.tox .tox-sidebar__pane {
1851   - display: flex;
1852   -}
1853   -.tox .tox-sidebar--sliding-closed {
1854   - opacity: 0;
1855   -}
1856   -.tox .tox-sidebar--sliding-open {
1857   - opacity: 1;
1858   -}
1859   -.tox .tox-sidebar--sliding-growing,
1860   -.tox .tox-sidebar--sliding-shrinking {
1861   - transition: width 0.5s ease, opacity 0.5s ease;
1862   -}
1863   -.tox .tox-slider {
1864   - align-items: center;
1865   - display: flex;
1866   - flex: 1;
1867   - -ms-flex-preferred-size: auto;
1868   - height: 24px;
1869   - justify-content: center;
1870   - position: relative;
1871   -}
1872   -.tox .tox-slider__rail {
1873   - background-color: transparent;
1874   - border: 1px solid #cccccc;
1875   - border-radius: 3px;
1876   - height: 10px;
1877   - min-width: 120px;
1878   - width: 100%;
1879   -}
1880   -.tox .tox-slider__handle {
1881   - background-color: #207ab7;
1882   - border: 2px solid #185d8c;
1883   - border-radius: 3px;
1884   - box-shadow: none;
1885   - height: 24px;
1886   - left: 50%;
1887   - position: absolute;
1888   - top: 50%;
1889   - transform: translateX(-50%) translateY(-50%);
1890   - width: 14px;
1891   -}
1892   -.tox .tox-source-code {
1893   - overflow: auto;
1894   -}
1895   -.tox .tox-spinner {
1896   - display: flex;
1897   -}
1898   -.tox .tox-spinner > div {
1899   - animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
1900   - background-color: rgba(34, 47, 62, 0.7);
1901   - border-radius: 100%;
1902   - height: 8px;
1903   - width: 8px;
1904   -}
1905   -.tox .tox-spinner > div:nth-child(1) {
1906   - animation-delay: -0.32s;
1907   -}
1908   -.tox .tox-spinner > div:nth-child(2) {
1909   - animation-delay: -0.16s;
1910   -}
1911   -@keyframes tam-bouncing-dots {
1912   - 0%,
1913   - 80%,
1914   - 100% {
1915   - transform: scale(0);
1916   - }
1917   - 40% {
1918   - transform: scale(1);
1919   - }
1920   -}
1921   -.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
1922   - margin-left: 4px;
1923   -}
1924   -.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
1925   - margin-right: 4px;
1926   -}
1927   -.tox .tox-statusbar {
1928   - align-items: center;
1929   - background-color: #fff;
1930   - border-top: 1px solid #cccccc;
1931   - color: rgba(34, 47, 62, 0.7);
1932   - display: flex;
1933   - flex: 0 0 auto;
1934   - font-size: 12px;
1935   - height: 18px;
1936   - overflow: hidden;
1937   - padding: 0 8px;
1938   - position: relative;
1939   - text-transform: uppercase;
1940   -}
1941   -.tox .tox-statusbar a {
1942   - color: rgba(34, 47, 62, 0.7);
1943   - text-decoration: none;
1944   -}
1945   -.tox .tox-statusbar a:hover {
1946   - text-decoration: underline;
1947   -}
1948   -.tox .tox-statusbar__text-container {
1949   - display: flex;
1950   - flex: 1 1 auto;
1951   - justify-content: flex-end;
1952   - overflow: hidden;
1953   -}
1954   -.tox .tox-statusbar__path {
1955   - display: flex;
1956   - flex: 1 1 auto;
1957   - margin-right: auto;
1958   - overflow: hidden;
1959   - text-overflow: ellipsis;
1960   - white-space: nowrap;
1961   -}
1962   -.tox .tox-statusbar__path > * {
1963   - display: inline;
1964   - white-space: nowrap;
1965   -}
1966   -.tox .tox-statusbar__wordcount {
1967   - flex: 0 0 auto;
1968   - margin-left: 1ch;
1969   -}
1970   -.tox .tox-statusbar__resize-handle {
1971   - align-items: flex-end;
1972   - align-self: stretch;
1973   - cursor: nwse-resize;
1974   - display: flex;
1975   - flex: 0 0 auto;
1976   - justify-content: flex-end;
1977   - margin-left: auto;
1978   - margin-right: -8px;
1979   - padding-left: 1ch;
1980   -}
1981   -.tox .tox-statusbar__resize-handle svg {
1982   - display: block;
1983   - fill: rgba(34, 47, 62, 0.7);
1984   -}
1985   -.tox:not([dir=rtl]) .tox-statusbar__path > * {
1986   - margin-right: 4px;
1987   -}
1988   -.tox:not([dir=rtl]) .tox-statusbar__branding {
1989   - margin-left: 1ch;
1990   -}
1991   -.tox[dir=rtl] .tox-statusbar {
1992   - flex-direction: row-reverse;
1993   -}
1994   -.tox[dir=rtl] .tox-statusbar__path > * {
1995   - margin-left: 4px;
1996   -}
1997   -.tox .tox-throbber {
1998   - z-index: 1400;
1999   -}
2000   -.tox .tox-throbber__busy-spinner {
2001   - align-items: center;
2002   - background-color: rgba(255, 255, 255, 0.6);
2003   - bottom: 0;
2004   - display: flex;
2005   - justify-content: center;
2006   - left: 0;
2007   - position: absolute;
2008   - right: 0;
2009   - top: 0;
2010   -}
2011   -.tox .tox-tbtn {
2012   - align-items: center;
2013   - background: none;
2014   - border: 0;
2015   - border-radius: 3px;
2016   - box-shadow: none;
2017   - color: #222f3e;
2018   - display: flex;
2019   - flex: 0 0 auto;
2020   - font-size: 14px;
2021   - font-style: normal;
2022   - font-weight: normal;
2023   - height: 34px;
2024   - justify-content: center;
2025   - margin: 2px 0 3px 0;
2026   - outline: none;
2027   - overflow: hidden;
2028   - padding: 0;
2029   - text-transform: normal;
2030   - width: 34px;
2031   -}
2032   -.tox .tox-tbtn svg {
2033   - display: block;
2034   - fill: #222f3e;
2035   -}
2036   -.tox .tox-tbtn.tox-tbtn-more {
2037   - padding-left: 5px;
2038   - padding-right: 5px;
2039   - width: inherit;
2040   -}
2041   -.tox .tox-tbtn--enabled {
2042   - background: #c8cbcf;
2043   - box-shadow: none;
2044   - color: #222f3e;
2045   -}
2046   -.tox .tox-tbtn--enabled > * {
2047   - transform: none;
2048   -}
2049   -.tox .tox-tbtn--enabled svg {
2050   - fill: #222f3e;
2051   -}
2052   -.tox .tox-tbtn:hover {
2053   - background: #dee0e2;
2054   - box-shadow: none;
2055   - color: #222f3e;
2056   -}
2057   -.tox .tox-tbtn:hover svg {
2058   - fill: #222f3e;
2059   -}
2060   -.tox .tox-tbtn:focus {
2061   - background: #dee0e2;
2062   - box-shadow: none;
2063   - color: #222f3e;
2064   -}
2065   -.tox .tox-tbtn:focus svg {
2066   - fill: #222f3e;
2067   -}
2068   -.tox .tox-tbtn:active {
2069   - background: #c8cbcf;
2070   - box-shadow: none;
2071   - color: #222f3e;
2072   -}
2073   -.tox .tox-tbtn:active svg {
2074   - fill: #222f3e;
2075   -}
2076   -.tox .tox-tbtn--disabled,
2077   -.tox .tox-tbtn--disabled:hover,
2078   -.tox .tox-tbtn:disabled,
2079   -.tox .tox-tbtn:disabled:hover {
2080   - background: none;
2081   - box-shadow: none;
2082   - color: rgba(34, 47, 62, 0.5);
2083   - cursor: not-allowed;
2084   -}
2085   -.tox .tox-tbtn--disabled svg,
2086   -.tox .tox-tbtn--disabled:hover svg,
2087   -.tox .tox-tbtn:disabled svg,
2088   -.tox .tox-tbtn:disabled:hover svg {
2089   - /* stylelint-disable-line no-descending-specificity */
2090   - fill: rgba(34, 47, 62, 0.5);
2091   -}
2092   -.tox .tox-tbtn:active > * {
2093   - transform: none;
2094   -}
2095   -.tox .tox-tbtn--md {
2096   - height: 51px;
2097   - width: 51px;
2098   -}
2099   -.tox .tox-tbtn--lg {
2100   - flex-direction: column;
2101   - height: 68px;
2102   - width: 68px;
2103   -}
2104   -.tox .tox-tbtn--return {
2105   - align-self: stretch;
2106   - height: unset;
2107   - width: 16px;
2108   -}
2109   -.tox .tox-tbtn--labeled {
2110   - padding: 0 4px;
2111   - width: unset;
2112   -}
2113   -.tox .tox-tbtn__vlabel {
2114   - display: block;
2115   - font-size: 10px;
2116   - font-weight: normal;
2117   - letter-spacing: -0.025em;
2118   - margin-bottom: 4px;
2119   - white-space: nowrap;
2120   -}
2121   -.tox .tox-tbtn--select {
2122   - margin: 2px 0 3px 0;
2123   - padding: 0 4px;
2124   - width: auto;
2125   -}
2126   -.tox .tox-tbtn__select-label {
2127   - cursor: default;
2128   - font-weight: normal;
2129   - margin: 0 4px;
2130   -}
2131   -.tox .tox-tbtn__select-chevron {
2132   - align-items: center;
2133   - display: flex;
2134   - justify-content: center;
2135   - width: 16px;
2136   -}
2137   -.tox .tox-tbtn__select-chevron svg {
2138   - fill: rgba(34, 47, 62, 0.7);
2139   -}
2140   -.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
2141   - overflow: hidden;
2142   - text-overflow: ellipsis;
2143   - white-space: nowrap;
2144   - width: 7em;
2145   -}
2146   -.tox .tox-split-button {
2147   - border: 0;
2148   - border-radius: 3px;
2149   - box-sizing: border-box;
2150   - display: flex;
2151   - margin: 2px 0 3px 0;
2152   - overflow: hidden;
2153   -}
2154   -.tox .tox-split-button:hover {
2155   - box-shadow: 0 0 0 1px #dee0e2 inset;
2156   -}
2157   -.tox .tox-split-button:focus {
2158   - background: #dee0e2;
2159   - box-shadow: none;
2160   - color: #222f3e;
2161   -}
2162   -.tox .tox-split-button > * {
2163   - border-radius: 0;
2164   -}
2165   -.tox .tox-split-button__chevron {
2166   - width: 16px;
2167   -}
2168   -.tox .tox-split-button__chevron svg {
2169   - fill: rgba(34, 47, 62, 0.7);
2170   -}
2171   -.tox .tox-pop .tox-split-button__chevron svg {
2172   - transform: rotate(-90deg);
2173   -}
2174   -.tox .tox-split-button .tox-tbtn {
2175   - margin: 0;
2176   -}
2177   -.tox .tox-split-button.tox-tbtn--disabled:hover,
2178   -.tox .tox-split-button.tox-tbtn--disabled:focus,
2179   -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
2180   -.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
2181   - background: none;
2182   - box-shadow: none;
2183   - color: rgba(34, 47, 62, 0.5);
2184   -}
2185   -.tox .tox-toolbar,
2186   -.tox .tox-toolbar__primary,
2187   -.tox .tox-toolbar__overflow {
2188   - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
2189   - background-color: #fff;
2190   - border-top: 1px solid #cccccc;
2191   - display: flex;
2192   - flex: 0 0 auto;
2193   - flex-shrink: 0;
2194   - flex-wrap: wrap;
2195   - margin-bottom: -1px;
2196   - padding: 0 0;
2197   -}
2198   -.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
2199   - height: 0;
2200   - opacity: 0;
2201   - visibility: hidden;
2202   -}
2203   -.tox .tox-toolbar__overflow--growing {
2204   - transition: height 0.3s ease, opacity 0.2s linear 0.1s;
2205   -}
2206   -.tox .tox-toolbar__overflow--shrinking {
2207   - transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
2208   -}
2209   -.tox .tox-pop .tox-toolbar {
2210   - border-width: 0;
2211   -}
2212   -.tox .tox-toolbar--no-divider {
2213   - background-image: none;
2214   -}
2215   -.tox.tox-tinymce-aux .tox-toolbar__overflow {
2216   - background-color: #fff;
2217   - border: 1px solid #cccccc;
2218   - border-radius: 3px;
2219   - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
2220   -}
2221   -.tox.tox-tinymce-aux:not([dir=rtl]) .tox-toolbar__overflow {
2222   - margin-left: 4px;
2223   -}
2224   -.tox[dir=rtl] .tox-tbtn__icon-rtl svg {
2225   - transform: rotateY(180deg);
2226   -}
2227   -.tox[dir=rtl].tox-tinymce-aux .tox-toolbar__overflow {
2228   - margin-right: 4px;
2229   -}
2230   -.tox .tox-toolbar__group {
2231   - align-items: center;
2232   - display: flex;
2233   - flex-wrap: wrap;
2234   - margin: 0 0;
2235   - padding: 0 4px;
2236   -}
2237   -.tox .tox-toolbar__group--pull-right {
2238   - margin-left: auto;
2239   -}
2240   -.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
2241   - border-right: 1px solid #cccccc;
2242   -}
2243   -.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
2244   - border-left: 1px solid #cccccc;
2245   -}
2246   -.tox .tox-tooltip {
2247   - display: inline-block;
2248   - padding: 8px;
2249   - position: relative;
2250   -}
2251   -.tox .tox-tooltip__body {
2252   - background-color: #222f3e;
2253   - border-radius: 3px;
2254   - box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
2255   - color: rgba(255, 255, 255, 0.75);
2256   - font-size: 14px;
2257   - font-style: normal;
2258   - font-weight: normal;
2259   - padding: 4px 8px;
2260   - text-transform: normal;
2261   -}
2262   -.tox .tox-tooltip__arrow {
2263   - position: absolute;
2264   -}
2265   -.tox .tox-tooltip--down .tox-tooltip__arrow {
2266   - border-left: 8px solid transparent;
2267   - border-right: 8px solid transparent;
2268   - border-top: 8px solid #222f3e;
2269   - bottom: 0;
2270   - left: 50%;
2271   - position: absolute;
2272   - transform: translateX(-50%);
2273   -}
2274   -.tox .tox-tooltip--up .tox-tooltip__arrow {
2275   - border-bottom: 8px solid #222f3e;
2276   - border-left: 8px solid transparent;
2277   - border-right: 8px solid transparent;
2278   - left: 50%;
2279   - position: absolute;
2280   - top: 0;
2281   - transform: translateX(-50%);
2282   -}
2283   -.tox .tox-tooltip--right .tox-tooltip__arrow {
2284   - border-bottom: 8px solid transparent;
2285   - border-left: 8px solid #222f3e;
2286   - border-top: 8px solid transparent;
2287   - position: absolute;
2288   - right: 0;
2289   - top: 50%;
2290   - transform: translateY(-50%);
2291   -}
2292   -.tox .tox-tooltip--left .tox-tooltip__arrow {
2293   - border-bottom: 8px solid transparent;
2294   - border-right: 8px solid #222f3e;
2295   - border-top: 8px solid transparent;
2296   - left: 0;
2297   - position: absolute;
2298   - top: 50%;
2299   - transform: translateY(-50%);
2300   -}
2301   -.tox .tox-well {
2302   - border: 1px solid #cccccc;
2303   - border-radius: 3px;
2304   - padding: 8px;
2305   - width: 100%;
2306   -}
2307   -.tox .tox-well > *:first-child {
2308   - margin-top: 0;
2309   -}
2310   -.tox .tox-well > *:last-child {
2311   - margin-bottom: 0;
2312   -}
2313   -.tox .tox-well > *:only-child {
2314   - margin: 0;
2315   -}
2316   -.tox .tox-custom-editor {
2317   - border: 1px solid #cccccc;
2318   - border-radius: 3px;
2319   - display: flex;
2320   - height: 525px;
2321   -}
2322   -/* stylelint-disable */
2323   -.tox {
2324   - /* stylelint-enable */
2325   -}
2326   -.tox .tox-dialog-loading::before {
2327   - background-color: rgba(0, 0, 0, 0.5);
2328   - content: "";
2329   - height: 100%;
2330   - position: absolute;
2331   - width: 100%;
2332   - z-index: 1000;
2333   -}
2334   -.tox .tox-tab {
2335   - cursor: pointer;
2336   -}
2337   -.tox .tox-dialog__content-js {
2338   - display: flex;
2339   - flex: 1;
2340   - -ms-flex-preferred-size: auto;
2341   -}
2342   -.tox .tox-dialog__body-content .tox-collection {
2343   - display: flex;
2344   - flex: 1;
2345   - -ms-flex-preferred-size: auto;
2346   -}
2347   -.tox ul {
2348   - display: block;
2349   - list-style-type: disc;
2350   - -webkit-margin-before: 1em;
2351   - margin-block-start: 1em;
2352   - -webkit-margin-after: 1em;
2353   - margin-block-end: 1em;
2354   - -webkit-margin-start: 0px;
2355   - margin-inline-start: 0px;
2356   - -webkit-margin-end: 0px;
2357   - margin-inline-end: 0px;
2358   - -webkit-padding-start: 40px;
2359   - padding-inline-start: 40px;
2360   -}
2361   -.tox a {
2362   - cursor: pointer;
2363   - color: #2276d2;
2364   -}
2365   -.tox .tox-image-tools-edit-panel {
2366   - height: 60px;
2367   -}
2368   -.tox .tox-image-tools__sidebar {
2369   - height: 60px;
2370   -}
public/resource/tinymce/skins/ui/oxide/skin.mobile.css deleted 100644 → 0
  View file @5b8eb4a
1   -/**
2   - * Copyright (c) Tiny Technologies, Inc. All rights reserved.
3   - * Licensed under the LGPL or a commercial license.
4   - * For LGPL see License.txt in the project root for license information.
5   - * For commercial licenses see https://www.tiny.cloud/
6   - */
7   -
8   -/* RESET all the things! */
9   -.tinymce-mobile-outer-container {
10   - all: initial;
11   - display: block;
12   -}
13   -
14   -.tinymce-mobile-outer-container * {
15   - float: none;
16   - padding: 0;
17   - margin: 0;
18   - line-height: 1;
19   -
20   - /* TBIO-3691, stop the gray flicker on touch. */
21   - text-shadow: none;
22   - white-space: nowrap;
23   - cursor: inherit;
24   - border: 0;
25   - outline: 0;
26   - box-sizing: initial;
27   - -webkit-tap-highlight-color: transparent;
28   -}
29   -
30   -.tinymce-mobile-icon-arrow-back::before {
31   - content: "\e5cd";
32   -}
33   -
34   -.tinymce-mobile-icon-image::before {
35   - content: "\e412";
36   -}
37   -
38   -.tinymce-mobile-icon-cancel-circle::before {
39   - content: "\e5c9";
40   -}
41   -
42   -.tinymce-mobile-icon-full-dot::before {
43   - content: "\e061";
44   -}
45   -
46   -.tinymce-mobile-icon-align-center::before {
47   - content: "\e234";
48   -}
49   -
50   -.tinymce-mobile-icon-align-left::before {
51   - content: "\e236";
52   -}
53   -
54   -.tinymce-mobile-icon-align-right::before {
55   - content: "\e237";
56   -}
57   -
58   -.tinymce-mobile-icon-bold::before {
59   - content: "\e238";
60   -}
61   -
62   -.tinymce-mobile-icon-italic::before {
63   - content: "\e23f";
64   -}
65   -
66   -.tinymce-mobile-icon-unordered-list::before {
67   - content: "\e241";
68   -}
69   -
70   -.tinymce-mobile-icon-ordered-list::before {
71   - content: "\e242";
72   -}
73   -
74   -.tinymce-mobile-icon-font-size::before {
75   - content: "\e245";
76   -}
77   -
78   -.tinymce-mobile-icon-underline::before {
79   - content: "\e249";
80   -}
81   -
82   -.tinymce-mobile-icon-link::before {
83   - content: "\e157";
84   -}
85   -
86   -.tinymce-mobile-icon-unlink::before {
87   - content: "\eca2";
88   -}
89   -
90   -.tinymce-mobile-icon-color::before {
91   - content: "\e891";
92   -}
93   -
94   -.tinymce-mobile-icon-previous::before {
95   - content: "\e314";
96   -}
97   -
98   -.tinymce-mobile-icon-next::before {
99   - content: "\e315";
100   -}
101   -
102   -.tinymce-mobile-icon-large-font::before,
103   -.tinymce-mobile-icon-style-formats::before {
104   - content: "\e264";
105   -}
106   -
107   -.tinymce-mobile-icon-undo::before {
108   - content: "\e166";
109   -}
110   -
111   -.tinymce-mobile-icon-redo::before {
112   - content: "\e15a";
113   -}
114   -
115   -.tinymce-mobile-icon-removeformat::before {
116   - content: "\e239";
117   -}
118   -
119   -.tinymce-mobile-icon-small-font::before {
120   - content: "\e906";
121   -}
122   -
123   -.tinymce-mobile-icon-readonly-back::before,
124   -.tinymce-mobile-format-matches::after {
125   - content: "\e5ca";
126   -}
127   -
128   -.tinymce-mobile-icon-small-heading::before {
129   - content: "small";
130   -}
131   -
132   -.tinymce-mobile-icon-large-heading::before {
133   - content: "large";
134   -}
135   -
136   -.tinymce-mobile-icon-small-heading::before,
137   -.tinymce-mobile-icon-large-heading::before {
138   - font-family: sans-serif;
139   - font-size: 80%;
140   -}
141   -
142   -.tinymce-mobile-mask-edit-icon::before {
143   - content: "\e254";
144   -}
145   -
146   -.tinymce-mobile-icon-back::before {
147   - content: "\e5c4";
148   -}
149   -
150   -.tinymce-mobile-icon-heading::before {
151   - font-family: sans-serif;
152   - font-size: 80%;
153   - font-weight: bold;
154   -
155   - /* TODO: Translate */
156   - content: "Headings";
157   -}
158   -
159   -.tinymce-mobile-icon-h1::before {
160   - font-weight: bold;
161   - content: "H1";
162   -}
163   -
164   -.tinymce-mobile-icon-h2::before {
165   - font-weight: bold;
166   - content: "H2";
167   -}
168   -
169   -.tinymce-mobile-icon-h3::before {
170   - font-weight: bold;
171   - content: "H3";
172   -}
173   -
174   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
175   - position: absolute;
176   - top: 0;
177   - display: flex;
178   - width: 100%;
179   - height: 100%;
180   - background: rgba(51, 51, 51, 0.5);
181   - align-items: center;
182   - justify-content: center;
183   -}
184   -
185   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
186   - display: flex;
187   - font-family: sans-serif;
188   - font-size: 1em;
189   - border-radius: 50%;
190   - align-items: center;
191   - flex-direction: column;
192   - justify-content: space-between;
193   -}
194   -
195   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
196   - display: flex;
197   - width: 2.1em;
198   - height: 2.1em;
199   - border-radius: 50%;
200   - align-items: center;
201   - justify-content: center;
202   -}
203   -
204   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
205   - align-items: center;
206   - display: flex;
207   - justify-content: center;
208   - flex-direction: column;
209   - font-size: 1em;
210   -}
211   -@media only screen and (min-device-width: 700px) {
212   - .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
213   - font-size: 1.2em;
214   - }
215   -}
216   -
217   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
218   - display: flex;
219   - width: 2.1em;
220   - height: 2.1em;
221   - color: #207ab7;
222   - background-color: white;
223   - border-radius: 50%;
224   - align-items: center;
225   - justify-content: center;
226   -}
227   -
228   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
229   - font-family: 'tinymce-mobile', sans-serif;
230   - content: "\e900";
231   -}
232   -
233   -.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {
234   - z-index: 2;
235   -}
236   -
237   -.tinymce-mobile-android-container.tinymce-mobile-android-maximized {
238   - position: fixed;
239   - top: 0;
240   - right: 0;
241   - bottom: 0;
242   - left: 0;
243   - display: flex;
244   - background: #fff;
245   - border: none;
246   - flex-direction: column;
247   -}
248   -
249   -.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
250   - position: relative;
251   -}
252   -
253   -.tinymce-mobile-android-container .tinymce-mobile-editor-socket {
254   - display: flex;
255   - flex-grow: 1;
256   -}
257   -
258   -.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
259   - display: flex !important;
260   - flex-grow: 1;
261   - height: auto !important;
262   -}
263   -
264   -.tinymce-mobile-android-scroll-reload {
265   - overflow: hidden;
266   -}
267   -
268   -:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
269   - margin-top: 23px;
270   -}
271   -
272   -.tinymce-mobile-toolstrip {
273   - z-index: 1;
274   - display: flex;
275   - background: #fff;
276   - flex: 0 0 auto;
277   -}
278   -
279   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
280   - display: flex;
281   - width: 100%;
282   - height: 2.5em;
283   - background-color: #fff;
284   - border-bottom: 1px solid #ccc;
285   - align-items: center;
286   - flex: 1;
287   -
288   - /* Make it no larger than the toolstrip, so that it needs to scroll */
289   -}
290   -
291   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
292   - align-items: center;
293   - display: flex;
294   - height: 100%;
295   - flex-shrink: 1;
296   -}
297   -
298   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
299   - align-items: center;
300   - display: flex;
301   - height: 100%;
302   - flex: 1;
303   -}
304   -
305   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
306   - background: #f44336;
307   -}
308   -
309   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
310   - flex-grow: 1;
311   -}
312   -
313   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
314   - padding-right: 0.5em;
315   - padding-left: 0.5em;
316   -}
317   -
318   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
319   - display: flex;
320   - height: 80%;
321   - margin-right: 2px;
322   - margin-left: 2px;
323   - align-items: center;
324   -}
325   -
326   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {
327   - color: #ccc;
328   - background: #c8cbcf;
329   -}
330   -
331   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
332   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
333   - color: #eceff1;
334   - background: #207ab7;
335   -}
336   -
337   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
338   - /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
339   -}
340   -
341   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
342   - display: flex;
343   - height: 100%;
344   - padding-top: 0.4em;
345   - padding-bottom: 0.4em;
346   - align-items: center;
347   - flex: 1;
348   -
349   - /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
350   -
351   - /* For widgets like the colour picker, use the whole height */
352   -}
353   -
354   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
355   - position: relative;
356   - display: flex;
357   - width: 100%;
358   - min-height: 1.5em;
359   - padding-right: 0;
360   - padding-left: 0;
361   - overflow: hidden;
362   -}
363   -
364   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
365   - display: flex;
366   - width: 100%;
367   - height: 100%;
368   - transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
369   -}
370   -
371   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {
372   - display: flex;
373   - flex: 0 0 auto;
374   - justify-content: space-between;
375   - width: 100%;
376   -}
377   -
378   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {
379   - font-family: sans-serif;
380   -}
381   -
382   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {
383   - position: relative;
384   - display: flex;
385   - flex-grow: 1;
386   -}
387   -
388   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {
389   - position: absolute;
390   - right: 0;
391   - height: 100%;
392   - padding-right: 2px;
393   - font-size: 0.6em;
394   - font-weight: bold;
395   - color: #888;
396   - background: inherit;
397   - border: none;
398   - border-radius: 50%;
399   - align-self: center;
400   -}
401   -
402   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {
403   - display: none;
404   -}
405   -
406   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,
407   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {
408   - align-items: center;
409   - display: flex;
410   -}
411   -
412   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,
413   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {
414   - display: flex;
415   - height: 100%;
416   - padding-right: 0.5em;
417   - padding-left: 0.5em;
418   - font-weight: bold;
419   - align-items: center;
420   -}
421   -
422   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,
423   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {
424   - visibility: hidden;
425   -}
426   -
427   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
428   - padding-top: 3px;
429   - margin: 0 2px;
430   - font-size: 10px;
431   - line-height: 10px;
432   - color: #ccc;
433   -}
434   -
435   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
436   - color: #c8cbcf;
437   -}
438   -
439   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
440   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
441   - margin-right: 0.9em;
442   - margin-left: 0.5em;
443   -}
444   -
445   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
446   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
447   - margin-right: 0.5em;
448   - margin-left: 0.9em;
449   -}
450   -
451   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
452   - position: relative;
453   - display: flex;
454   - padding: 0.28em 0;
455   - margin-right: 0;
456   - margin-left: 0;
457   - flex: 1;
458   -}
459   -
460   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
461   - align-items: center;
462   - display: flex;
463   - flex-grow: 1;
464   - height: 100%;
465   -}
466   -
467   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {
468   - display: flex;
469   - height: 0.2em;
470   - margin-top: 0.3em;
471   - margin-bottom: 0.3em;
472   - background: #ccc;
473   - flex: 1;
474   -}
475   -
476   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
477   - padding-right: 2em;
478   - padding-left: 2em;
479   -}
480   -
481   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {
482   - align-items: center;
483   - display: flex;
484   - flex-grow: 1;
485   - height: 100%;
486   -}
487   -
488   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {
489   - display: flex;
490   - height: 0.2em;
491   - margin-top: 0.3em;
492   - margin-bottom: 0.3em;
493   - background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
494   - flex: 1;
495   -}
496   -
497   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {
498   - width: 1.2em;
499   - height: 0.2em;
500   - margin-top: 0.3em;
501   - margin-bottom: 0.3em;
502   -
503   - /* Not part of theming */
504   - background: black;
505   -}
506   -
507   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {
508   - width: 1.2em;
509   - height: 0.2em;
510   - margin-top: 0.3em;
511   - margin-bottom: 0.3em;
512   -
513   - /* Not part of theming */
514   - background: white;
515   -}
516   -
517   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
518   - position: absolute;
519   - top: 0;
520   - bottom: 0;
521   - left: -10px;
522   - display: flex;
523   - width: 0.5em;
524   - height: 0.5em;
525   - margin: auto;
526   - color: #fff;
527   - background-color: #455a64;
528   - border: 0.5em solid rgba(136, 136, 136, 0);
529   - border-radius: 3em;
530   - transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
531   - background-clip: padding-box;
532   -
533   - /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
534   - * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
535   - * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without
536   - * this approach.
537   - */
538   - align-items: center;
539   - justify-content: center;
540   -}
541   -
542   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {
543   - border: 0.5em solid rgba(136, 136, 136, 0.39);
544   -}
545   -
546   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
547   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
548   - align-items: center;
549   - display: flex;
550   - height: 100%;
551   - flex: 1;
552   -}
553   -
554   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
555   - flex-direction: column;
556   - justify-content: center;
557   -}
558   -
559   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
560   - align-items: center;
561   - display: flex;
562   -}
563   -
564   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
565   - height: 100%;
566   -}
567   -
568   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
569   - display: flex;
570   -}
571   -
572   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
573   - padding-top: 0.1em;
574   - padding-bottom: 0.1em;
575   - padding-left: 5px;
576   - font-size: 0.85em;
577   - color: #455a64;
578   - background: #fff;
579   - border: none;
580   - border-radius: 0;
581   - flex-grow: 1;
582   -}
583   -
584   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
585   - /* WebKit, Blink, Edge */
586   - color: #888;
587   -}
588   -
589   -.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
590   - /* WebKit, Blink, Edge */
591   - color: #888;
592   -}
593   -
594   -/* dropup */
595   -.tinymce-mobile-dropup {
596   - display: flex;
597   - width: 100%;
598   - overflow: hidden;
599   - background: white;
600   -}
601   -
602   -.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
603   - transition: height 0.3s ease-out;
604   -}
605   -
606   -.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
607   - transition: height 0.3s ease-in;
608   -}
609   -
610   -.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
611   - flex-grow: 0;
612   -}
613   -
614   -.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
615   - flex-grow: 1;
616   -}
617   -
618   -/* TODO min-height for device size and orientation */
619   -.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
620   - min-height: 200px;
621   -}
622   -@media only screen and (orientation: landscape) {
623   - .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
624   - min-height: 200px;
625   - }
626   -}
627   -@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
628   - .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
629   - min-height: 150px;
630   - }
631   -}
632   -
633   -/* styles menu */
634   -.tinymce-mobile-styles-menu {
635   - position: relative;
636   - width: 100%;
637   - overflow: hidden;
638   - font-family: sans-serif;
639   - outline: 4px solid black;
640   -}
641   -
642   -.tinymce-mobile-styles-menu [role="menu"] {
643   - position: absolute;
644   - display: flex;
645   - width: 100%;
646   - height: 100%;
647   - flex-direction: column;
648   -}
649   -
650   -.tinymce-mobile-styles-menu [role="menu"].transitioning {
651   - transition: transform 0.5s ease-in-out;
652   -}
653   -
654   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
655   - position: relative;
656   - display: flex;
657   - padding: 1em 1em;
658   - color: #455a64;
659   - cursor: pointer;
660   - border-bottom: 1px solid #ddd;
661   -}
662   -
663   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
664   - font-family: 'tinymce-mobile', sans-serif;
665   - color: #455a64;
666   - content: "\e314";
667   -}
668   -
669   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
670   - position: absolute;
671   - right: 0;
672   - padding-right: 1em;
673   - padding-left: 1em;
674   - font-family: 'tinymce-mobile', sans-serif;
675   - color: #455a64;
676   - content: "\e315";
677   -}
678   -
679   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
680   - position: absolute;
681   - right: 0;
682   - padding-right: 1em;
683   - padding-left: 1em;
684   - font-family: 'tinymce-mobile', sans-serif;
685   -}
686   -
687   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
688   -.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
689   - display: flex;
690   - min-height: 2.5em;
691   - padding-right: 1em;
692   - padding-left: 1em;
693   - color: #455a64;
694   - background: #fff;
695   - border-top: #455a64;
696   - align-items: center;
697   -}
698   -
699   -.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
700   -.tinymce-mobile-styles-menu [data-transitioning-state="before"] {
701   - transform: translate(-100%);
702   -}
703   -
704   -.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
705   -.tinymce-mobile-styles-menu [data-transitioning-state="current"] {
706   - transform: translate(0%);
707   -}
708   -
709   -.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
710   -.tinymce-mobile-styles-menu [data-transitioning-state="after"] {
711   - transform: translate(100%);
712   -}
713   -@font-face {
714   - font-family: 'tinymce-mobile';
715   - font-style: normal;
716   - font-weight: normal;
717   - src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
718   -}
719   -@media (min-device-width: 700px) {
720   - .tinymce-mobile-outer-container,
721   - .tinymce-mobile-outer-container input {
722   - font-size: 25px;
723   - }
724   -}
725   -@media (max-device-width: 700px) {
726   - .tinymce-mobile-outer-container,
727   - .tinymce-mobile-outer-container input {
728   - font-size: 18px;
729   - }
730   -}
731   -
732   -.tinymce-mobile-icon {
733   - font-family: 'tinymce-mobile', sans-serif;
734   -}
735   -
736   -.mixin-flex-and-centre {
737   - align-items: center;
738   - display: flex;
739   - justify-content: center;
740   -}
741   -
742   -.mixin-flex-bar {
743   - align-items: center;
744   - display: flex;
745   - height: 100%;
746   -}
747   -
748   -.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
749   - width: 100%;
750   - background-color: #fff;
751   -}
752   -
753   -.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
754   - position: fixed;
755   - right: 2em;
756   - bottom: 1em;
757   - display: flex;
758   - width: 2.1em;
759   - height: 2.1em;
760   - font-size: 1em;
761   - color: white;
762   -
763   - /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
764   - background-color: #207ab7;
765   - border-radius: 50%;
766   - align-items: center;
767   - justify-content: center;
768   -}
769   -@media only screen and (min-device-width: 700px) {
770   - .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
771   - font-size: 1.2em;
772   - }
773   -}
774   -
775   -.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
776   - height: 300px;
777   - overflow: hidden;
778   -}
779   -
780   -.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
781   - height: 100%;
782   -}
783   -
784   -.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
785   - display: none;
786   -}
787   -
788   -/*
789   - Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
790   - increased and the whole body becomes scrollable. It's important!
791   - */
792   -input[type="file"]::-webkit-file-upload-button {
793   - display: none;
794   -}
795   -@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
796   - .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
797   - bottom: 50%;
798   - }
799   -}
src/components/Tinymce/src/Editor.vue
  View file @edc7525
... ... @@ -107,12 +107,10 @@
107 107 branding: false,
108 108 default_link_target: '_blank',
109 109 link_title: false,
110   - advlist_bullet_styles: 'square',
111   - advlist_number_styles: 'default',
112 110 object_resizing: false,
113 111 skin: 'oxide',
114 112 skin_url: 'resource/tinymce/skins/ui/oxide',
115   - content_css: 'resource/tinymce/skins/content/default/content.css',
  113 + content_css: 'resource/tinymce/skins/ui/oxide/content.min.css',
116 114 ...options,
117 115 setup: (editor: any) => {
118 116 editorRef.value = editor;
... ...
src/components/Tinymce/src/tinymce.ts
  View file @edc7525
1 1 import tinymce from 'tinymce/tinymce';
2   -import 'tinymce/skins/ui/oxide/skin.min.css';
3 2 import 'tinymce/themes/silver';
4 3  
5 4 import 'tinymce/icons/default/icons';
6   -import 'tinymce/themes/mobile';
7   -import 'tinymce/plugins/emoticons';
8   -import 'tinymce/plugins/emoticons/js/emojis';
9 5 import 'tinymce/plugins/advlist';
10 6 import 'tinymce/plugins/anchor';
11 7 import 'tinymce/plugins/autolink';
... ... @@ -15,8 +11,6 @@ import 'tinymce/plugins/codesample';
15 11 import 'tinymce/plugins/directionality';
16 12 import 'tinymce/plugins/fullscreen';
17 13 import 'tinymce/plugins/hr';
18   -import 'tinymce/plugins/image';
19   -import 'tinymce/plugins/imagetools';
20 14 import 'tinymce/plugins/insertdatetime';
21 15 import 'tinymce/plugins/link';
22 16 import 'tinymce/plugins/lists';
... ... @@ -44,12 +38,12 @@ import 'tinymce/plugins/wordcount';
44 38 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
45 39  
46 40 export const plugins = [
47   - 'advlist anchor autolink autosave code codesample directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount',
  41 + 'advlist anchor autolink autosave code codesample directionality fullscreen hr insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount',
48 42 ];
49 43  
50 44 export const toolbar = [
51 45 'fontsizeselect lineheight searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample',
52   - 'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen',
  46 + 'hr bullist numlist link preview anchor pagebreak insertdatetime media table forecolor backcolor fullscreen',
53 47 ];
54 48  
55 49 export { tinymce };
... ...
vite.config.ts
  View file @edc7525
... ... @@ -69,7 +69,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
69 69 },
70 70 // Turning off brotliSize display can slightly reduce packaging time
71 71 brotliSize: false,
72   - chunkSizeWarningLimit: 1200,
  72 + chunkSizeWarningLimit: 1500,
73 73 },
74 74 define: {
75 75 // setting vue-i18-next
... ...