|
1 :root{ |
|
2 --wp-admin-theme-color:#007cba; |
|
3 --wp-admin-theme-color--rgb:0, 124, 186; |
|
4 --wp-admin-theme-color-darker-10:#006ba1; |
|
5 --wp-admin-theme-color-darker-10--rgb:0, 107, 161; |
|
6 --wp-admin-theme-color-darker-20:#005a87; |
|
7 --wp-admin-theme-color-darker-20--rgb:0, 90, 135; |
|
8 --wp-admin-border-width-focus:2px; |
|
9 --wp-block-synced-color:#7a00df; |
|
10 --wp-block-synced-color--rgb:122, 0, 223; |
|
11 --wp-bound-block-color:var(--wp-block-synced-color); |
|
12 } |
|
13 @media (min-resolution:192dpi){ |
|
14 :root{ |
|
15 --wp-admin-border-width-focus:1.5px; |
|
16 } |
|
17 } |
|
18 |
|
19 .block-editor-block-icon{ |
|
20 align-items:center; |
|
21 display:flex; |
|
22 height:24px; |
|
23 justify-content:center; |
|
24 width:24px; |
|
25 } |
|
26 .block-editor-block-icon.has-colors svg{ |
|
27 fill:currentColor; |
|
28 } |
|
29 @media (forced-colors:active){ |
|
30 .block-editor-block-icon.has-colors svg{ |
|
31 fill:CanvasText; |
|
32 } |
|
33 } |
|
34 .block-editor-block-icon svg{ |
|
35 max-height:24px; |
|
36 max-width:24px; |
|
37 min-height:20px; |
|
38 min-width:20px; |
|
39 } |
|
40 |
|
41 .block-editor-block-styles .block-editor-block-list__block{ |
|
42 margin:0; |
|
43 } |
|
44 @keyframes selection-overlay__fade-in-animation{ |
|
45 0%{ |
|
46 opacity:0; |
|
47 } |
|
48 to{ |
|
49 opacity:.4; |
|
50 } |
|
51 } |
|
52 :root .block-editor-block-list__layout::selection,:root .has-multi-selection .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{ |
|
53 background-color:initial; |
|
54 } |
|
55 .block-editor-block-list__layout{ |
|
56 position:relative; |
|
57 } |
|
58 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{ |
|
59 background:#0000; |
|
60 } |
|
61 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ |
|
62 animation:selection-overlay__fade-in-animation .1s ease-out; |
|
63 animation-fill-mode:forwards; |
|
64 background:var(--wp-admin-theme-color); |
|
65 bottom:0; |
|
66 content:""; |
|
67 left:0; |
|
68 opacity:.4; |
|
69 outline:2px solid #0000; |
|
70 pointer-events:none; |
|
71 position:absolute; |
|
72 right:0; |
|
73 top:0; |
|
74 z-index:1; |
|
75 } |
|
76 @media (prefers-reduced-motion:reduce){ |
|
77 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ |
|
78 animation-delay:0s; |
|
79 animation-duration:1ms; |
|
80 } |
|
81 } |
|
82 .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{ |
|
83 outline-color:#0000; |
|
84 } |
|
85 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ |
|
86 outline:none; |
|
87 } |
|
88 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ |
|
89 bottom:0; |
|
90 content:""; |
|
91 left:0; |
|
92 outline-color:var(--wp-admin-theme-color); |
|
93 outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
|
94 outline-style:solid; |
|
95 outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
|
96 pointer-events:none; |
|
97 position:absolute; |
|
98 right:0; |
|
99 top:0; |
|
100 z-index:1; |
|
101 } |
|
102 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ |
|
103 outline-color:#fff; |
|
104 } |
|
105 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ |
|
106 border-radius:2px; |
|
107 border-top:4px solid #ccc; |
|
108 bottom:auto; |
|
109 box-shadow:none; |
|
110 content:""; |
|
111 left:0; |
|
112 pointer-events:none; |
|
113 position:absolute; |
|
114 right:0; |
|
115 top:-14px; |
|
116 transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; |
|
117 z-index:0; |
|
118 } |
|
119 .block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ |
|
120 border-color:var(--wp-admin-theme-color); |
|
121 } |
|
122 .has-multi-selection .block-editor-block-list__layout{ |
|
123 -webkit-user-select:none; |
|
124 user-select:none; |
|
125 } |
|
126 .block-editor-block-list__layout [class^=components-]{ |
|
127 -webkit-user-select:text; |
|
128 user-select:text; |
|
129 } |
|
130 |
|
131 .is-block-moving-mode.block-editor-block-list__block-selection-button{ |
|
132 font-size:1px; |
|
133 height:1px; |
|
134 opacity:0; |
|
135 padding:0; |
|
136 } |
|
137 |
|
138 .block-editor-block-list__layout .block-editor-block-list__block{ |
|
139 overflow-wrap:break-word; |
|
140 pointer-events:auto; |
|
141 position:relative; |
|
142 -webkit-user-select:text; |
|
143 user-select:text; |
|
144 } |
|
145 .block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{ |
|
146 pointer-events:none; |
|
147 -webkit-user-select:none; |
|
148 user-select:none; |
|
149 } |
|
150 .block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected,.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected{ |
|
151 z-index:20; |
|
152 } |
|
153 .block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ |
|
154 z-index:1; |
|
155 } |
|
156 .block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ |
|
157 margin:-10px 0 12px; |
|
158 } |
|
159 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ |
|
160 margin:0 0 12px; |
|
161 width:100%; |
|
162 } |
|
163 .block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ |
|
164 font-size:13px; |
|
165 } |
|
166 .block-editor-block-list__layout .block-editor-block-list__block.has-warning{ |
|
167 min-height:48px; |
|
168 } |
|
169 .block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ |
|
170 pointer-events:none; |
|
171 -webkit-user-select:none; |
|
172 user-select:none; |
|
173 } |
|
174 .block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ |
|
175 pointer-events:all; |
|
176 } |
|
177 .block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ |
|
178 background-color:#fff6; |
|
179 border-radius:2px; |
|
180 bottom:0; |
|
181 content:""; |
|
182 left:0; |
|
183 position:absolute; |
|
184 right:0; |
|
185 top:0; |
|
186 } |
|
187 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ |
|
188 background-color:initial; |
|
189 } |
|
190 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ |
|
191 display:none; |
|
192 } |
|
193 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ |
|
194 display:block; |
|
195 } |
|
196 .block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ |
|
197 box-shadow:0 0 0 1px var(--wp-admin-theme-color); |
|
198 } |
|
199 .block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ |
|
200 float:none; |
|
201 } |
|
202 |
|
203 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ |
|
204 cursor:default; |
|
205 } |
|
206 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ |
|
207 cursor:unset; |
|
208 } |
|
209 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected):after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected:after{ |
|
210 bottom:0; |
|
211 content:""; |
|
212 left:0; |
|
213 outline-color:var(--wp-admin-theme-color); |
|
214 outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
|
215 outline-style:solid; |
|
216 outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); |
|
217 pointer-events:none; |
|
218 position:absolute; |
|
219 right:0; |
|
220 top:0; |
|
221 } |
|
222 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ |
|
223 outline-color:var(--wp-block-synced-color); |
|
224 } |
|
225 .is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ |
|
226 outline-color:#fff; |
|
227 } |
|
228 |
|
229 @keyframes block-editor-is-editable__animation{ |
|
230 0%{ |
|
231 background-color:rgba(var(--wp-admin-theme-color--rgb), .1); |
|
232 } |
|
233 to{ |
|
234 background-color:rgba(var(--wp-admin-theme-color--rgb), 0); |
|
235 } |
|
236 } |
|
237 @keyframes block-editor-is-editable__animation_reduce-motion{ |
|
238 0%{ |
|
239 background-color:rgba(var(--wp-admin-theme-color--rgb), .1); |
|
240 } |
|
241 99%{ |
|
242 background-color:rgba(var(--wp-admin-theme-color--rgb), .1); |
|
243 } |
|
244 to{ |
|
245 background-color:rgba(var(--wp-admin-theme-color--rgb), 0); |
|
246 } |
|
247 } |
|
248 .is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ |
|
249 animation-delay:.1s; |
|
250 animation-duration:.8s; |
|
251 animation-fill-mode:backwards; |
|
252 animation-name:block-editor-is-editable__animation; |
|
253 animation-timing-function:ease-out; |
|
254 bottom:0; |
|
255 content:""; |
|
256 left:0; |
|
257 pointer-events:none; |
|
258 position:absolute; |
|
259 right:0; |
|
260 top:0; |
|
261 } |
|
262 @media (prefers-reduced-motion:reduce){ |
|
263 .is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ |
|
264 animation-delay:0s; |
|
265 animation-name:block-editor-is-editable__animation_reduce-motion; |
|
266 } |
|
267 } |
|
268 |
|
269 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ |
|
270 opacity:.2; |
|
271 transition:opacity .1s linear; |
|
272 } |
|
273 @media (prefers-reduced-motion:reduce){ |
|
274 .is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ |
|
275 transition-delay:0s; |
|
276 transition-duration:0s; |
|
277 } |
|
278 } |
|
279 |
|
280 .is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ |
|
281 opacity:1; |
|
282 } |
|
283 |
|
284 .wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ |
|
285 z-index:21; |
|
286 } |
|
287 |
|
288 .wp-site-blocks>[data-align=left]{ |
|
289 float:right; |
|
290 margin-left:2em; |
|
291 } |
|
292 |
|
293 .wp-site-blocks>[data-align=right]{ |
|
294 float:left; |
|
295 margin-right:2em; |
|
296 } |
|
297 |
|
298 .wp-site-blocks>[data-align=center]{ |
|
299 justify-content:center; |
|
300 margin-left:auto; |
|
301 margin-right:auto; |
|
302 } |
|
303 .block-editor-block-list .block-editor-inserter{ |
|
304 cursor:move; |
|
305 cursor:grab; |
|
306 margin:8px; |
|
307 } |
|
308 |
|
309 @keyframes block-editor-inserter__toggle__fade-in-animation{ |
|
310 0%{ |
|
311 opacity:0; |
|
312 } |
|
313 to{ |
|
314 opacity:1; |
|
315 } |
|
316 } |
|
317 .wp-block .block-list-appender .block-editor-inserter__toggle{ |
|
318 animation:block-editor-inserter__toggle__fade-in-animation .1s ease; |
|
319 animation-fill-mode:forwards; |
|
320 } |
|
321 @media (prefers-reduced-motion:reduce){ |
|
322 .wp-block .block-list-appender .block-editor-inserter__toggle{ |
|
323 animation-delay:0s; |
|
324 animation-duration:1ms; |
|
325 } |
|
326 } |
|
327 |
|
328 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ |
|
329 display:none; |
|
330 } |
|
331 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ |
|
332 opacity:0; |
|
333 transform:scale(0); |
|
334 } |
|
335 |
|
336 .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ |
|
337 border:none; |
|
338 border-radius:2px; |
|
339 box-shadow:inset 0 0 0 1px #1e1e1e; |
|
340 display:block; |
|
341 font-family:Menlo,Consolas,monaco,monospace; |
|
342 font-size:15px; |
|
343 line-height:1.5; |
|
344 margin:0; |
|
345 outline:none; |
|
346 overflow:hidden; |
|
347 padding:12px; |
|
348 resize:none; |
|
349 transition:padding .2s linear; |
|
350 width:100%; |
|
351 } |
|
352 @media (prefers-reduced-motion:reduce){ |
|
353 .block-editor-block-list__block .block-editor-block-list__block-html-textarea{ |
|
354 transition-delay:0s; |
|
355 transition-duration:0s; |
|
356 } |
|
357 } |
|
358 .block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ |
|
359 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
360 } |
|
361 .block-editor-block-list__block .block-editor-warning{ |
|
362 position:relative; |
|
363 z-index:5; |
|
364 } |
|
365 .block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ |
|
366 margin-bottom:auto; |
|
367 } |
|
368 |
|
369 .is-vertical .block-list-appender{ |
|
370 margin-left:auto; |
|
371 margin-right:12px; |
|
372 margin-top:12px; |
|
373 width:24px; |
|
374 } |
|
375 |
|
376 .block-list-appender>.block-editor-inserter{ |
|
377 display:block; |
|
378 } |
|
379 |
|
380 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ |
|
381 opacity:0; |
|
382 transform:scale(0); |
|
383 } |
|
384 |
|
385 .block-editor-block-list__block.has-block-overlay{ |
|
386 cursor:default; |
|
387 } |
|
388 .block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ |
|
389 pointer-events:none; |
|
390 } |
|
391 .block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay:before{ |
|
392 left:0; |
|
393 right:0; |
|
394 width:auto; |
|
395 } |
|
396 |
|
397 .block-editor-block-list__layout .is-dragging{ |
|
398 background-color:currentColor !important; |
|
399 border-radius:2px !important; |
|
400 opacity:.05 !important; |
|
401 pointer-events:none !important; |
|
402 } |
|
403 .block-editor-block-list__layout .is-dragging::selection{ |
|
404 background:#0000 !important; |
|
405 } |
|
406 .block-editor-block-list__layout .is-dragging:after{ |
|
407 content:none !important; |
|
408 } |
|
409 |
|
410 .block-editor-block-preview__content-iframe .block-list-appender{ |
|
411 display:none; |
|
412 } |
|
413 |
|
414 .block-editor-block-preview__live-content *{ |
|
415 pointer-events:none; |
|
416 } |
|
417 .block-editor-block-preview__live-content .block-list-appender{ |
|
418 display:none; |
|
419 } |
|
420 .block-editor-block-preview__live-content .components-button:disabled{ |
|
421 opacity:1; |
|
422 } |
|
423 .block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ |
|
424 display:none; |
|
425 } |
|
426 |
|
427 .block-editor-block-variation-picker__skip,.block-editor-block-variation-picker__variations,.wp-block-group-placeholder__variations{ |
|
428 display:flex; |
|
429 flex-direction:row; |
|
430 flex-wrap:wrap; |
|
431 font-size:12px; |
|
432 gap:8px; |
|
433 justify-content:flex-start; |
|
434 list-style:none; |
|
435 margin:0; |
|
436 padding:0; |
|
437 width:100%; |
|
438 } |
|
439 .block-editor-block-variation-picker__skip svg,.block-editor-block-variation-picker__variations svg,.wp-block-group-placeholder__variations svg{ |
|
440 fill:#949494 !important; |
|
441 } |
|
442 .block-editor-block-variation-picker__skip .components-button,.block-editor-block-variation-picker__variations .components-button,.wp-block-group-placeholder__variations .components-button{ |
|
443 padding:4px; |
|
444 } |
|
445 .block-editor-block-variation-picker__skip .components-button:hover,.block-editor-block-variation-picker__variations .components-button:hover,.wp-block-group-placeholder__variations .components-button:hover{ |
|
446 background:none !important; |
|
447 } |
|
448 .block-editor-block-variation-picker__skip .components-button:hover svg,.block-editor-block-variation-picker__variations .components-button:hover svg,.wp-block-group-placeholder__variations .components-button:hover svg{ |
|
449 fill:var(--wp-admin-theme-color) !important; |
|
450 } |
|
451 .block-editor-block-variation-picker__skip>li,.block-editor-block-variation-picker__variations>li,.wp-block-group-placeholder__variations>li{ |
|
452 align-items:center; |
|
453 display:flex; |
|
454 flex-direction:column; |
|
455 gap:4px; |
|
456 width:auto; |
|
457 } |
|
458 |
|
459 .block-editor-button-block-appender{ |
|
460 align-items:center; |
|
461 box-shadow:inset 0 0 0 1px #1e1e1e; |
|
462 color:#1e1e1e; |
|
463 display:flex; |
|
464 flex-direction:column; |
|
465 height:auto; |
|
466 justify-content:center; |
|
467 width:100%; |
|
468 } |
|
469 .block-editor-button-block-appender.components-button.components-button{ |
|
470 padding:12px; |
|
471 } |
|
472 .is-dark-theme .block-editor-button-block-appender{ |
|
473 box-shadow:inset 0 0 0 1px #ffffffa6; |
|
474 color:#ffffffa6; |
|
475 } |
|
476 .block-editor-button-block-appender:hover{ |
|
477 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); |
|
478 color:var(--wp-admin-theme-color); |
|
479 } |
|
480 .block-editor-button-block-appender:focus{ |
|
481 box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); |
|
482 } |
|
483 .block-editor-button-block-appender:active{ |
|
484 color:#000; |
|
485 } |
|
486 |
|
487 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child{ |
|
488 pointer-events:none; |
|
489 } |
|
490 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{ |
|
491 border:1px dashed; |
|
492 border-radius:2px; |
|
493 bottom:0; |
|
494 content:""; |
|
495 left:0; |
|
496 pointer-events:none; |
|
497 position:absolute; |
|
498 right:0; |
|
499 top:0; |
|
500 } |
|
501 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before{ |
|
502 background:currentColor; |
|
503 bottom:0; |
|
504 content:""; |
|
505 left:0; |
|
506 opacity:.1; |
|
507 pointer-events:none; |
|
508 position:absolute; |
|
509 right:0; |
|
510 top:0; |
|
511 } |
|
512 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter{ |
|
513 opacity:0; |
|
514 } |
|
515 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter:focus-within,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter:focus-within,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter:focus-within,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter:focus-within{ |
|
516 opacity:1; |
|
517 } |
|
518 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after{ |
|
519 border:none; |
|
520 } |
|
521 .block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter{ |
|
522 visibility:visible; |
|
523 } |
|
524 .block-editor-block-list__block:not(.is-selected)>.block-editor-block-list__block>.block-list-appender:only-child:after{ |
|
525 border:none; |
|
526 } |
|
527 .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ |
|
528 background-color:var(--wp-admin-theme-color); |
|
529 box-shadow:inset 0 0 0 1px #ffffffa6; |
|
530 color:#ffffffa6; |
|
531 transition:background-color .2s ease-in-out; |
|
532 } |
|
533 @media (prefers-reduced-motion:reduce){ |
|
534 .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ |
|
535 transition:none; |
|
536 } |
|
537 } |
|
538 .block-editor-default-block-appender{ |
|
539 clear:both; |
|
540 margin-left:auto; |
|
541 margin-right:auto; |
|
542 position:relative; |
|
543 } |
|
544 .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ |
|
545 outline:1px solid #0000; |
|
546 } |
|
547 .block-editor-default-block-appender .block-editor-default-block-appender__content{ |
|
548 opacity:.62; |
|
549 } |
|
550 :where(.wp-site-blocks) .block-editor-default-block-appender>:first-child,:where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child{ |
|
551 margin-block-end:0; |
|
552 margin-block-start:0; |
|
553 } |
|
554 .block-editor-default-block-appender .components-drop-zone__content-icon{ |
|
555 display:none; |
|
556 } |
|
557 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ |
|
558 background:#1e1e1e; |
|
559 border-radius:2px; |
|
560 color:#fff; |
|
561 height:24px; |
|
562 min-width:24px; |
|
563 padding:0; |
|
564 } |
|
565 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ |
|
566 background:var(--wp-admin-theme-color); |
|
567 color:#fff; |
|
568 } |
|
569 |
|
570 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ |
|
571 left:0; |
|
572 line-height:0; |
|
573 position:absolute; |
|
574 top:0; |
|
575 } |
|
576 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ |
|
577 display:none; |
|
578 } |
|
579 .block-editor-block-list__block .block-list-appender{ |
|
580 bottom:0; |
|
581 left:0; |
|
582 list-style:none; |
|
583 padding:0; |
|
584 position:absolute; |
|
585 z-index:2; |
|
586 } |
|
587 .block-editor-block-list__block .block-list-appender.block-list-appender{ |
|
588 line-height:0; |
|
589 margin:0; |
|
590 } |
|
591 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ |
|
592 height:24px; |
|
593 } |
|
594 .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ |
|
595 background:#1e1e1e; |
|
596 box-shadow:none; |
|
597 color:#fff; |
|
598 display:none; |
|
599 flex-direction:row; |
|
600 height:24px; |
|
601 min-width:24px; |
|
602 padding:0 !important; |
|
603 width:24px; |
|
604 } |
|
605 .block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ |
|
606 background:var(--wp-admin-theme-color); |
|
607 color:#fff; |
|
608 } |
|
609 .block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ |
|
610 display:none; |
|
611 } |
|
612 .block-editor-block-list__block .block-list-appender:only-child{ |
|
613 align-self:center; |
|
614 left:auto; |
|
615 line-height:inherit; |
|
616 list-style:none; |
|
617 position:relative; |
|
618 } |
|
619 .block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ |
|
620 display:block; |
|
621 } |
|
622 |
|
623 .block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ |
|
624 display:flex; |
|
625 } |
|
626 |
|
627 .block-editor-default-block-appender__content{ |
|
628 cursor:text; |
|
629 } |
|
630 |
|
631 .block-editor-iframe__body{ |
|
632 position:relative; |
|
633 } |
|
634 |
|
635 .block-editor-iframe__container{ |
|
636 height:100%; |
|
637 overflow-x:hidden; |
|
638 width:100%; |
|
639 } |
|
640 |
|
641 .block-editor-iframe__scale-container{ |
|
642 display:flex; |
|
643 height:100%; |
|
644 width:100%; |
|
645 } |
|
646 |
|
647 .block-editor-iframe__scale-container.is-zoomed-out{ |
|
648 margin-right:calc((var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))*-1/2); |
|
649 width:var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw); |
|
650 } |
|
651 |
|
652 .block-editor-iframe__html{ |
|
653 transform-origin:top center; |
|
654 transition:transform .3s; |
|
655 } |
|
656 @media (prefers-reduced-motion:reduce){ |
|
657 .block-editor-iframe__html{ |
|
658 transition-delay:0s; |
|
659 transition-duration:0s; |
|
660 } |
|
661 } |
|
662 |
|
663 .block-editor-iframe__html.is-zoomed-out{ |
|
664 background-color:#ddd; |
|
665 border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd; |
|
666 margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px); |
|
667 transform:scale(var(--wp-block-editor-iframe-zoom-out-scale)); |
|
668 } |
|
669 .block-editor-iframe__html.is-zoomed-out body{ |
|
670 display:flex; |
|
671 flex-direction:column; |
|
672 min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale)); |
|
673 } |
|
674 .block-editor-iframe__html.is-zoomed-out body>.is-root-container{ |
|
675 display:flex; |
|
676 flex:1; |
|
677 flex-direction:column; |
|
678 height:100%; |
|
679 } |
|
680 .block-editor-iframe__html.is-zoomed-out body>.is-root-container>main{ |
|
681 flex:1; |
|
682 } |
|
683 |
|
684 .block-editor-block-list__layout.has-overlay:after{ |
|
685 bottom:0; |
|
686 content:""; |
|
687 left:0; |
|
688 position:absolute; |
|
689 right:0; |
|
690 top:0; |
|
691 z-index:60; |
|
692 } |
|
693 |
|
694 .block-editor-media-placeholder__url-input-form{ |
|
695 display:flex; |
|
696 } |
|
697 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ |
|
698 border:none; |
|
699 border-radius:0; |
|
700 flex-grow:1; |
|
701 margin:2px; |
|
702 min-width:200px; |
|
703 width:100%; |
|
704 } |
|
705 @media (min-width:600px){ |
|
706 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ |
|
707 width:300px; |
|
708 } |
|
709 } |
|
710 |
|
711 .block-editor-media-placeholder__url-input-submit-button{ |
|
712 flex-shrink:1; |
|
713 } |
|
714 |
|
715 .block-editor-media-placeholder__cancel-button.is-link{ |
|
716 display:block; |
|
717 margin:1em; |
|
718 } |
|
719 |
|
720 .block-editor-media-placeholder.is-appender{ |
|
721 min-height:0; |
|
722 } |
|
723 .block-editor-media-placeholder.is-appender:hover{ |
|
724 box-shadow:0 0 0 1px var(--wp-admin-theme-color); |
|
725 cursor:pointer; |
|
726 } |
|
727 |
|
728 .block-editor-plain-text{ |
|
729 border:none; |
|
730 box-shadow:none; |
|
731 color:inherit; |
|
732 font-family:inherit; |
|
733 font-size:inherit; |
|
734 line-height:inherit; |
|
735 margin:0; |
|
736 padding:0; |
|
737 width:100%; |
|
738 } |
|
739 |
|
740 .rich-text [data-rich-text-placeholder]{ |
|
741 pointer-events:none; |
|
742 } |
|
743 .rich-text [data-rich-text-placeholder]:after{ |
|
744 content:attr(data-rich-text-placeholder); |
|
745 opacity:.62; |
|
746 } |
|
747 .rich-text:focus{ |
|
748 outline:none; |
|
749 } |
|
750 .rich-text:focus [data-rich-text-format-boundary]{ |
|
751 border-radius:2px; |
|
752 } |
|
753 |
|
754 .block-editor-rich-text__editable>p:first-child{ |
|
755 margin-top:0; |
|
756 } |
|
757 |
|
758 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ |
|
759 opacity:.8; |
|
760 } |
|
761 |
|
762 [data-rich-text-script]{ |
|
763 display:inline; |
|
764 } |
|
765 [data-rich-text-script]:before{ |
|
766 background:#ff0; |
|
767 content:"</>"; |
|
768 } |
|
769 |
|
770 .block-editor-warning{ |
|
771 align-items:center; |
|
772 background-color:#fff; |
|
773 border:1px solid #1e1e1e; |
|
774 border-radius:2px; |
|
775 display:flex; |
|
776 flex-wrap:wrap; |
|
777 padding:1em; |
|
778 } |
|
779 .block-editor-warning,.block-editor-warning .block-editor-warning__message{ |
|
780 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
781 } |
|
782 .block-editor-warning .block-editor-warning__message{ |
|
783 color:#1e1e1e; |
|
784 font-size:13px; |
|
785 line-height:1.4; |
|
786 margin:0; |
|
787 } |
|
788 .block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ |
|
789 min-height:auto; |
|
790 } |
|
791 .block-editor-warning .block-editor-warning__contents{ |
|
792 align-items:baseline; |
|
793 display:flex; |
|
794 flex-direction:row; |
|
795 flex-wrap:wrap; |
|
796 justify-content:space-between; |
|
797 width:100%; |
|
798 } |
|
799 .block-editor-warning .block-editor-warning__actions{ |
|
800 align-items:center; |
|
801 display:flex; |
|
802 margin-top:1em; |
|
803 } |
|
804 .block-editor-warning .block-editor-warning__action{ |
|
805 margin:0 0 0 8px; |
|
806 } |
|
807 |
|
808 .block-editor-warning__secondary{ |
|
809 margin:auto 8px auto 0; |
|
810 } |
|
811 |
|
812 .components-popover.block-editor-warning__dropdown{ |
|
813 z-index:99998; |
|
814 } |
|
815 |
|
816 body.admin-color-light{ |
|
817 --wp-admin-theme-color:#0085ba; |
|
818 --wp-admin-theme-color--rgb:0, 133, 186; |
|
819 --wp-admin-theme-color-darker-10:#0073a1; |
|
820 --wp-admin-theme-color-darker-10--rgb:0, 115, 161; |
|
821 --wp-admin-theme-color-darker-20:#006187; |
|
822 --wp-admin-theme-color-darker-20--rgb:0, 97, 135; |
|
823 --wp-admin-border-width-focus:2px; |
|
824 } |
|
825 @media (min-resolution:192dpi){ |
|
826 body.admin-color-light{ |
|
827 --wp-admin-border-width-focus:1.5px; |
|
828 } |
|
829 } |
|
830 |
|
831 body.admin-color-modern{ |
|
832 --wp-admin-theme-color:#3858e9; |
|
833 --wp-admin-theme-color--rgb:56, 88, 233; |
|
834 --wp-admin-theme-color-darker-10:#2145e6; |
|
835 --wp-admin-theme-color-darker-10--rgb:33, 69, 230; |
|
836 --wp-admin-theme-color-darker-20:#183ad6; |
|
837 --wp-admin-theme-color-darker-20--rgb:24, 58, 214; |
|
838 --wp-admin-border-width-focus:2px; |
|
839 } |
|
840 @media (min-resolution:192dpi){ |
|
841 body.admin-color-modern{ |
|
842 --wp-admin-border-width-focus:1.5px; |
|
843 } |
|
844 } |
|
845 |
|
846 body.admin-color-blue{ |
|
847 --wp-admin-theme-color:#096484; |
|
848 --wp-admin-theme-color--rgb:9, 100, 132; |
|
849 --wp-admin-theme-color-darker-10:#07526c; |
|
850 --wp-admin-theme-color-darker-10--rgb:7, 82, 108; |
|
851 --wp-admin-theme-color-darker-20:#064054; |
|
852 --wp-admin-theme-color-darker-20--rgb:6, 64, 84; |
|
853 --wp-admin-border-width-focus:2px; |
|
854 } |
|
855 @media (min-resolution:192dpi){ |
|
856 body.admin-color-blue{ |
|
857 --wp-admin-border-width-focus:1.5px; |
|
858 } |
|
859 } |
|
860 |
|
861 body.admin-color-coffee{ |
|
862 --wp-admin-theme-color:#46403c; |
|
863 --wp-admin-theme-color--rgb:70, 64, 60; |
|
864 --wp-admin-theme-color-darker-10:#383330; |
|
865 --wp-admin-theme-color-darker-10--rgb:56, 51, 48; |
|
866 --wp-admin-theme-color-darker-20:#2b2724; |
|
867 --wp-admin-theme-color-darker-20--rgb:43, 39, 36; |
|
868 --wp-admin-border-width-focus:2px; |
|
869 } |
|
870 @media (min-resolution:192dpi){ |
|
871 body.admin-color-coffee{ |
|
872 --wp-admin-border-width-focus:1.5px; |
|
873 } |
|
874 } |
|
875 |
|
876 body.admin-color-ectoplasm{ |
|
877 --wp-admin-theme-color:#523f6d; |
|
878 --wp-admin-theme-color--rgb:82, 63, 109; |
|
879 --wp-admin-theme-color-darker-10:#46365d; |
|
880 --wp-admin-theme-color-darker-10--rgb:70, 54, 93; |
|
881 --wp-admin-theme-color-darker-20:#3a2c4d; |
|
882 --wp-admin-theme-color-darker-20--rgb:58, 44, 77; |
|
883 --wp-admin-border-width-focus:2px; |
|
884 } |
|
885 @media (min-resolution:192dpi){ |
|
886 body.admin-color-ectoplasm{ |
|
887 --wp-admin-border-width-focus:1.5px; |
|
888 } |
|
889 } |
|
890 |
|
891 body.admin-color-midnight{ |
|
892 --wp-admin-theme-color:#e14d43; |
|
893 --wp-admin-theme-color--rgb:225, 77, 67; |
|
894 --wp-admin-theme-color-darker-10:#dd382d; |
|
895 --wp-admin-theme-color-darker-10--rgb:221, 56, 45; |
|
896 --wp-admin-theme-color-darker-20:#d02c21; |
|
897 --wp-admin-theme-color-darker-20--rgb:208, 44, 33; |
|
898 --wp-admin-border-width-focus:2px; |
|
899 } |
|
900 @media (min-resolution:192dpi){ |
|
901 body.admin-color-midnight{ |
|
902 --wp-admin-border-width-focus:1.5px; |
|
903 } |
|
904 } |
|
905 |
|
906 body.admin-color-ocean{ |
|
907 --wp-admin-theme-color:#627c83; |
|
908 --wp-admin-theme-color--rgb:98, 124, 131; |
|
909 --wp-admin-theme-color-darker-10:#576e74; |
|
910 --wp-admin-theme-color-darker-10--rgb:87, 110, 116; |
|
911 --wp-admin-theme-color-darker-20:#4c6066; |
|
912 --wp-admin-theme-color-darker-20--rgb:76, 96, 102; |
|
913 --wp-admin-border-width-focus:2px; |
|
914 } |
|
915 @media (min-resolution:192dpi){ |
|
916 body.admin-color-ocean{ |
|
917 --wp-admin-border-width-focus:1.5px; |
|
918 } |
|
919 } |
|
920 |
|
921 body.admin-color-sunrise{ |
|
922 --wp-admin-theme-color:#dd823b; |
|
923 --wp-admin-theme-color--rgb:221, 130, 59; |
|
924 --wp-admin-theme-color-darker-10:#d97426; |
|
925 --wp-admin-theme-color-darker-10--rgb:217, 116, 38; |
|
926 --wp-admin-theme-color-darker-20:#c36922; |
|
927 --wp-admin-theme-color-darker-20--rgb:195, 105, 34; |
|
928 --wp-admin-border-width-focus:2px; |
|
929 } |
|
930 @media (min-resolution:192dpi){ |
|
931 body.admin-color-sunrise{ |
|
932 --wp-admin-border-width-focus:1.5px; |
|
933 } |
|
934 } |