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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 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 \ No newline at end of file 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,12 +107,10 @@
107 branding: false, 107 branding: false,
108 default_link_target: '_blank', 108 default_link_target: '_blank',
109 link_title: false, 109 link_title: false,
110 - advlist_bullet_styles: 'square',  
111 - advlist_number_styles: 'default',  
112 object_resizing: false, 110 object_resizing: false,
113 skin: 'oxide', 111 skin: 'oxide',
114 skin_url: 'resource/tinymce/skins/ui/oxide', 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 ...options, 114 ...options,
117 setup: (editor: any) => { 115 setup: (editor: any) => {
118 editorRef.value = editor; 116 editorRef.value = editor;
src/components/Tinymce/src/tinymce.ts
  View file @edc7525
1 import tinymce from 'tinymce/tinymce'; 1 import tinymce from 'tinymce/tinymce';
2 -import 'tinymce/skins/ui/oxide/skin.min.css';  
3 import 'tinymce/themes/silver'; 2 import 'tinymce/themes/silver';
4 3
5 import 'tinymce/icons/default/icons'; 4 import 'tinymce/icons/default/icons';
6 -import 'tinymce/themes/mobile';  
7 -import 'tinymce/plugins/emoticons';  
8 -import 'tinymce/plugins/emoticons/js/emojis';  
9 import 'tinymce/plugins/advlist'; 5 import 'tinymce/plugins/advlist';
10 import 'tinymce/plugins/anchor'; 6 import 'tinymce/plugins/anchor';
11 import 'tinymce/plugins/autolink'; 7 import 'tinymce/plugins/autolink';
@@ -15,8 +11,6 @@ import 'tinymce/plugins/codesample'; @@ -15,8 +11,6 @@ import 'tinymce/plugins/codesample';
15 import 'tinymce/plugins/directionality'; 11 import 'tinymce/plugins/directionality';
16 import 'tinymce/plugins/fullscreen'; 12 import 'tinymce/plugins/fullscreen';
17 import 'tinymce/plugins/hr'; 13 import 'tinymce/plugins/hr';
18 -import 'tinymce/plugins/image';  
19 -import 'tinymce/plugins/imagetools';  
20 import 'tinymce/plugins/insertdatetime'; 14 import 'tinymce/plugins/insertdatetime';
21 import 'tinymce/plugins/link'; 15 import 'tinymce/plugins/link';
22 import 'tinymce/plugins/lists'; 16 import 'tinymce/plugins/lists';
@@ -44,12 +38,12 @@ import 'tinymce/plugins/wordcount'; @@ -44,12 +38,12 @@ import 'tinymce/plugins/wordcount';
44 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration 38 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
45 39
46 export const plugins = [ 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 export const toolbar = [ 44 export const toolbar = [
51 'fontsizeselect lineheight searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample', 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 export { tinymce }; 49 export { tinymce };
vite.config.ts
  View file @edc7525
@@ -69,7 +69,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => { @@ -69,7 +69,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
69 }, 69 },
70 // Turning off brotliSize display can slightly reduce packaging time 70 // Turning off brotliSize display can slightly reduce packaging time
71 brotliSize: false, 71 brotliSize: false,
72 - chunkSizeWarningLimit: 1200, 72 + chunkSizeWarningLimit: 1500,
73 }, 73 },
74 define: { 74 define: {
75 // setting vue-i18-next 75 // setting vue-i18-next