1 /** |
1 .wp-block-freeform.block-library-rich-text__tinymce{ |
2 * Colors |
2 height:auto; |
3 */ |
3 } |
4 /** |
4 .wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ |
5 * Breakpoints & Media Queries |
5 line-height:1.8; |
6 */ |
6 } |
7 /** |
7 .wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ |
8 * SCSS Variables. |
8 margin-right:0; |
9 * |
9 padding-right:2.5em; |
10 * Please use variables from this sheet to ensure consistency across the UI. |
10 } |
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
11 .wp-block-freeform.block-library-rich-text__tinymce blockquote{ |
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
12 border-right:4px solid #000; |
13 */ |
13 box-shadow:inset 0 0 0 0 #ddd; |
14 /** |
14 margin:0; |
15 * Colors |
15 padding-right:1em; |
16 */ |
16 } |
17 /** |
17 .wp-block-freeform.block-library-rich-text__tinymce pre{ |
18 * Fonts & basic variables. |
18 color:#1e1e1e; |
19 */ |
19 font-family:Menlo,Consolas,monaco,monospace; |
20 /** |
20 font-size:15px; |
21 * Grid System. |
21 white-space:pre-wrap; |
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
22 } |
23 */ |
23 .wp-block-freeform.block-library-rich-text__tinymce>:first-child{ |
24 /** |
24 margin-top:0; |
25 * Dimensions. |
25 } |
26 */ |
26 .wp-block-freeform.block-library-rich-text__tinymce>:last-child{ |
27 /** |
27 margin-bottom:0; |
28 * Shadows. |
28 } |
29 */ |
29 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ |
30 /** |
30 outline:none; |
31 * Editor widths. |
31 } |
32 */ |
32 .wp-block-freeform.block-library-rich-text__tinymce a{ |
33 /** |
33 color:var(--wp-admin-theme-color); |
34 * Block & Editor UI. |
34 } |
35 */ |
35 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ |
36 /** |
36 background:#e5f5fa; |
37 * Block paddings. |
37 border-radius:2px; |
38 */ |
38 box-shadow:0 0 0 1px #e5f5fa; |
39 /** |
39 margin:0 -2px; |
40 * React Native specific. |
40 padding:0 2px; |
41 * These variables do not appear to be used anywhere else. |
41 } |
42 */ |
42 .wp-block-freeform.block-library-rich-text__tinymce code{ |
43 /** |
43 background:#f0f0f0; |
44 * Converts a hex value into the rgb equivalent. |
44 border-radius:2px; |
45 * |
45 color:#1e1e1e; |
46 * @param {string} hex - the hexadecimal value to convert |
46 font-family:Menlo,Consolas,monaco,monospace; |
47 * @return {string} comma separated rgb values |
47 font-size:14px; |
48 */ |
48 padding:2px; |
49 /** |
49 } |
50 * Breakpoint mixins |
50 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ |
51 */ |
51 background:#ddd; |
52 /** |
52 } |
53 * Long content fade mixin |
53 .wp-block-freeform.block-library-rich-text__tinymce .alignright{ |
54 * |
54 float:right; |
55 * Creates a fading overlay to signify that the content is longer |
55 margin:.5em 0 .5em 1em; |
56 * than the space allows. |
56 } |
57 */ |
57 .wp-block-freeform.block-library-rich-text__tinymce .alignleft{ |
58 /** |
58 float:left; |
59 * Focus styles. |
59 margin:.5em 1em .5em 0; |
60 */ |
60 } |
61 /** |
61 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ |
62 * Applies editor left position to the selector passed as argument |
62 display:block; |
63 */ |
63 margin-left:auto; |
64 /** |
64 margin-right:auto; |
65 * Styles that are reused verbatim in a few places |
65 } |
66 */ |
66 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ |
67 /** |
67 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); |
68 * Allows users to opt-out of animations via OS-level preferences. |
68 background-position:50%; |
69 */ |
69 background-repeat:no-repeat; |
70 /** |
70 background-size:1900px 20px; |
71 * Reset default styles for JavaScript UI based pages. |
71 cursor:default; |
72 * This is a WP-admin agnostic reset |
72 display:block; |
73 */ |
73 height:20px; |
74 /** |
74 margin:15px auto; |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 outline:0; |
76 */ |
76 width:96%; |
77 .wp-block-freeform.block-library-rich-text__tinymce { |
77 } |
78 height: auto; |
78 .wp-block-freeform.block-library-rich-text__tinymce img::selection{ |
79 /* Allow height of embed iframes to be calculated properly */ |
79 background-color:initial; |
80 /* Remove blue highlighting of selected images in WebKit */ |
80 } |
81 /* Image captions */ |
81 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ |
82 /* WP Views */ |
82 -ms-user-select:element; |
83 } |
83 } |
84 .wp-block-freeform.block-library-rich-text__tinymce p, |
84 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ |
85 .wp-block-freeform.block-library-rich-text__tinymce li { |
85 margin:0; |
86 line-height: 1.8; |
86 max-width:100%; |
87 } |
87 } |
88 .wp-block-freeform.block-library-rich-text__tinymce ul, |
88 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ |
89 .wp-block-freeform.block-library-rich-text__tinymce ol { |
89 display:block; |
90 padding-right: 2.5em; |
90 } |
91 margin-right: 0; |
91 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ |
92 } |
92 -webkit-user-drag:none; |
93 .wp-block-freeform.block-library-rich-text__tinymce blockquote { |
93 } |
94 margin: 0; |
94 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ |
95 box-shadow: inset 0 0 0 0 #ddd; |
95 margin:0; |
96 border-right: 4px solid #000; |
96 padding-top:.5em; |
97 padding-right: 1em; |
97 } |
98 } |
98 .wp-block-freeform.block-library-rich-text__tinymce .wpview{ |
99 .wp-block-freeform.block-library-rich-text__tinymce pre { |
99 border:1px solid #0000; |
100 white-space: pre-wrap; |
100 clear:both; |
101 font-family: Menlo, Consolas, monaco, monospace; |
101 margin-bottom:16px; |
102 font-size: 15px; |
102 position:relative; |
103 color: #1e1e1e; |
103 width:99.99%; |
104 } |
104 } |
105 .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { |
105 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ |
106 margin-top: 0; |
106 background:#0000; |
107 } |
107 display:block; |
108 .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { |
108 max-width:100%; |
109 margin-bottom: 0; |
109 } |
110 } |
110 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ |
111 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { |
111 bottom:0; |
112 outline: none; |
112 left:0; |
113 } |
113 position:absolute; |
114 .wp-block-freeform.block-library-rich-text__tinymce a { |
114 right:0; |
115 color: var(--wp-admin-theme-color); |
115 top:0; |
116 } |
116 } |
117 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { |
117 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ |
118 padding: 0 2px; |
118 display:none; |
119 margin: 0 -2px; |
119 } |
120 border-radius: 2px; |
120 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ |
121 box-shadow: 0 0 0 1px #e5f5fa; |
121 border:1px dashed #ddd; |
122 background: #e5f5fa; |
122 padding:10px; |
123 } |
123 } |
124 .wp-block-freeform.block-library-rich-text__tinymce code { |
124 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ |
125 padding: 2px; |
125 border:1px solid #ddd; |
126 border-radius: 2px; |
126 margin:0; |
127 color: #1e1e1e; |
127 padding:1em 0; |
128 background: #f0f0f0; |
128 word-wrap:break-word; |
129 font-family: Menlo, Consolas, monaco, monospace; |
129 } |
130 font-size: 14px; |
130 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ |
131 } |
131 margin:0; |
132 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { |
132 text-align:center; |
133 background: #ddd; |
133 } |
134 } |
134 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ |
135 .wp-block-freeform.block-library-rich-text__tinymce .alignright { |
135 border-color:#0000; |
136 float: right; |
136 } |
137 margin: 0.5em 0 0.5em 1em; |
137 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ |
138 } |
138 display:block; |
139 .wp-block-freeform.block-library-rich-text__tinymce .alignleft { |
139 font-size:32px; |
140 float: left; |
140 height:32px; |
141 margin: 0.5em 1em 0.5em 0; |
141 margin:0 auto; |
142 } |
142 width:32px; |
143 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { |
143 } |
144 display: block; |
144 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ |
145 margin-right: auto; |
145 clear:both; |
146 margin-left: auto; |
146 content:""; |
147 } |
147 display:table; |
148 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { |
148 } |
149 width: 96%; |
149 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ |
150 height: 20px; |
150 outline:none; |
151 display: block; |
151 } |
152 margin: 15px auto; |
152 .wp-block-freeform.block-library-rich-text__tinymce .gallery a{ |
153 outline: 0; |
153 cursor:default; |
154 cursor: default; |
154 } |
155 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); |
155 .wp-block-freeform.block-library-rich-text__tinymce .gallery{ |
156 background-size: 1900px 20px; |
156 line-height:1; |
157 background-repeat: no-repeat; |
157 margin:auto -6px; |
158 background-position: center; |
158 overflow-x:hidden; |
159 } |
159 padding:6px 0; |
160 .wp-block-freeform.block-library-rich-text__tinymce img::selection { |
160 } |
161 background-color: transparent; |
161 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ |
162 } |
162 box-sizing:border-box; |
163 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { |
163 float:right; |
164 -ms-user-select: element; |
164 margin:0; |
165 } |
165 padding:6px; |
166 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { |
166 text-align:center; |
167 margin: 0; |
167 } |
168 /* dl browser reset */ |
168 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ |
169 max-width: 100%; |
169 margin:0; |
170 } |
170 } |
171 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, |
171 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ |
172 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { |
172 font-size:13px; |
173 display: block; |
173 margin:4px 0; |
174 } |
174 } |
175 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { |
175 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ |
176 -webkit-user-drag: none; |
176 width:100%; |
177 } |
177 } |
178 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { |
178 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ |
179 padding-top: 0.5em; |
179 width:50%; |
180 margin: 0; |
180 } |
181 /* browser dd reset */ |
181 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ |
182 } |
182 width:33.3333333333%; |
183 .wp-block-freeform.block-library-rich-text__tinymce .wpview { |
183 } |
184 width: 99.99%; |
184 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ |
185 /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ |
185 width:25%; |
186 position: relative; |
186 } |
187 clear: both; |
187 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ |
188 margin-bottom: 16px; |
188 width:20%; |
189 border: 1px solid transparent; |
189 } |
190 } |
190 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ |
191 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { |
191 width:16.6666666667%; |
192 display: block; |
192 } |
193 max-width: 100%; |
193 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ |
194 background: transparent; |
194 width:14.2857142857%; |
195 } |
195 } |
196 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { |
196 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ |
197 position: absolute; |
197 width:12.5%; |
198 top: 0; |
198 } |
199 left: 0; |
199 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ |
200 bottom: 0; |
200 width:11.1111111111%; |
201 right: 0; |
201 } |
202 } |
202 .wp-block-freeform.block-library-rich-text__tinymce .gallery img{ |
203 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { |
203 border:none; |
204 display: none; |
204 height:auto; |
205 } |
205 max-width:100%; |
206 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { |
206 padding:0; |
207 border: 1px dashed #ddd; |
|
208 padding: 10px; |
|
209 } |
|
210 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { |
|
211 border: 1px solid #ddd; |
|
212 padding: 1em 0; |
|
213 margin: 0; |
|
214 word-wrap: break-word; |
|
215 } |
|
216 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { |
|
217 margin: 0; |
|
218 text-align: center; |
|
219 } |
|
220 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { |
|
221 border-color: transparent; |
|
222 } |
|
223 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { |
|
224 display: block; |
|
225 margin: 0 auto; |
|
226 width: 32px; |
|
227 height: 32px; |
|
228 font-size: 32px; |
|
229 } |
|
230 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { |
|
231 content: ""; |
|
232 display: table; |
|
233 clear: both; |
|
234 } |
|
235 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { |
|
236 outline: none; |
|
237 } |
|
238 .wp-block-freeform.block-library-rich-text__tinymce .gallery a { |
|
239 cursor: default; |
|
240 } |
|
241 .wp-block-freeform.block-library-rich-text__tinymce .gallery { |
|
242 margin: auto -6px; |
|
243 padding: 6px 0; |
|
244 line-height: 1; |
|
245 overflow-x: hidden; |
|
246 } |
|
247 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { |
|
248 float: right; |
|
249 margin: 0; |
|
250 text-align: center; |
|
251 padding: 6px; |
|
252 box-sizing: border-box; |
|
253 } |
|
254 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, |
|
255 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { |
|
256 margin: 0; |
|
257 } |
|
258 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { |
|
259 font-size: 13px; |
|
260 margin: 4px 0; |
|
261 } |
|
262 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { |
|
263 width: 100%; |
|
264 } |
|
265 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { |
|
266 width: 50%; |
|
267 } |
|
268 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { |
|
269 width: 33.3333333333%; |
|
270 } |
|
271 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { |
|
272 width: 25%; |
|
273 } |
|
274 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { |
|
275 width: 20%; |
|
276 } |
|
277 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { |
|
278 width: 16.6666666667%; |
|
279 } |
|
280 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { |
|
281 width: 14.2857142857%; |
|
282 } |
|
283 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { |
|
284 width: 12.5%; |
|
285 } |
|
286 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { |
|
287 width: 11.1111111111%; |
|
288 } |
|
289 .wp-block-freeform.block-library-rich-text__tinymce .gallery img { |
|
290 max-width: 100%; |
|
291 height: auto; |
|
292 border: none; |
|
293 padding: 0; |
|
294 } |
207 } |
295 |
208 |
296 div[data-type="core/freeform"]::before { |
209 div[data-type="core/freeform"]:before{ |
297 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
210 border:1px solid #ddd; |
298 border: 1px solid #ddd; |
211 outline:1px solid #0000; |
299 outline: 1px solid transparent; |
212 transition:border-color .1s linear,box-shadow .1s linear; |
300 } |
213 } |
301 @media (prefers-reduced-motion: reduce) { |
214 @media (prefers-reduced-motion:reduce){ |
302 div[data-type="core/freeform"]::before { |
215 div[data-type="core/freeform"]:before{ |
303 transition-duration: 0s; |
216 transition-delay:0s; |
304 transition-delay: 0s; |
217 transition-duration:0s; |
305 } |
218 } |
306 } |
219 } |
307 div[data-type="core/freeform"].is-selected::before { |
220 div[data-type="core/freeform"].is-selected:before{ |
308 border-color: #1e1e1e; |
221 border-color:#1e1e1e; |
309 } |
222 } |
310 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { |
223 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ |
311 margin-top: 0; |
224 margin-top:0; |
312 padding-top: 0; |
225 padding-top:0; |
313 } |
226 } |
314 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { |
227 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ |
315 content: ""; |
228 clear:both; |
316 display: table; |
229 content:""; |
317 clear: both; |
230 display:table; |
318 } |
231 } |
319 |
232 |
320 .mce-toolbar-grp .mce-btn.mce-active button, |
233 .mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ |
321 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
234 color:#1e1e1e; |
322 .mce-toolbar-grp .mce-btn.mce-active i, |
235 } |
323 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
236 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ |
324 color: #1e1e1e; |
237 margin-left:0; |
325 } |
238 margin-right:8px; |
326 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
239 } |
327 margin-left: 0; |
240 .mce-toolbar-grp .mce-btn i{ |
328 margin-right: 8px; |
241 font-style:normal; |
329 } |
|
330 .mce-toolbar-grp .mce-btn i { |
|
331 font-style: normal; |
|
332 } |
242 } |
333 |
243 |
334 .block-library-classic__toolbar { |
244 .block-library-classic__toolbar{ |
335 display: none; |
245 border:1px solid #ddd; |
336 width: auto; |
246 border-bottom:none; |
337 margin: 0; |
247 border-radius:2px; |
338 position: sticky; |
248 display:none; |
339 z-index: 31; |
249 margin:0 0 8px; |
340 top: 0; |
250 padding:0; |
341 border: 1px solid #ddd; |
251 position:sticky; |
342 border-bottom: none; |
252 top:0; |
343 border-radius: 2px; |
253 width:auto; |
344 margin-bottom: 8px; |
254 z-index:31; |
345 padding: 0; |
255 } |
346 } |
256 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ |
347 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { |
257 border-color:#1e1e1e; |
348 display: block; |
258 display:block; |
349 border-color: #1e1e1e; |
259 } |
350 } |
260 .block-library-classic__toolbar .mce-tinymce{ |
351 .block-library-classic__toolbar .mce-tinymce { |
261 box-shadow:none; |
352 box-shadow: none; |
262 } |
353 } |
263 @media (min-width:600px){ |
354 @media (min-width: 600px) { |
264 .block-library-classic__toolbar{ |
355 .block-library-classic__toolbar { |
265 padding:0; |
356 padding: 0; |
266 } |
357 } |
267 } |
358 } |
268 .block-library-classic__toolbar:empty{ |
359 .block-library-classic__toolbar:empty { |
269 background:#f5f5f5; |
360 display: block; |
270 border-bottom:1px solid #e2e4e7; |
361 background: #f5f5f5; |
271 display:block; |
362 border-bottom: 1px solid #e2e4e7; |
272 } |
363 } |
273 .block-library-classic__toolbar:empty:before{ |
364 .block-library-classic__toolbar:empty::before { |
274 color:#555d66; |
365 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
275 content:attr(data-placeholder); |
366 font-size: 13px; |
276 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
367 content: attr(data-placeholder); |
277 font-size:13px; |
368 color: #555d66; |
278 line-height:37px; |
369 line-height: 37px; |
279 padding:14px; |
370 padding: 14px; |
280 } |
371 } |
281 .block-library-classic__toolbar div.mce-toolbar-grp{ |
372 .block-library-classic__toolbar div.mce-toolbar-grp { |
282 border-bottom:1px solid #1e1e1e; |
373 border-bottom: 1px solid #1e1e1e; |
283 } |
374 } |
284 .block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ |
375 .block-library-classic__toolbar .mce-tinymce-inline, |
285 height:auto !important; |
376 .block-library-classic__toolbar .mce-tinymce-inline > div, |
286 width:100% !important; |
377 .block-library-classic__toolbar div.mce-toolbar-grp, |
287 } |
378 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
288 .block-library-classic__toolbar .mce-container-body.mce-abs-layout{ |
379 .block-library-classic__toolbar .mce-menubar, |
289 overflow:visible; |
380 .block-library-classic__toolbar .mce-menubar > div { |
290 } |
381 height: auto !important; |
291 .block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ |
382 width: 100% !important; |
292 position:static; |
383 } |
293 } |
384 .block-library-classic__toolbar .mce-container-body.mce-abs-layout { |
294 .block-library-classic__toolbar .mce-toolbar-grp>div{ |
385 overflow: visible; |
295 padding:1px 3px; |
386 } |
296 } |
387 .block-library-classic__toolbar .mce-menubar, |
297 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ |
388 .block-library-classic__toolbar div.mce-toolbar-grp { |
298 display:none; |
389 position: static; |
299 } |
390 } |
300 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{ |
391 .block-library-classic__toolbar .mce-toolbar-grp > div { |
301 display:block; |
392 padding: 1px 3px; |
302 } |
393 } |
303 |
394 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
304 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ |
395 display: none; |
305 height:50vh !important; |
396 } |
306 } |
397 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
307 @media (min-width:960px){ |
398 display: block; |
308 .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen){ |
399 } |
309 height:9999rem; |
|
310 } |
|
311 .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header+div{ |
|
312 height:100%; |
|
313 } |
|
314 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce{ |
|
315 height:calc(100% - 52px); |
|
316 } |
|
317 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body{ |
|
318 display:flex; |
|
319 flex-direction:column; |
|
320 height:100%; |
|
321 min-width:50vw; |
|
322 } |
|
323 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area{ |
|
324 display:flex; |
|
325 flex-direction:column; |
|
326 flex-grow:1; |
|
327 } |
|
328 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ |
|
329 flex-grow:1; |
|
330 height:10px !important; |
|
331 } |
|
332 } |
|
333 .block-editor-freeform-modal__actions{ |
|
334 margin-top:16px; |
|
335 } |