1 /** |
1 ul.wp-block-archives{ |
2 * Colors |
2 padding-right:2.5em; |
3 */ |
3 } |
4 /** |
4 |
5 * Breakpoints & Media Queries |
5 .wp-block-audio{ |
6 */ |
6 margin-left:0; |
7 /** |
7 margin-right:0; |
8 * SCSS Variables. |
8 position:relative; |
9 * |
9 } |
10 * Please use variables from this sheet to ensure consistency across the UI. |
10 .wp-block-audio.is-transient audio{ |
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
11 opacity:.3; |
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
12 } |
13 */ |
13 .wp-block-audio .components-spinner{ |
14 /** |
14 margin-right:-9px; |
15 * Colors |
15 margin-top:-9px; |
16 */ |
16 position:absolute; |
17 /** |
17 right:50%; |
18 * Fonts & basic variables. |
18 top:50%; |
19 */ |
19 } |
20 /** |
20 |
21 * Grid System. |
21 .wp-block-avatar__image img{ |
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
22 width:100%; |
23 */ |
23 } |
24 /** |
24 |
25 * Dimensions. |
25 .wp-block-avatar.aligncenter .components-resizable-box__container{ |
26 */ |
26 margin:0 auto; |
27 /** |
27 } |
28 * Shadows. |
28 |
29 */ |
29 .wp-block[data-align=center]>.wp-block-button{ |
30 /** |
30 margin-left:auto; |
31 * Editor widths. |
31 margin-right:auto; |
32 */ |
32 text-align:center; |
33 /** |
33 } |
34 * Block & Editor UI. |
34 |
35 */ |
35 .wp-block[data-align=right]>.wp-block-button{ |
36 /** |
36 text-align:right; |
37 * Block paddings. |
37 } |
38 */ |
38 |
39 /** |
39 .wp-block-button{ |
40 * React Native specific. |
40 cursor:text; |
41 * These variables do not appear to be used anywhere else. |
41 position:relative; |
42 */ |
42 } |
43 /** |
43 .wp-block-button:focus{ |
44 * Converts a hex value into the rgb equivalent. |
44 box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); |
45 * |
45 outline:2px solid #0000; |
46 * @param {string} hex - the hexadecimal value to convert |
46 outline-offset:-2px; |
47 * @return {string} comma separated rgb values |
47 } |
48 */ |
48 .wp-block-button[data-rich-text-placeholder]:after{ |
49 /** |
49 opacity:.8; |
50 * Breakpoint mixins |
50 } |
51 */ |
51 |
52 /** |
52 div[data-type="core/button"]{ |
53 * Long content fade mixin |
53 display:table; |
54 * |
54 } |
55 * Creates a fading overlay to signify that the content is longer |
55 |
56 * than the space allows. |
56 .editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ |
57 */ |
57 text-decoration:inherit; |
58 /** |
58 } |
59 * Focus styles. |
59 .wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ |
60 */ |
60 margin:0; |
61 /** |
61 } |
62 * Applies editor left position to the selector passed as argument |
62 .wp-block-buttons>.block-list-appender{ |
63 */ |
63 align-items:center; |
64 /** |
64 display:inline-flex; |
65 * Styles that are reused verbatim in a few places |
65 } |
66 */ |
66 .wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{ |
67 /** |
67 justify-content:flex-start; |
68 * Allows users to opt-out of animations via OS-level preferences. |
68 } |
69 */ |
69 .wp-block-buttons>.wp-block-button:focus{ |
70 /** |
70 box-shadow:none; |
71 * Reset default styles for JavaScript UI based pages. |
71 } |
72 * This is a WP-admin agnostic reset |
72 .wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{ |
73 */ |
73 margin-left:auto; |
74 /** |
74 margin-right:auto; |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 margin-top:0; |
76 */ |
76 width:100%; |
77 ul.wp-block-archives { |
77 } |
78 padding-right: 2.5em; |
78 .wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{ |
79 } |
79 margin-bottom:0; |
80 |
80 } |
81 .wp-block-audio { |
81 .editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{ |
82 margin-right: 0; |
82 font-size:inherit; |
83 margin-left: 0; |
83 } |
84 position: relative; |
84 |
85 } |
85 .wp-block[data-align=center]>.wp-block-buttons{ |
86 .wp-block-audio.is-transient audio { |
86 align-items:center; |
87 opacity: 0.3; |
87 justify-content:center; |
88 } |
88 } |
89 .wp-block-audio .components-spinner { |
89 |
90 position: absolute; |
90 .wp-block[data-align=right]>.wp-block-buttons{ |
91 top: 50%; |
91 justify-content:flex-end; |
92 right: 50%; |
92 } |
93 margin-top: -9px; |
93 |
94 margin-right: -9px; |
94 .wp-block-categories ul{ |
95 } |
95 padding-right:2.5em; |
96 |
96 } |
97 .wp-block-avatar__image img { |
97 .wp-block-categories ul ul{ |
98 width: 100%; |
98 margin-top:6px; |
99 } |
99 } |
100 |
100 [data-align=center] .wp-block-categories{ |
101 .wp-block-avatar.aligncenter .components-resizable-box__container { |
101 text-align:center; |
102 margin: 0 auto; |
102 } |
103 } |
103 |
104 |
104 .wp-block-code code{ |
105 .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { |
105 background:none; |
106 padding-right: 0; |
106 } |
107 padding-left: 0; |
107 |
108 } |
108 .wp-block-columns :where(.wp-block){ |
109 .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { |
109 margin-left:0; |
110 display: block; |
110 margin-right:0; |
111 } |
111 max-width:none; |
112 .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { |
112 } |
113 display: none; |
113 |
114 } |
114 html :where(.wp-block-column){ |
115 |
115 margin-bottom:0; |
116 .wp-block[data-align=center] > .wp-block-button { |
116 margin-top:0; |
117 text-align: center; |
117 } |
118 margin-right: auto; |
118 .wp-block-comments__legacy-placeholder,.wp-block-post-comments{ |
119 margin-left: auto; |
119 box-sizing:border-box; |
120 } |
120 } |
121 |
121 .wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ |
122 .wp-block[data-align=right] > .wp-block-button { |
122 float:right; |
123 text-align: right; |
123 } |
124 } |
124 .wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{ |
125 |
125 float:left; |
126 .wp-block-button { |
126 } |
127 position: relative; |
127 .wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{ |
128 cursor: text; |
128 clear:both; |
129 } |
129 content:""; |
130 .wp-block-button:focus { |
130 display:table; |
131 box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); |
131 } |
132 outline: 2px solid transparent; |
132 .wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{ |
133 outline-offset: -2px; |
133 clear:both; |
134 } |
134 list-style:none; |
135 .wp-block-button[data-rich-text-placeholder]::after { |
135 margin:0; |
136 opacity: 0.8; |
136 padding:0; |
137 } |
137 } |
138 |
138 .wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{ |
139 .wp-block-button__inline-link { |
139 min-height:2.25em; |
140 color: #757575; |
140 padding-right:3.25em; |
141 height: 0; |
141 } |
142 overflow: hidden; |
142 .wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{ |
143 max-width: 290px; |
143 font-size:1em; |
144 } |
144 line-height:1.8; |
145 .wp-block-button__inline-link-input__suggestions { |
145 margin:1em 0; |
146 max-width: 290px; |
146 } |
147 } |
147 .wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{ |
148 @media (min-width: 782px) { |
148 list-style:none; |
149 .wp-block-button__inline-link { |
149 margin:0; |
150 max-width: 260px; |
150 padding:0; |
151 } |
151 } |
152 .wp-block-button__inline-link-input__suggestions { |
152 .wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{ |
153 max-width: 260px; |
153 line-height:1.5; |
154 } |
154 } |
155 } |
155 .wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{ |
156 @media (min-width: 960px) { |
156 border-radius:1.5em; |
157 .wp-block-button__inline-link { |
157 display:block; |
158 max-width: 290px; |
158 float:right; |
159 } |
159 height:2.5em; |
160 .wp-block-button__inline-link-input__suggestions { |
160 margin-left:.75em; |
161 max-width: 290px; |
161 margin-top:.5em; |
162 } |
162 width:2.5em; |
163 } |
163 } |
164 .is-selected .wp-block-button__inline-link { |
164 .wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{ |
165 height: auto; |
165 font-style:normal; |
166 overflow: visible; |
166 } |
167 } |
167 .wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{ |
168 |
168 font-size:.875em; |
169 .wp-button-label__width .components-button-group { |
169 line-height:1.5; |
170 display: block; |
170 } |
171 } |
171 .wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{ |
172 .wp-button-label__width .components-base-control__field { |
172 font-weight:400; |
173 margin-bottom: 12px; |
173 } |
174 } |
174 .wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ |
175 |
175 display:block; |
176 div[data-type="core/button"] { |
176 margin-bottom:1em; |
177 display: table; |
177 margin-top:1em; |
178 } |
178 } |
179 |
179 .wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{ |
180 .wp-block-buttons { |
180 font-size:.875em; |
181 /* stylelint-disable indentation */ |
181 } |
182 } |
182 .wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ |
183 .wp-block-buttons > .wp-block { |
183 display:block; |
184 margin: 0; |
184 margin-bottom:.25em; |
185 } |
185 } |
186 .wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { |
186 .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ |
187 margin: 0; |
187 box-sizing:border-box; |
188 } |
188 display:block; |
189 .wp-block-buttons > .block-list-appender { |
189 width:100%; |
190 display: inline-flex; |
190 } |
191 align-items: center; |
191 .wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{ |
192 } |
192 display:flex; |
193 .wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { |
193 gap:.25em; |
194 justify-content: flex-start; |
194 } |
195 } |
195 .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ |
196 .wp-block-buttons > .wp-block-button:focus { |
196 margin-top:.35em; |
197 box-shadow: none; |
197 } |
198 } |
198 .wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{ |
199 .wp-block-buttons:not(.is-content-justification-space-between, |
199 margin-bottom:0; |
200 .is-content-justification-right, |
200 } |
201 .is-content-justification-left, |
201 .wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){ |
202 .is-content-justification-center) .wp-block[data-align=center] { |
202 font-size:var(--wp--preset--font-size--medium, smaller); |
203 /* stylelint-enable indentation */ |
203 margin-right:.5em; |
204 margin-right: auto; |
204 } |
205 margin-left: auto; |
205 .wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{ |
206 margin-top: 0; |
206 font-size:.875em; |
207 width: 100%; |
207 margin-bottom:1.4em; |
208 } |
208 } |
209 .wp-block-buttons:not(.is-content-justification-space-between, |
209 .wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ |
210 .is-content-justification-right, |
210 border:1px solid #949494; |
211 .is-content-justification-left, |
211 font-family:inherit; |
212 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button { |
212 font-size:1em; |
213 margin-bottom: 0; |
213 } |
214 } |
214 .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ |
215 |
215 padding:calc(.667em + 2px); |
216 .wp-block[data-align=center] > .wp-block-buttons { |
216 } |
217 align-items: center; |
217 |
218 justify-content: center; |
218 :where(.wp-block-post-comments input[type=submit]){ |
219 } |
219 border:none; |
220 |
220 } |
221 .wp-block[data-align=right] > .wp-block-buttons { |
221 |
222 justify-content: flex-end; |
222 .block-library-comments-toolbar__popover .components-popover__content{ |
223 } |
223 min-width:230px; |
224 |
224 } |
225 .wp-block-categories ul { |
225 |
226 padding-right: 2.5em; |
226 .wp-block-comments__legacy-placeholder *{ |
227 } |
227 pointer-events:none; |
228 .wp-block-categories ul ul { |
228 } |
229 margin-top: 6px; |
229 |
230 } |
230 .wp-block-comment-author-avatar__placeholder{ |
231 |
231 border:1px dashed; |
232 .wp-block-columns :where(.wp-block) { |
232 height:100%; |
233 max-width: none; |
233 width:100%; |
234 margin-right: 0; |
234 stroke:currentColor; |
235 margin-left: 0; |
235 stroke-dasharray:3; |
236 } |
236 } |
237 |
237 |
238 html :where(.wp-block-column) { |
238 .wp-block[data-align=center]>.wp-block-comments-pagination{ |
239 margin-top: 0; |
239 justify-content:center; |
240 margin-bottom: 0; |
240 } |
241 } |
241 |
242 |
242 .editor-styles-wrapper .wp-block-comments-pagination{ |
243 .wp-block-comment-author-avatar__placeholder { |
243 max-width:100%; |
244 border: currentColor 1px dashed; |
244 } |
245 width: 100%; |
245 .editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{ |
246 height: 100%; |
246 margin:0; |
247 stroke: currentColor; |
247 } |
248 stroke-dasharray: 3; |
248 |
249 } |
249 .wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ |
250 |
250 margin-bottom:.5em; |
251 .block-library-comments-toolbar__popover .components-popover__content { |
251 margin-right:.5em; |
252 min-width: 230px; |
252 margin-top:.5em; |
253 } |
253 } |
254 |
254 .wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ |
255 .wp-block[data-align=center] > .wp-block-comments-pagination { |
255 margin-right:0; |
256 justify-content: center; |
256 } |
257 } |
257 |
258 |
258 .wp-block-comments-pagination-numbers a{ |
259 .editor-styles-wrapper .wp-block-comments-pagination { |
259 text-decoration:underline; |
260 max-width: 100%; |
260 } |
261 } |
261 .wp-block-comments-pagination-numbers .page-numbers{ |
262 .editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { |
262 margin-left:2px; |
263 margin: 0; |
263 } |
264 } |
264 .wp-block-comments-pagination-numbers .page-numbers:last-child{ |
265 |
265 margin-right:0; |
266 .wp-block-comments-pagination > .wp-block-comments-pagination-next, |
266 } |
267 .wp-block-comments-pagination > .wp-block-comments-pagination-previous, |
267 |
268 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers { |
268 .wp-block-comments-title.has-background{ |
269 margin-right: 0; |
269 padding:inherit; |
270 margin-top: 0.5em; |
270 } |
271 margin-right: 0.5em; |
271 .editor-styles-wrapper .wp-block-cover{ |
272 margin-bottom: 0.5em; |
272 box-sizing:border-box; |
273 } |
273 } |
274 .wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, |
274 .wp-block-cover.is-placeholder{ |
275 .wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, |
275 align-items:stretch; |
276 .wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { |
276 display:flex; |
277 margin-right: 0; |
277 min-height:240px; |
278 } |
278 padding:0 !important; |
279 |
279 } |
280 .wp-block-comments-pagination-numbers a { |
280 .wp-block-cover.is-placeholder .components-placeholder.is-large{ |
281 text-decoration: underline; |
281 justify-content:flex-start; |
282 } |
282 z-index:1; |
283 .wp-block-comments-pagination-numbers .page-numbers { |
283 } |
284 margin-left: 2px; |
284 .wp-block-cover.is-placeholder:focus:after{ |
285 } |
285 min-height:auto; |
286 .wp-block-comments-pagination-numbers .page-numbers:last-child { |
286 } |
287 margin-right: 0; |
287 .wp-block-cover.components-placeholder h2{ |
288 } |
288 color:inherit; |
289 |
289 } |
290 .wp-block-comments-title.has-background { |
290 .wp-block-cover.is-transient{ |
291 padding: inherit; |
291 position:relative; |
292 } |
292 } |
293 |
293 .wp-block-cover.is-transient:before{ |
294 .wp-block-cover { |
294 background-color:#fff; |
295 /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ |
295 content:""; |
296 } |
296 height:100%; |
297 .editor-styles-wrapper .wp-block-cover { |
297 opacity:.3; |
298 box-sizing: border-box; |
298 position:absolute; |
299 } |
299 width:100%; |
300 .wp-block-cover.is-placeholder { |
300 z-index:1; |
301 min-height: auto !important; |
301 } |
302 padding: 0 !important; |
302 .wp-block-cover .components-spinner{ |
303 } |
303 margin:0; |
304 .wp-block-cover.is-placeholder .block-library-cover__resize-container { |
304 position:absolute; |
305 display: none; |
305 right:50%; |
306 } |
306 top:50%; |
307 .wp-block-cover.is-placeholder .components-placeholder.is-large { |
307 transform:translate(50%, -50%); |
308 min-height: 240px; |
308 z-index:1; |
309 justify-content: flex-start; |
309 } |
310 z-index: 1; |
310 .wp-block-cover .wp-block-cover__inner-container{ |
311 } |
311 margin-left:0; |
312 .wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { |
312 margin-right:0; |
313 min-height: 240px; |
313 text-align:right; |
314 display: block; |
314 } |
315 } |
315 .wp-block-cover .wp-block-cover__placeholder-background-options{ |
316 .wp-block-cover.components-placeholder h2 { |
316 width:100%; |
317 color: inherit; |
317 } |
318 } |
318 .wp-block-cover .wp-block-cover__image--placeholder-image{ |
319 .wp-block-cover.is-transient::before { |
319 bottom:0; |
320 background-color: #fff; |
320 left:0; |
321 opacity: 0.3; |
321 position:absolute; |
322 } |
322 right:0; |
323 .wp-block-cover .components-spinner { |
323 top:0; |
324 position: absolute; |
324 } |
325 z-index: 1; |
325 |
326 top: 50%; |
326 [data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ |
327 right: 50%; |
327 max-width:420px; |
328 transform: translate(50%, -50%); |
328 width:100%; |
329 margin: 0; |
329 } |
330 } |
330 |
331 .wp-block-cover .block-editor-block-list__layout { |
331 .block-library-cover__reset-button{ |
332 width: 100%; |
332 margin-right:auto; |
333 } |
333 } |
334 .wp-block-cover .wp-block-cover__inner-container { |
334 |
335 text-align: right; |
335 .block-library-cover__resize-container{ |
336 margin-right: 0; |
336 bottom:0; |
337 margin-left: 0; |
337 left:0; |
338 } |
338 min-height:50px; |
339 .wp-block-cover .wp-block-cover__placeholder-background-options { |
339 position:absolute !important; |
340 width: 100%; |
340 right:0; |
341 } |
341 top:0; |
342 |
342 } |
343 [data-align=left] > .wp-block-cover, |
343 |
344 [data-align=right] > .wp-block-cover { |
344 .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{ |
345 max-width: 420px; |
345 overflow:visible; |
346 width: 100%; |
346 pointer-events:none; |
347 } |
347 } |
348 |
348 |
349 .block-library-cover__reset-button { |
349 .wp-block-cover>.components-drop-zone .components-drop-zone__content{ |
350 margin-right: auto; |
350 opacity:.8 !important; |
351 } |
351 } |
352 |
352 |
353 .block-library-cover__resize-container { |
353 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ |
354 position: absolute !important; |
354 background-attachment:scroll; |
355 top: 0; |
355 } |
356 right: 0; |
356 |
357 left: 0; |
357 .color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ |
358 bottom: 0; |
358 margin-top:24px; |
359 min-height: 50px; |
359 } |
360 } |
360 |
361 |
361 .wp-block-details summary div{ |
362 .block-library-cover__resize-container:not(.is-resizing) { |
362 display:inline; |
363 height: auto !important; |
363 } |
364 } |
364 |
365 |
365 .wp-block-embed{ |
366 .wp-block-cover > .components-drop-zone .components-drop-zone__content { |
366 clear:both; |
367 opacity: 0.8 !important; |
367 margin-left:0; |
368 } |
368 margin-right:0; |
369 |
369 } |
370 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { |
370 .wp-block-embed.is-loading{ |
371 background-attachment: scroll; |
371 display:flex; |
372 } |
372 justify-content:center; |
373 |
373 } |
374 .wp-block-embed { |
374 .wp-block-embed .components-placeholder__error{ |
375 margin-right: 0; |
375 word-break:break-word; |
376 margin-left: 0; |
376 } |
377 clear: both; |
377 |
378 } |
378 .wp-block-post-content .wp-block-embed__learn-more a{ |
379 .wp-block-embed.is-loading { |
379 color:var(--wp-admin-theme-color); |
380 display: flex; |
380 } |
381 justify-content: center; |
381 |
382 } |
382 .block-library-embed__interactive-overlay{ |
383 .wp-block-embed .components-placeholder__error { |
383 bottom:0; |
384 word-break: break-word; |
384 left:0; |
385 } |
385 opacity:0; |
386 .wp-block-embed .components-placeholder__learn-more { |
386 position:absolute; |
387 margin-top: 1em; |
387 right:0; |
388 } |
388 top:0; |
389 |
389 } |
390 .block-library-embed__interactive-overlay { |
390 |
391 position: absolute; |
391 .wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{ |
392 top: 0; |
392 max-width:360px; |
393 right: 0; |
393 width:100%; |
394 left: 0; |
394 } |
395 bottom: 0; |
395 .wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{ |
396 opacity: 0; |
396 min-width:280px; |
397 } |
397 } |
398 |
398 |
399 .wp-block[data-align=left] > .wp-block-embed, |
399 .wp-block-file{ |
400 .wp-block[data-align=right] > .wp-block-embed { |
400 align-items:center; |
401 max-width: 360px; |
401 display:flex; |
402 width: 100%; |
402 flex-wrap:wrap; |
403 } |
403 justify-content:space-between; |
404 .wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, |
404 margin-bottom:0; |
405 .wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { |
405 } |
406 min-width: 280px; |
406 .wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ |
407 } |
407 height:auto; |
408 |
408 } |
409 .wp-block-file { |
409 .wp-block[data-align=center]>.wp-block-file{ |
410 display: flex; |
410 text-align:center; |
411 flex-wrap: wrap; |
411 } |
412 justify-content: space-between; |
412 .wp-block-file .components-resizable-box__container{ |
413 align-items: center; |
413 margin-bottom:1em; |
414 margin-bottom: 0; |
414 } |
415 } |
415 .wp-block-file .wp-block-file__preview{ |
416 .wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { |
416 height:100%; |
417 height: auto; |
417 margin-bottom:1em; |
418 } |
418 width:100%; |
419 .wp-block-file .components-resizable-box__container { |
419 } |
420 margin-bottom: 1em; |
420 .wp-block-file .wp-block-file__preview-overlay{ |
421 } |
421 bottom:0; |
422 .wp-block-file .wp-block-file__preview { |
422 left:0; |
423 margin-bottom: 1em; |
423 position:absolute; |
424 width: 100%; |
424 right:0; |
425 height: 100%; |
425 top:0; |
426 } |
426 } |
427 .wp-block-file .wp-block-file__preview-overlay { |
427 .wp-block-file .wp-block-file__content-wrapper{ |
428 position: absolute; |
428 flex-grow:1; |
429 top: 0; |
429 } |
430 left: 0; |
430 .wp-block-file a{ |
431 bottom: 0; |
431 min-width:1em; |
432 right: 0; |
432 } |
433 } |
433 .wp-block-file a:not(.wp-block-file__button){ |
434 .wp-block-file .wp-block-file__content-wrapper { |
434 display:inline-block; |
435 flex-grow: 1; |
435 } |
436 } |
436 .wp-block-file .wp-block-file__button-richtext-wrapper{ |
437 .wp-block-file a { |
437 display:inline-block; |
438 min-width: 1em; |
438 margin-right:.75em; |
439 } |
439 } |
440 .wp-block-file .wp-block-file__button-richtext-wrapper { |
440 |
441 display: inline-block; |
441 .wp-block-form-input .is-input-hidden{ |
442 margin-right: 0.75em; |
442 background:repeating-linear-gradient(-45deg, #0000, #0000 5px, currentColor 0, currentColor 6px); |
443 } |
443 border:1px dashed; |
444 |
444 box-sizing:border-box; |
445 .wp-block-freeform.block-library-rich-text__tinymce { |
445 font-size:.85em; |
446 height: auto; |
446 opacity:.3; |
447 /* Allow height of embed iframes to be calculated properly */ |
447 padding:.5em; |
448 /* Remove blue highlighting of selected images in WebKit */ |
448 } |
449 /* Image captions */ |
449 .wp-block-form-input .is-input-hidden input[type=text]{ |
450 /* WP Views */ |
450 background:#0000; |
451 } |
451 } |
452 .wp-block-freeform.block-library-rich-text__tinymce p, |
452 .wp-block-form-input.is-selected .is-input-hidden{ |
453 .wp-block-freeform.block-library-rich-text__tinymce li { |
453 background:none; |
454 line-height: 1.8; |
454 opacity:1; |
455 } |
455 } |
456 .wp-block-freeform.block-library-rich-text__tinymce ul, |
456 .wp-block-form-input.is-selected .is-input-hidden input[type=text]{ |
457 .wp-block-freeform.block-library-rich-text__tinymce ol { |
457 background:unset; |
458 padding-right: 2.5em; |
458 } |
459 margin-right: 0; |
459 |
460 } |
460 .wp-block-form-submission-notification>*{ |
461 .wp-block-freeform.block-library-rich-text__tinymce blockquote { |
461 background:repeating-linear-gradient(-45deg, #0000, #0000 5px, currentColor 0, currentColor 6px); |
462 margin: 0; |
462 border:1px dashed; |
463 box-shadow: inset 0 0 0 0 #ddd; |
463 box-sizing:border-box; |
464 border-right: 4px solid #000; |
464 opacity:.25; |
465 padding-right: 1em; |
465 } |
466 } |
466 .wp-block-form-submission-notification.is-selected>*,.wp-block-form-submission-notification:has(.is-selected)>*{ |
467 .wp-block-freeform.block-library-rich-text__tinymce pre { |
467 background:none; |
468 white-space: pre-wrap; |
468 opacity:1; |
469 font-family: Menlo, Consolas, monaco, monospace; |
469 } |
470 font-size: 15px; |
470 .wp-block-form-submission-notification.is-selected:after,.wp-block-form-submission-notification:has(.is-selected):after{ |
471 color: #1e1e1e; |
471 display:none !important; |
472 } |
472 } |
473 .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { |
473 .wp-block-form-submission-notification:after{ |
474 margin-top: 0; |
474 align-items:center; |
475 } |
475 display:flex; |
476 .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { |
476 font-size:1.1em; |
477 margin-bottom: 0; |
477 height:100%; |
478 } |
478 justify-content:center; |
479 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { |
479 position:absolute; |
480 outline: none; |
480 right:0; |
481 } |
481 top:0; |
482 .wp-block-freeform.block-library-rich-text__tinymce a { |
482 width:100%; |
483 color: var(--wp-admin-theme-color); |
483 } |
484 } |
484 .wp-block-form-submission-notification.form-notification-type-success:after{ |
485 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { |
485 content:attr(data-message-success); |
486 padding: 0 2px; |
486 } |
487 margin: 0 -2px; |
487 .wp-block-form-submission-notification.form-notification-type-error:after{ |
488 border-radius: 2px; |
488 content:attr(data-message-error); |
489 box-shadow: 0 0 0 1px #e5f5fa; |
489 } |
490 background: #e5f5fa; |
490 |
491 } |
491 .wp-block-freeform.block-library-rich-text__tinymce{ |
492 .wp-block-freeform.block-library-rich-text__tinymce code { |
492 height:auto; |
493 padding: 2px; |
493 } |
494 border-radius: 2px; |
494 .wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ |
495 color: #1e1e1e; |
495 line-height:1.8; |
496 background: #f0f0f0; |
496 } |
497 font-family: Menlo, Consolas, monaco, monospace; |
497 .wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ |
498 font-size: 14px; |
498 margin-right:0; |
499 } |
499 padding-right:2.5em; |
500 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { |
500 } |
501 background: #ddd; |
501 .wp-block-freeform.block-library-rich-text__tinymce blockquote{ |
502 } |
502 border-right:4px solid #000; |
503 .wp-block-freeform.block-library-rich-text__tinymce .alignright { |
503 box-shadow:inset 0 0 0 0 #ddd; |
504 float: right; |
504 margin:0; |
505 margin: 0.5em 0 0.5em 1em; |
505 padding-right:1em; |
506 } |
506 } |
507 .wp-block-freeform.block-library-rich-text__tinymce .alignleft { |
507 .wp-block-freeform.block-library-rich-text__tinymce pre{ |
508 float: left; |
508 color:#1e1e1e; |
509 margin: 0.5em 1em 0.5em 0; |
509 font-family:Menlo,Consolas,monaco,monospace; |
510 } |
510 font-size:15px; |
511 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { |
511 white-space:pre-wrap; |
512 display: block; |
512 } |
513 margin-right: auto; |
513 .wp-block-freeform.block-library-rich-text__tinymce>:first-child{ |
514 margin-left: auto; |
514 margin-top:0; |
515 } |
515 } |
516 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { |
516 .wp-block-freeform.block-library-rich-text__tinymce>:last-child{ |
517 width: 96%; |
517 margin-bottom:0; |
518 height: 20px; |
518 } |
519 display: block; |
519 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ |
520 margin: 15px auto; |
520 outline:none; |
521 outline: 0; |
521 } |
522 cursor: default; |
522 .wp-block-freeform.block-library-rich-text__tinymce a{ |
523 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); |
523 color:var(--wp-admin-theme-color); |
524 background-size: 1900px 20px; |
524 } |
525 background-repeat: no-repeat; |
525 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ |
526 background-position: center; |
526 background:#e5f5fa; |
527 } |
527 border-radius:2px; |
528 .wp-block-freeform.block-library-rich-text__tinymce img::selection { |
528 box-shadow:0 0 0 1px #e5f5fa; |
529 background-color: transparent; |
529 margin:0 -2px; |
530 } |
530 padding:0 2px; |
531 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { |
531 } |
532 -ms-user-select: element; |
532 .wp-block-freeform.block-library-rich-text__tinymce code{ |
533 } |
533 background:#f0f0f0; |
534 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { |
534 border-radius:2px; |
535 margin: 0; |
535 color:#1e1e1e; |
536 /* dl browser reset */ |
536 font-family:Menlo,Consolas,monaco,monospace; |
537 max-width: 100%; |
537 font-size:14px; |
538 } |
538 padding:2px; |
539 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, |
539 } |
540 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { |
540 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ |
541 display: block; |
541 background:#ddd; |
542 } |
542 } |
543 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { |
543 .wp-block-freeform.block-library-rich-text__tinymce .alignright{ |
544 -webkit-user-drag: none; |
544 float:right; |
545 } |
545 margin:.5em 0 .5em 1em; |
546 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { |
546 } |
547 padding-top: 0.5em; |
547 .wp-block-freeform.block-library-rich-text__tinymce .alignleft{ |
548 margin: 0; |
548 float:left; |
549 /* browser dd reset */ |
549 margin:.5em 1em .5em 0; |
550 } |
550 } |
551 .wp-block-freeform.block-library-rich-text__tinymce .wpview { |
551 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ |
552 width: 99.99%; |
552 display:block; |
553 /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ |
553 margin-left:auto; |
554 position: relative; |
554 margin-right:auto; |
555 clear: both; |
555 } |
556 margin-bottom: 16px; |
556 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ |
557 border: 1px solid transparent; |
557 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); |
558 } |
558 background-position:50%; |
559 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { |
559 background-repeat:no-repeat; |
560 display: block; |
560 background-size:1900px 20px; |
561 max-width: 100%; |
561 cursor:default; |
562 background: transparent; |
562 display:block; |
563 } |
563 height:20px; |
564 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { |
564 margin:15px auto; |
565 position: absolute; |
565 outline:0; |
566 top: 0; |
566 width:96%; |
567 left: 0; |
567 } |
568 bottom: 0; |
568 .wp-block-freeform.block-library-rich-text__tinymce img::selection{ |
569 right: 0; |
569 background-color:initial; |
570 } |
570 } |
571 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { |
571 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ |
572 display: none; |
572 -ms-user-select:element; |
573 } |
573 } |
574 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { |
574 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ |
575 border: 1px dashed #ddd; |
575 margin:0; |
576 padding: 10px; |
576 max-width:100%; |
577 } |
577 } |
578 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { |
578 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ |
579 border: 1px solid #ddd; |
579 display:block; |
580 padding: 1em 0; |
580 } |
581 margin: 0; |
581 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ |
582 word-wrap: break-word; |
582 -webkit-user-drag:none; |
583 } |
583 } |
584 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { |
584 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ |
585 margin: 0; |
585 margin:0; |
586 text-align: center; |
586 padding-top:.5em; |
587 } |
587 } |
588 .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 { |
588 .wp-block-freeform.block-library-rich-text__tinymce .wpview{ |
589 border-color: transparent; |
589 border:1px solid #0000; |
590 } |
590 clear:both; |
591 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { |
591 margin-bottom:16px; |
592 display: block; |
592 position:relative; |
593 margin: 0 auto; |
593 width:99.99%; |
594 width: 32px; |
594 } |
595 height: 32px; |
595 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ |
596 font-size: 32px; |
596 background:#0000; |
597 } |
597 display:block; |
598 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { |
598 max-width:100%; |
599 content: ""; |
599 } |
600 display: table; |
600 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ |
601 clear: both; |
601 bottom:0; |
602 } |
602 left:0; |
603 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { |
603 position:absolute; |
604 outline: none; |
604 right:0; |
605 } |
605 top:0; |
606 .wp-block-freeform.block-library-rich-text__tinymce .gallery a { |
606 } |
607 cursor: default; |
607 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ |
608 } |
608 display:none; |
609 .wp-block-freeform.block-library-rich-text__tinymce .gallery { |
609 } |
610 margin: auto -6px; |
610 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ |
611 padding: 6px 0; |
611 border:1px dashed #ddd; |
612 line-height: 1; |
612 padding:10px; |
613 overflow-x: hidden; |
613 } |
614 } |
614 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ |
615 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { |
615 border:1px solid #ddd; |
616 float: right; |
616 margin:0; |
617 margin: 0; |
617 padding:1em 0; |
618 text-align: center; |
618 word-wrap:break-word; |
619 padding: 6px; |
619 } |
620 box-sizing: border-box; |
620 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ |
621 } |
621 margin:0; |
622 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, |
622 text-align:center; |
623 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { |
623 } |
624 margin: 0; |
624 .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{ |
625 } |
625 border-color:#0000; |
626 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { |
626 } |
627 font-size: 13px; |
627 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ |
628 margin: 4px 0; |
628 display:block; |
629 } |
629 font-size:32px; |
630 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { |
630 height:32px; |
631 width: 100%; |
631 margin:0 auto; |
632 } |
632 width:32px; |
633 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { |
633 } |
634 width: 50%; |
634 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ |
635 } |
635 clear:both; |
636 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { |
636 content:""; |
637 width: 33.3333333333%; |
637 display:table; |
638 } |
638 } |
639 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { |
639 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ |
640 width: 25%; |
640 outline:none; |
641 } |
641 } |
642 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { |
642 .wp-block-freeform.block-library-rich-text__tinymce .gallery a{ |
643 width: 20%; |
643 cursor:default; |
644 } |
644 } |
645 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { |
645 .wp-block-freeform.block-library-rich-text__tinymce .gallery{ |
646 width: 16.6666666667%; |
646 line-height:1; |
647 } |
647 margin:auto -6px; |
648 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { |
648 overflow-x:hidden; |
649 width: 14.2857142857%; |
649 padding:6px 0; |
650 } |
650 } |
651 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { |
651 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ |
652 width: 12.5%; |
652 box-sizing:border-box; |
653 } |
653 float:right; |
654 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { |
654 margin:0; |
655 width: 11.1111111111%; |
655 padding:6px; |
656 } |
656 text-align:center; |
657 .wp-block-freeform.block-library-rich-text__tinymce .gallery img { |
657 } |
658 max-width: 100%; |
658 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ |
659 height: auto; |
659 margin:0; |
660 border: none; |
660 } |
661 padding: 0; |
661 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ |
662 } |
662 font-size:13px; |
663 |
663 margin:4px 0; |
664 div[data-type="core/freeform"]::before { |
664 } |
665 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
665 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ |
666 border: 1px solid #ddd; |
666 width:100%; |
667 outline: 1px solid transparent; |
667 } |
668 } |
668 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ |
669 @media (prefers-reduced-motion: reduce) { |
669 width:50%; |
670 div[data-type="core/freeform"]::before { |
670 } |
671 transition-duration: 0s; |
671 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ |
672 transition-delay: 0s; |
672 width:33.3333333333%; |
673 } |
673 } |
674 } |
674 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ |
675 div[data-type="core/freeform"].is-selected::before { |
675 width:25%; |
676 border-color: #1e1e1e; |
676 } |
677 } |
677 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ |
678 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { |
678 width:20%; |
679 margin-top: 0; |
679 } |
680 padding-top: 0; |
680 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ |
681 } |
681 width:16.6666666667%; |
682 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { |
682 } |
683 content: ""; |
683 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ |
684 display: table; |
684 width:14.2857142857%; |
685 clear: both; |
685 } |
686 } |
686 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ |
687 |
687 width:12.5%; |
688 .mce-toolbar-grp .mce-btn.mce-active button, |
688 } |
689 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
689 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ |
690 .mce-toolbar-grp .mce-btn.mce-active i, |
690 width:11.1111111111%; |
691 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
691 } |
692 color: #1e1e1e; |
692 .wp-block-freeform.block-library-rich-text__tinymce .gallery img{ |
693 } |
693 border:none; |
694 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
694 height:auto; |
695 margin-left: 0; |
695 max-width:100%; |
696 margin-right: 8px; |
696 padding:0; |
697 } |
697 } |
698 .mce-toolbar-grp .mce-btn i { |
698 |
699 font-style: normal; |
699 div[data-type="core/freeform"]:before{ |
700 } |
700 border:1px solid #ddd; |
701 |
701 outline:1px solid #0000; |
702 .block-library-classic__toolbar { |
702 transition:border-color .1s linear,box-shadow .1s linear; |
703 display: none; |
703 } |
704 width: auto; |
704 @media (prefers-reduced-motion:reduce){ |
705 margin: 0; |
705 div[data-type="core/freeform"]:before{ |
706 position: sticky; |
706 transition-delay:0s; |
707 z-index: 31; |
707 transition-duration:0s; |
708 top: 0; |
708 } |
709 border: 1px solid #ddd; |
709 } |
710 border-bottom: none; |
710 div[data-type="core/freeform"].is-selected:before{ |
711 border-radius: 2px; |
711 border-color:#1e1e1e; |
712 margin-bottom: 8px; |
712 } |
713 padding: 0; |
713 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ |
714 } |
714 margin-top:0; |
715 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { |
715 padding-top:0; |
716 display: block; |
716 } |
717 border-color: #1e1e1e; |
717 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ |
718 } |
718 clear:both; |
719 .block-library-classic__toolbar .mce-tinymce { |
719 content:""; |
720 box-shadow: none; |
720 display:table; |
721 } |
721 } |
722 @media (min-width: 600px) { |
722 |
723 .block-library-classic__toolbar { |
723 .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{ |
724 padding: 0; |
724 color:#1e1e1e; |
725 } |
725 } |
726 } |
726 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ |
727 .block-library-classic__toolbar:empty { |
727 margin-left:0; |
728 display: block; |
728 margin-right:8px; |
729 background: #f5f5f5; |
729 } |
730 border-bottom: 1px solid #e2e4e7; |
730 .mce-toolbar-grp .mce-btn i{ |
731 } |
731 font-style:normal; |
732 .block-library-classic__toolbar:empty::before { |
732 } |
733 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
733 |
734 font-size: 13px; |
734 .block-library-classic__toolbar{ |
735 content: attr(data-placeholder); |
735 border:1px solid #ddd; |
736 color: #555d66; |
736 border-bottom:none; |
737 line-height: 37px; |
737 border-radius:2px; |
738 padding: 14px; |
738 display:none; |
739 } |
739 margin:0 0 8px; |
740 .block-library-classic__toolbar div.mce-toolbar-grp { |
740 padding:0; |
741 border-bottom: 1px solid #1e1e1e; |
741 position:sticky; |
742 } |
742 top:0; |
743 .block-library-classic__toolbar .mce-tinymce-inline, |
743 width:auto; |
744 .block-library-classic__toolbar .mce-tinymce-inline > div, |
744 z-index:31; |
745 .block-library-classic__toolbar div.mce-toolbar-grp, |
745 } |
746 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
746 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ |
747 .block-library-classic__toolbar .mce-menubar, |
747 border-color:#1e1e1e; |
748 .block-library-classic__toolbar .mce-menubar > div { |
748 display:block; |
749 height: auto !important; |
749 } |
750 width: 100% !important; |
750 .block-library-classic__toolbar .mce-tinymce{ |
751 } |
751 box-shadow:none; |
752 .block-library-classic__toolbar .mce-container-body.mce-abs-layout { |
752 } |
753 overflow: visible; |
753 @media (min-width:600px){ |
754 } |
754 .block-library-classic__toolbar{ |
755 .block-library-classic__toolbar .mce-menubar, |
755 padding:0; |
756 .block-library-classic__toolbar div.mce-toolbar-grp { |
756 } |
757 position: static; |
757 } |
758 } |
758 .block-library-classic__toolbar:empty{ |
759 .block-library-classic__toolbar .mce-toolbar-grp > div { |
759 background:#f5f5f5; |
760 padding: 1px 3px; |
760 border-bottom:1px solid #e2e4e7; |
761 } |
761 display:block; |
762 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
762 } |
763 display: none; |
763 .block-library-classic__toolbar:empty:before{ |
764 } |
764 color:#555d66; |
765 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
765 content:attr(data-placeholder); |
766 display: block; |
766 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
767 } |
767 font-size:13px; |
768 |
768 line-height:37px; |
769 figure.wp-block-gallery { |
769 padding:14px; |
770 display: block; |
770 } |
771 } |
771 .block-library-classic__toolbar div.mce-toolbar-grp{ |
772 figure.wp-block-gallery.has-nested-images .components-drop-zone { |
772 border-bottom:1px solid #1e1e1e; |
773 display: none; |
773 } |
774 pointer-events: none; |
774 .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{ |
775 } |
775 height:auto !important; |
776 figure.wp-block-gallery > .blocks-gallery-caption { |
776 width:100% !important; |
777 flex: 0 0 100%; |
777 } |
778 } |
778 .block-library-classic__toolbar .mce-container-body.mce-abs-layout{ |
779 figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { |
779 overflow:visible; |
780 flex-basis: 100%; |
780 } |
781 } |
781 .block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ |
782 figure.wp-block-gallery .wp-block-image .components-notice.is-error { |
782 position:static; |
783 display: block; |
783 } |
784 } |
784 .block-library-classic__toolbar .mce-toolbar-grp>div{ |
785 figure.wp-block-gallery .wp-block-image .components-notice__content { |
785 padding:1px 3px; |
786 margin: 4px 0; |
786 } |
787 } |
787 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ |
788 figure.wp-block-gallery .wp-block-image .components-notice__dismiss { |
788 display:none; |
789 position: absolute; |
789 } |
790 top: 0; |
790 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{ |
791 left: 5px; |
791 display:block; |
792 } |
792 } |
793 figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { |
793 |
794 display: none; |
794 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ |
795 } |
795 height:50vh !important; |
796 figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { |
796 } |
797 margin-bottom: 0; |
797 @media (min-width:960px){ |
798 } |
798 .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen){ |
799 figure.wp-block-gallery .block-editor-media-placeholder { |
799 height:9999rem; |
800 margin: 0; |
800 } |
801 } |
801 .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header+div{ |
802 figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { |
802 height:100%; |
803 display: flex; |
803 } |
804 } |
804 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce{ |
805 figure.wp-block-gallery .block-editor-media-placeholder figcaption { |
805 height:calc(100% - 52px); |
806 z-index: 2; |
806 } |
807 } |
807 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body{ |
808 figure.wp-block-gallery .components-spinner { |
808 display:flex; |
809 position: absolute; |
809 flex-direction:column; |
810 top: 50%; |
810 height:100%; |
811 right: 50%; |
811 min-width:50vw; |
812 margin-top: -9px; |
812 } |
813 margin-right: -9px; |
813 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area{ |
814 } |
814 display:flex; |
815 |
815 flex-direction:column; |
816 /** |
816 flex-grow:1; |
817 * Gallery inspector controls settings. |
817 } |
818 */ |
818 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ |
819 .gallery-settings-buttons .components-button:first-child { |
819 flex-grow:1; |
820 margin-left: 8px; |
820 height:10px !important; |
821 } |
821 } |
822 |
822 } |
823 .gallery-image-sizes .components-base-control__label { |
823 .block-editor-freeform-modal__actions{ |
824 display: block; |
824 margin-top:16px; |
825 margin-bottom: 4px; |
825 } |
826 } |
826 |
827 .gallery-image-sizes .gallery-image-sizes__loading { |
827 :root :where(figure.wp-block-gallery){ |
828 display: flex; |
828 display:block; |
829 align-items: center; |
829 } |
830 color: #757575; |
830 :root :where(figure.wp-block-gallery)>.blocks-gallery-caption{ |
831 font-size: 12px; |
831 flex:0 0 100%; |
832 } |
832 } |
833 .gallery-image-sizes .components-spinner { |
833 :root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{ |
834 margin: 0 4px 0 8px; |
834 flex-basis:100%; |
835 } |
835 } |
836 |
836 :root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{ |
837 /** |
837 display:block; |
838 * Deprecated css past this point. This can be removed once all galleries are migrated |
838 } |
839 * to V2. |
839 :root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{ |
840 */ |
840 margin:4px 0; |
841 .blocks-gallery-item figure:not(.is-selected):focus, |
841 } |
842 .blocks-gallery-item img:focus { |
842 :root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{ |
843 outline: none; |
843 left:5px; |
844 } |
844 position:absolute; |
845 .blocks-gallery-item figure.is-selected::before { |
845 top:0; |
846 box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; |
846 } |
847 content: ""; |
847 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{ |
848 outline: 2px solid transparent; |
848 display:none; |
849 position: absolute; |
849 } |
850 top: 0; |
850 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ |
851 left: 0; |
851 margin-bottom:0; |
852 bottom: 0; |
852 } |
853 right: 0; |
853 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder{ |
854 z-index: 1; |
854 margin:0; |
855 pointer-events: none; |
855 } |
856 } |
856 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{ |
857 .blocks-gallery-item figure.is-transient img { |
857 display:flex; |
858 opacity: 0.3; |
858 } |
859 } |
859 :root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{ |
860 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { |
860 z-index:2; |
861 display: inline-flex; |
861 } |
862 } |
862 :root :where(figure.wp-block-gallery) .components-spinner{ |
863 .blocks-gallery-item .block-editor-media-placeholder { |
863 margin-right:-9px; |
864 margin: 0; |
864 margin-top:-9px; |
865 height: 100%; |
865 position:absolute; |
866 } |
866 right:50%; |
867 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { |
867 top:50%; |
868 display: flex; |
868 } |
869 } |
869 .gallery-settings-buttons .components-button:first-child{ |
870 |
870 margin-left:8px; |
871 .block-library-gallery-item__inline-menu { |
871 } |
872 display: none; |
872 |
873 position: absolute; |
873 .gallery-image-sizes .components-base-control__label{ |
874 top: -2px; |
874 display:block; |
875 margin: 8px; |
875 margin-bottom:4px; |
876 z-index: 20; |
876 } |
877 transition: box-shadow 0.2s ease-out; |
877 .gallery-image-sizes .gallery-image-sizes__loading{ |
878 border-radius: 2px; |
878 align-items:center; |
879 background: #fff; |
879 color:#757575; |
880 border: 1px solid #1e1e1e; |
880 display:flex; |
881 } |
881 font-size:12px; |
882 @media (prefers-reduced-motion: reduce) { |
882 } |
883 .block-library-gallery-item__inline-menu { |
883 .gallery-image-sizes .components-spinner{ |
884 transition-duration: 0s; |
884 margin:0 4px 0 8px; |
885 transition-delay: 0s; |
885 } |
886 } |
886 .blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ |
887 } |
887 outline:none; |
888 .block-library-gallery-item__inline-menu:hover { |
888 } |
889 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); |
889 .blocks-gallery-item figure.is-selected:before{ |
890 } |
890 bottom:0; |
891 @media (min-width: 600px) { |
891 box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; |
892 .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { |
892 content:""; |
893 padding: 2px; |
893 left:0; |
894 } |
894 outline:2px solid #0000; |
895 } |
895 pointer-events:none; |
896 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { |
896 position:absolute; |
897 border: none; |
897 right:0; |
898 box-shadow: none; |
898 top:0; |
899 } |
899 z-index:1; |
900 @media (min-width: 600px) { |
900 } |
901 .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { |
901 .blocks-gallery-item figure.is-transient img{ |
902 padding: 0; |
902 opacity:.3; |
903 width: inherit; |
903 } |
904 height: inherit; |
904 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ |
905 } |
905 display:inline-flex; |
906 } |
906 } |
907 .block-library-gallery-item__inline-menu.is-left { |
907 .blocks-gallery-item .block-editor-media-placeholder{ |
908 right: -2px; |
908 height:100%; |
909 } |
909 margin:0; |
910 .block-library-gallery-item__inline-menu.is-right { |
910 } |
911 left: -2px; |
911 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ |
912 } |
912 display:flex; |
913 |
913 } |
914 .wp-block-gallery ul.blocks-gallery-grid { |
914 |
915 padding: 0; |
915 .block-library-gallery-item__inline-menu{ |
916 margin: 0; |
916 background:#fff; |
917 } |
917 border:1px solid #1e1e1e; |
918 |
918 border-radius:2px; |
919 @media (min-width: 600px) { |
919 display:none; |
920 .wp-block-update-gallery-modal { |
920 margin:8px; |
921 max-width: 480px; |
921 position:absolute; |
922 } |
922 top:-2px; |
923 } |
923 transition:box-shadow .2s ease-out; |
924 |
924 z-index:20; |
925 .wp-block-update-gallery-modal-buttons { |
925 } |
926 display: flex; |
926 @media (prefers-reduced-motion:reduce){ |
927 justify-content: flex-end; |
927 .block-library-gallery-item__inline-menu{ |
928 gap: 12px; |
928 transition-delay:0s; |
929 } |
929 transition-duration:0s; |
930 |
930 } |
931 /** |
931 } |
932 * Group: All Alignment Settings |
932 .block-library-gallery-item__inline-menu:hover{ |
933 */ |
933 box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
934 .wp-block-group .block-editor-block-list__insertion-point { |
934 } |
935 right: 0; |
935 @media (min-width:600px){ |
936 left: 0; |
936 .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ |
937 } |
937 padding:2px; |
938 |
938 } |
939 [data-type="core/group"].is-selected .block-list-appender { |
939 } |
940 margin-right: 0; |
940 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ |
941 margin-left: 0; |
941 border:none; |
942 } |
942 box-shadow:none; |
943 [data-type="core/group"].is-selected .has-background .block-list-appender { |
943 } |
944 margin-top: 18px; |
944 @media (min-width:600px){ |
945 margin-bottom: 18px; |
945 .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ |
946 } |
946 height:inherit; |
947 |
947 padding:0; |
948 .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child { |
948 width:inherit; |
949 gap: inherit; |
949 } |
950 pointer-events: none; |
950 } |
951 } |
951 .block-library-gallery-item__inline-menu.is-left{ |
952 .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child, |
952 right:-2px; |
953 .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content, |
953 } |
954 .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter { |
954 .block-library-gallery-item__inline-menu.is-right{ |
955 display: inherit; |
955 left:-2px; |
956 width: 100%; |
956 } |
957 flex-direction: inherit; |
957 |
958 flex: 1; |
958 .wp-block-gallery ul.blocks-gallery-grid{ |
959 } |
959 margin:0; |
960 .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child::after { |
960 padding:0; |
961 content: ""; |
961 } |
962 display: flex; |
962 |
963 border: 1px dashed currentColor; |
963 @media (min-width:600px){ |
964 opacity: 0.4; |
964 .wp-block-update-gallery-modal{ |
965 border-radius: 2px; |
965 max-width:480px; |
966 flex: 1; |
966 } |
967 pointer-events: none; |
967 } |
968 min-height: 48px; |
968 |
969 } |
969 .wp-block-update-gallery-modal-buttons{ |
970 .is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter { |
970 display:flex; |
971 pointer-events: all; |
971 gap:12px; |
972 } |
972 justify-content:flex-end; |
973 |
973 } |
974 .block-library-html__edit .block-library-html__preview-overlay { |
974 .wp-block-group .block-editor-block-list__insertion-point{ |
975 position: absolute; |
975 left:0; |
976 width: 100%; |
976 right:0; |
977 height: 100%; |
977 } |
978 top: 0; |
978 |
979 right: 0; |
979 [data-type="core/group"].is-selected .block-list-appender{ |
980 } |
980 margin-left:0; |
981 .block-library-html__edit .block-editor-plain-text { |
981 margin-right:0; |
982 font-family: Menlo, Consolas, monaco, monospace !important; |
982 } |
983 color: #1e1e1e !important; |
983 [data-type="core/group"].is-selected .has-background .block-list-appender{ |
984 background: #fff !important; |
984 margin-bottom:18px; |
985 padding: 12px !important; |
985 margin-top:18px; |
986 border: 1px solid #1e1e1e !important; |
986 } |
987 box-shadow: none !important; |
987 |
988 border-radius: 2px !important; |
988 .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{ |
989 max-height: 250px; |
989 gap:inherit; |
990 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
990 pointer-events:none; |
991 font-size: 16px !important; |
991 } |
992 } |
992 .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ |
993 @media (min-width: 600px) { |
993 display:inherit; |
994 .block-library-html__edit .block-editor-plain-text { |
994 flex:1; |
995 font-size: 13px !important; |
995 flex-direction:inherit; |
996 } |
996 width:100%; |
997 } |
997 } |
998 .block-library-html__edit .block-editor-plain-text:focus { |
998 .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{ |
999 border-color: var(--wp-admin-theme-color) !important; |
999 border:1px dashed; |
1000 box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; |
1000 border-radius:2px; |
1001 outline: 2px solid transparent !important; |
1001 content:""; |
1002 } |
1002 display:flex; |
1003 |
1003 flex:1 0 48px; |
1004 figure.wp-block-image:not(.wp-block) { |
1004 min-height:46px; |
1005 margin: 0; |
1005 pointer-events:none; |
1006 } |
1006 } |
1007 |
1007 .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{ |
1008 .wp-block-image { |
1008 background:currentColor; |
1009 position: relative; |
1009 bottom:0; |
1010 } |
1010 content:""; |
1011 .wp-block-image .is-applying img, .wp-block-image.is-transient img { |
1011 left:0; |
1012 opacity: 0.3; |
1012 opacity:.1; |
1013 } |
1013 pointer-events:none; |
1014 .wp-block-image figcaption img { |
1014 position:absolute; |
1015 display: inline; |
1015 right:0; |
1016 } |
1016 top:0; |
1017 .wp-block-image .components-spinner { |
1017 } |
1018 position: absolute; |
1018 .wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-button-block-appender,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ |
1019 top: 50%; |
1019 pointer-events:all; |
1020 right: 50%; |
1020 } |
1021 margin-top: -9px; |
1021 |
1022 margin-right: -9px; |
1022 .block-library-html__edit .block-library-html__preview-overlay{ |
1023 } |
1023 height:100%; |
1024 .wp-block-image:not(.is-style-rounded) > div:not(.components-placeholder) { |
1024 position:absolute; |
1025 border-radius: inherit; |
1025 right:0; |
1026 } |
1026 top:0; |
1027 |
1027 width:100%; |
1028 .wp-block-image .components-resizable-box__container { |
1028 } |
1029 display: inline-block; |
1029 .block-library-html__edit .block-editor-plain-text{ |
1030 } |
1030 background:#fff !important; |
1031 .wp-block-image .components-resizable-box__container img { |
1031 border:1px solid #1e1e1e !important; |
1032 display: block; |
1032 border-radius:2px !important; |
1033 width: inherit; |
1033 box-shadow:none !important; |
1034 height: inherit; |
1034 box-sizing:border-box; |
1035 } |
1035 color:#1e1e1e !important; |
1036 |
1036 direction:ltr; |
1037 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
1037 font-family:Menlo,Consolas,monaco,monospace !important; |
1038 position: absolute; |
1038 font-size:16px !important; |
1039 right: 0; |
1039 max-height:250px; |
1040 left: 0; |
1040 padding:12px !important; |
1041 margin: -1px 0; |
1041 } |
1042 } |
1042 @media (min-width:600px){ |
1043 @media (min-width: 600px) { |
1043 .block-library-html__edit .block-editor-plain-text{ |
1044 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
1044 font-size:13px !important; |
1045 margin: -1px; |
1045 } |
1046 } |
1046 } |
1047 } |
1047 .block-library-html__edit .block-editor-plain-text:focus{ |
1048 |
1048 border-color:var(--wp-admin-theme-color) !important; |
1049 [data-align=wide] > .wp-block-image img, |
1049 box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; |
1050 [data-align=full] > .wp-block-image img { |
1050 outline:2px solid #0000 !important; |
1051 height: auto; |
1051 } |
1052 width: 100%; |
1052 |
1053 } |
1053 .wp-block-image.wp-block-image.is-selected .components-placeholder{ |
1054 |
1054 background-color:#fff; |
1055 .wp-block[data-align=left] > .wp-block-image, |
1055 border:none; |
1056 .wp-block[data-align=center] > .wp-block-image, |
1056 border-radius:2px; |
1057 .wp-block[data-align=right] > .wp-block-image { |
1057 box-shadow:inset 0 0 0 1px #1e1e1e; |
1058 display: table; |
1058 color:#1e1e1e; |
1059 } |
1059 filter:none !important; |
1060 .wp-block[data-align=left] > .wp-block-image > figcaption, |
1060 } |
1061 .wp-block[data-align=center] > .wp-block-image > figcaption, |
1061 .wp-block-image.wp-block-image.is-selected .components-placeholder>svg{ |
1062 .wp-block[data-align=right] > .wp-block-image > figcaption { |
1062 opacity:0; |
1063 display: table-caption; |
1063 } |
1064 caption-side: bottom; |
1064 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ |
1065 } |
1065 display:none; |
1066 |
1066 } |
1067 .wp-block[data-align=left] > .wp-block-image { |
1067 .wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{ |
1068 margin-left: 1em; |
1068 opacity:0; |
1069 margin-right: 0; |
1069 } |
1070 margin-top: 0.5em; |
1070 .wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{ |
1071 margin-bottom: 0.5em; |
1071 opacity:1; |
1072 } |
1072 } |
1073 |
1073 .wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ |
1074 .wp-block[data-align=right] > .wp-block-image { |
1074 transition:none; |
1075 margin-right: 1em; |
1075 } |
1076 margin-left: 0; |
1076 |
1077 margin-top: 0.5em; |
1077 figure.wp-block-image:not(.wp-block){ |
1078 margin-bottom: 0.5em; |
1078 margin:0; |
1079 } |
1079 } |
1080 |
1080 |
1081 .wp-block[data-align=center] > .wp-block-image { |
1081 .wp-block-image{ |
1082 margin-right: auto; |
1082 position:relative; |
1083 margin-left: auto; |
1083 } |
1084 text-align: center; |
1084 .wp-block-image .is-applying img,.wp-block-image.is-transient img{ |
1085 } |
1085 opacity:.3; |
1086 |
1086 } |
1087 .wp-block-image__crop-area { |
1087 .wp-block-image figcaption img{ |
1088 position: relative; |
1088 display:inline; |
1089 max-width: 100%; |
1089 } |
1090 width: 100%; |
1090 .wp-block-image .components-spinner{ |
1091 } |
1091 position:absolute; |
1092 |
1092 right:50%; |
1093 .wp-block-image__crop-icon { |
1093 top:50%; |
1094 padding: 0 8px; |
1094 transform:translate(50%, -50%); |
1095 min-width: 48px; |
1095 } |
1096 display: flex; |
1096 |
1097 justify-content: center; |
1097 .wp-block-image .components-resizable-box__container{ |
1098 align-items: center; |
1098 display:table; |
1099 } |
1099 } |
1100 .wp-block-image__crop-icon svg { |
1100 .wp-block-image .components-resizable-box__container img{ |
1101 fill: currentColor; |
1101 display:block; |
1102 } |
1102 height:inherit; |
1103 |
1103 width:inherit; |
1104 .wp-block-image__zoom .components-popover__content { |
1104 } |
1105 overflow: visible; |
1105 |
1106 min-width: 260px; |
1106 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ |
1107 } |
1107 left:0; |
1108 .wp-block-image__zoom .components-range-control { |
1108 margin:-1px 0; |
1109 flex: 1; |
1109 position:absolute; |
1110 } |
1110 right:0; |
1111 .wp-block-image__zoom .components-base-control__field { |
1111 } |
1112 display: flex; |
1112 @media (min-width:600px){ |
1113 margin-bottom: 0; |
1113 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ |
1114 flex-direction: column; |
1114 margin:-1px; |
1115 align-items: flex-start; |
1115 } |
1116 } |
1116 } |
1117 |
1117 |
1118 .wp-block-image__aspect-ratio { |
1118 [data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{ |
1119 height: 46px; |
1119 height:auto; |
1120 margin-bottom: -8px; |
1120 width:100%; |
1121 display: flex; |
1121 } |
1122 align-items: center; |
1122 |
1123 } |
1123 .wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{ |
1124 .wp-block-image__aspect-ratio .components-button { |
1124 display:table; |
1125 width: 36px; |
1125 } |
1126 padding-right: 0; |
1126 .wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{ |
1127 padding-left: 0; |
1127 caption-side:bottom; |
1128 } |
1128 display:table-caption; |
1129 |
1129 } |
1130 .wp-block-latest-posts { |
1130 |
1131 padding-right: 2.5em; |
1131 .wp-block[data-align=left]>.wp-block-image{ |
1132 } |
1132 margin:.5em 0 .5em 1em; |
1133 .wp-block-latest-posts.is-grid { |
1133 } |
1134 padding-right: 0; |
1134 |
1135 } |
1135 .wp-block[data-align=right]>.wp-block-image{ |
1136 |
1136 margin:.5em 1em .5em 0; |
1137 .wp-block-latest-posts li a > div { |
1137 } |
1138 display: inline; |
1138 |
1139 } |
1139 .wp-block[data-align=center]>.wp-block-image{ |
1140 |
1140 margin-left:auto; |
1141 .edit-post-visual-editor .wp-block-latest-posts.is-grid li { |
1141 margin-right:auto; |
1142 margin-bottom: 20px; |
1142 text-align:center; |
1143 } |
1143 } |
1144 |
1144 |
1145 .editor-latest-posts-image-alignment-control .components-base-control__label { |
1145 .wp-block-image__crop-area{ |
1146 display: block; |
1146 max-width:100%; |
1147 } |
1147 overflow:hidden; |
1148 .editor-latest-posts-image-alignment-control .components-toolbar { |
1148 position:relative; |
1149 border-radius: 2px; |
1149 width:100%; |
1150 } |
1150 } |
1151 |
1151 .wp-block-image__crop-area .reactEasyCrop_Container{ |
1152 .wp-block-media-text__media { |
1152 pointer-events:auto; |
1153 position: relative; |
1153 } |
1154 } |
1154 .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ |
1155 .wp-block-media-text__media.is-transient img { |
1155 border:none; |
1156 opacity: 0.3; |
1156 border-radius:0; |
1157 } |
1157 } |
1158 .wp-block-media-text__media .components-spinner { |
1158 |
1159 position: absolute; |
1159 .wp-block-image__crop-icon{ |
1160 top: 50%; |
1160 align-items:center; |
1161 right: 50%; |
1161 display:flex; |
1162 margin-top: -9px; |
1162 justify-content:center; |
1163 margin-right: -9px; |
1163 min-width:48px; |
1164 } |
1164 padding:0 8px; |
1165 |
1165 } |
1166 .wp-block-media-text .__resizable_base__ { |
1166 .wp-block-image__crop-icon svg{ |
1167 grid-column: 1/span 2; |
1167 fill:currentColor; |
1168 grid-row: 2; |
1168 } |
1169 } |
1169 |
1170 |
1170 .wp-block-image__zoom .components-popover__content{ |
1171 .wp-block-media-text .editor-media-container__resizer { |
1171 min-width:260px; |
1172 width: 100% !important; |
1172 overflow:visible !important; |
1173 } |
1173 } |
1174 |
1174 |
1175 .wp-block-media-text.is-image-fill .editor-media-container__resizer { |
1175 .wp-block-image__toolbar_content_textarea{ |
1176 height: 100% !important; |
1176 width:250px; |
1177 } |
1177 } |
1178 |
1178 |
1179 .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { |
1179 .wp-block-latest-posts>li{ |
1180 max-width: unset; |
1180 overflow:hidden; |
1181 } |
1181 } |
1182 |
1182 |
1183 .block-editor-block-list__block[data-type="core/more"] { |
1183 .wp-block-latest-posts li a>div{ |
1184 max-width: 100%; |
1184 display:inline; |
1185 text-align: center; |
1185 } |
1186 margin-top: 28px; |
1186 |
1187 margin-bottom: 28px; |
1187 .editor-latest-posts-image-alignment-control .components-base-control__label{ |
1188 } |
1188 display:block; |
1189 |
1189 } |
1190 .wp-block-more { |
1190 .editor-latest-posts-image-alignment-control .components-toolbar{ |
1191 display: block; |
1191 border-radius:2px; |
1192 text-align: center; |
1192 } |
1193 white-space: nowrap; |
1193 |
1194 } |
1194 :root :where(.wp-block-latest-posts){ |
1195 .wp-block-more input[type=text] { |
1195 padding-right:2.5em; |
1196 position: relative; |
1196 } |
1197 font-size: 13px; |
1197 |
1198 text-transform: uppercase; |
1198 :root :where(.wp-block-latest-posts.is-grid),:root :where(.wp-block-latest-posts__list){ |
1199 font-weight: 600; |
1199 padding-right:0; |
1200 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1200 } |
1201 color: #757575; |
1201 |
1202 border: none; |
1202 .wp-block-media-text__media{ |
1203 box-shadow: none; |
1203 position:relative; |
1204 white-space: nowrap; |
1204 } |
1205 text-align: center; |
1205 .wp-block-media-text__media.is-transient img{ |
1206 margin: 0; |
1206 opacity:.3; |
1207 border-radius: 4px; |
1207 } |
1208 background: #fff; |
1208 .wp-block-media-text__media .components-spinner{ |
1209 padding: 6px 8px; |
1209 margin-right:-9px; |
1210 height: 24px; |
1210 margin-top:-9px; |
1211 max-width: 100%; |
1211 position:absolute; |
1212 } |
1212 right:50%; |
1213 .wp-block-more input[type=text]:focus { |
1213 top:50%; |
1214 box-shadow: none; |
1214 } |
1215 } |
1215 |
1216 .wp-block-more::before { |
1216 .wp-block-media-text .__resizable_base__{ |
1217 content: ""; |
1217 grid-column:1 / span 2; |
1218 position: absolute; |
1218 grid-row:2; |
1219 top: calc(50%); |
1219 } |
1220 right: 0; |
1220 |
1221 left: 0; |
1221 .wp-block-media-text .editor-media-container__resizer{ |
1222 border-top: 3px dashed #ccc; |
1222 width:100% !important; |
1223 } |
1223 } |
1224 |
1224 |
1225 /** |
1225 .wp-block-media-text.is-image-fill .components-placeholder.has-illustration,.wp-block-media-text.is-image-fill .editor-media-container__resizer{ |
1226 * Editor only CSS. |
1226 height:100% !important; |
1227 */ |
1227 } |
1228 .editor-styles-wrapper .wp-block-navigation ul { |
1228 |
1229 margin-top: 0; |
1229 .wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ |
1230 margin-bottom: 0; |
1230 max-width:unset; |
1231 margin-right: 0; |
1231 } |
1232 padding-right: 0; |
1232 .wp-block-media-text--placeholder-image{ |
1233 } |
1233 min-height:205px; |
1234 .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { |
1234 } |
1235 margin: revert; |
1235 |
1236 } |
1236 .block-editor-block-list__block[data-type="core/more"]{ |
1237 |
1237 margin-bottom:28px; |
1238 .wp-block-navigation-item__label { |
1238 margin-top:28px; |
1239 display: inline; |
1239 max-width:100%; |
1240 } |
1240 text-align:center; |
1241 |
1241 } |
1242 /** |
1242 |
1243 * Submenus. |
1243 .wp-block-more{ |
1244 */ |
1244 display:block; |
1245 .wp-block-navigation__container.is-parent-of-selected-block { |
1245 text-align:center; |
1246 visibility: visible; |
1246 white-space:nowrap; |
1247 opacity: 1; |
1247 } |
1248 overflow: visible; |
1248 .wp-block-more input[type=text]{ |
1249 } |
1249 background:#fff; |
1250 |
1250 border:none; |
1251 .wp-block-navigation__container, |
1251 border-radius:4px; |
1252 .wp-block-navigation-item { |
1252 box-shadow:none; |
1253 background-color: inherit; |
1253 color:#757575; |
1254 } |
1254 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1255 |
1255 font-size:13px; |
1256 .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { |
1256 font-weight:600; |
1257 opacity: 0; |
1257 height:24px; |
1258 visibility: hidden; |
1258 margin:0; |
1259 } |
1259 max-width:100%; |
1260 |
1260 padding:6px 8px; |
1261 .has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { |
1261 position:relative; |
1262 display: flex; |
1262 text-align:center; |
1263 opacity: 1; |
1263 text-transform:uppercase; |
1264 visibility: visible; |
1264 white-space:nowrap; |
1265 } |
1265 } |
1266 |
1266 .wp-block-more input[type=text]:focus{ |
1267 .is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { |
1267 box-shadow:none; |
1268 opacity: 1; |
1268 } |
1269 visibility: visible; |
1269 .wp-block-more:before{ |
1270 } |
1270 border-top:3px dashed #ccc; |
1271 |
1271 content:""; |
1272 .is-editing > .wp-block-navigation__container { |
1272 left:0; |
1273 visibility: visible; |
1273 position:absolute; |
1274 opacity: 1; |
1274 right:0; |
1275 display: flex; |
1275 top:50%; |
1276 flex-direction: column; |
1276 } |
1277 } |
1277 .editor-styles-wrapper .wp-block-navigation ul{ |
1278 |
1278 margin-bottom:0; |
1279 .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { |
1279 margin-right:0; |
1280 opacity: 1; |
1280 margin-top:0; |
1281 visibility: hidden; |
1281 padding-right:0; |
1282 } |
1282 } |
1283 .is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { |
1283 .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ |
1284 visibility: visible; |
1284 margin:revert; |
1285 } |
1285 } |
1286 |
1286 |
1287 .is-editing > .wp-block-navigation__submenu-container > .block-list-appender { |
1287 .wp-block-navigation-item__label{ |
1288 display: block; |
1288 display:inline; |
1289 position: static; |
1289 } |
1290 width: 100%; |
1290 .wp-block-navigation-item,.wp-block-navigation__container{ |
1291 } |
1291 background-color:inherit; |
1292 .is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { |
1292 } |
1293 color: #fff; |
1293 |
1294 background: #1e1e1e; |
1294 .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ |
1295 padding: 0; |
1295 opacity:0; |
1296 width: 24px; |
1296 visibility:hidden; |
1297 border-radius: 2px; |
1297 } |
1298 margin-left: 0; |
1298 |
1299 margin-right: auto; |
1299 .has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ |
1300 } |
1300 display:flex; |
1301 |
1301 opacity:1; |
1302 .wp-block-navigation__submenu-container .block-list-appender { |
1302 visibility:visible; |
1303 display: none; |
1303 } |
1304 } |
1304 |
1305 |
1305 .is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ |
1306 /** |
1306 opacity:1; |
1307 * Colors Selector component |
1307 visibility:visible; |
1308 */ |
1308 } |
1309 .block-library-colors-selector { |
1309 |
1310 width: auto; |
1310 .is-editing>.wp-block-navigation__container{ |
1311 } |
1311 display:flex; |
1312 .block-library-colors-selector .block-library-colors-selector__toggle { |
1312 flex-direction:column; |
1313 display: block; |
1313 opacity:1; |
1314 margin: 0 auto; |
1314 visibility:visible; |
1315 padding: 3px; |
1315 } |
1316 width: auto; |
1316 |
1317 } |
1317 .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ |
1318 .block-library-colors-selector .block-library-colors-selector__icon-container { |
1318 opacity:1; |
1319 height: 30px; |
1319 visibility:hidden; |
1320 position: relative; |
1320 } |
1321 margin: 0 auto; |
1321 .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ |
1322 padding: 3px; |
1322 visibility:visible; |
1323 display: flex; |
1323 } |
1324 align-items: center; |
1324 |
1325 border-radius: 4px; |
1325 .is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ |
1326 } |
1326 display:block; |
1327 .block-library-colors-selector .block-library-colors-selector__state-selection { |
1327 position:static; |
1328 margin-right: auto; |
1328 width:100%; |
1329 margin-left: auto; |
1329 } |
1330 border-radius: 11px; |
1330 .is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ |
1331 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); |
1331 background:#1e1e1e; |
1332 width: 22px; |
1332 border-radius:2px; |
1333 min-width: 22px; |
1333 color:#fff; |
1334 height: 22px; |
1334 margin-left:0; |
1335 min-height: 22px; |
1335 margin-right:auto; |
1336 line-height: 20px; |
1336 padding:0; |
1337 padding: 2px; |
1337 width:24px; |
1338 } |
1338 } |
1339 .block-library-colors-selector .block-library-colors-selector__state-selection > svg { |
1339 |
1340 min-width: auto !important; |
1340 .wp-block-navigation__submenu-container .block-list-appender{ |
1341 } |
1341 display:none; |
1342 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, |
1342 } |
1343 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { |
1343 .block-library-colors-selector{ |
1344 color: inherit; |
1344 width:auto; |
1345 } |
1345 } |
1346 |
1346 .block-library-colors-selector .block-library-colors-selector__toggle{ |
1347 .block-library-colors-selector__popover .color-palette-controller-container { |
1347 display:block; |
1348 padding: 16px; |
1348 margin:0 auto; |
1349 } |
1349 padding:3px; |
1350 .block-library-colors-selector__popover .components-base-control__label { |
1350 width:auto; |
1351 height: 20px; |
1351 } |
1352 line-height: 20px; |
1352 .block-library-colors-selector .block-library-colors-selector__icon-container{ |
1353 } |
1353 align-items:center; |
1354 .block-library-colors-selector__popover .component-color-indicator { |
1354 border-radius:4px; |
1355 float: left; |
1355 display:flex; |
1356 margin-top: 2px; |
1356 height:30px; |
1357 } |
1357 margin:0 auto; |
1358 .block-library-colors-selector__popover .components-panel__body-title { |
1358 padding:3px; |
1359 display: none; |
1359 position:relative; |
1360 } |
1360 } |
1361 |
1361 .block-library-colors-selector .block-library-colors-selector__state-selection{ |
1362 .wp-block-navigation .block-editor-button-block-appender { |
1362 border-radius:11px; |
1363 background-color: #1e1e1e; |
1363 box-shadow:inset 0 0 0 1px #0003; |
1364 color: #fff; |
1364 height:22px; |
1365 } |
1365 line-height:20px; |
1366 .wp-block-navigation .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { |
1366 margin-left:auto; |
1367 padding: 0; |
1367 margin-right:auto; |
1368 } |
1368 min-height:22px; |
1369 |
1369 min-width:22px; |
1370 .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { |
1370 padding:2px; |
1371 background-color: transparent; |
1371 width:22px; |
1372 color: #1e1e1e; |
1372 } |
1373 } |
1373 .block-library-colors-selector .block-library-colors-selector__state-selection>svg{ |
1374 |
1374 min-width:auto !important; |
1375 /** |
1375 } |
1376 * Setup state |
1376 .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ |
1377 */ |
1377 color:inherit; |
1378 @keyframes loadingpulse { |
1378 } |
1379 0% { |
1379 |
1380 opacity: 1; |
1380 .block-library-colors-selector__popover .color-palette-controller-container{ |
1381 } |
1381 padding:16px; |
1382 50% { |
1382 } |
1383 opacity: 0.5; |
1383 .block-library-colors-selector__popover .components-base-control__label{ |
1384 } |
1384 height:20px; |
1385 100% { |
1385 line-height:20px; |
1386 opacity: 1; |
1386 } |
1387 } |
1387 .block-library-colors-selector__popover .component-color-indicator{ |
1388 } |
1388 float:left; |
1389 .components-placeholder.wp-block-navigation-placeholder { |
1389 margin-top:2px; |
1390 outline: none; |
1390 } |
1391 padding: 0; |
1391 .block-library-colors-selector__popover .components-panel__body-title{ |
1392 box-shadow: none; |
1392 display:none; |
1393 background: none; |
1393 } |
1394 min-height: 0; |
1394 |
1395 color: inherit; |
1395 .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ |
1396 } |
1396 background-color:#1e1e1e; |
1397 .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { |
1397 color:#fff; |
1398 font-size: inherit; |
1398 } |
1399 } |
1399 .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ |
1400 .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { |
1400 padding:0; |
1401 margin-bottom: 0; |
1401 } |
1402 } |
1402 |
1403 .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { |
1403 .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ |
1404 color: #1e1e1e; |
1404 background-color:initial; |
1405 } |
1405 color:#1e1e1e; |
1406 |
1406 } |
1407 .wp-block-navigation-placeholder .components-spinner { |
1407 @keyframes loadingpulse{ |
1408 margin-top: 0; |
1408 0%{ |
1409 } |
1409 opacity:1; |
1410 |
1410 } |
1411 .wp-block-navigation-placeholder__preview { |
1411 50%{ |
1412 display: flex; |
1412 opacity:.5; |
1413 align-items: center; |
1413 } |
1414 min-width: 96px; |
1414 to{ |
1415 font-size: 13px; |
1415 opacity:1; |
1416 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1416 } |
1417 color: currentColor; |
1417 } |
1418 background: transparent; |
1418 .components-placeholder.wp-block-navigation-placeholder{ |
1419 } |
1419 background:none; |
1420 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { |
1420 box-shadow:none; |
1421 display: none; |
1421 color:inherit; |
1422 } |
1422 min-height:0; |
1423 .wp-block-navigation-placeholder__preview::before { |
1423 outline:none; |
1424 content: ""; |
1424 padding:0; |
1425 display: block; |
1425 } |
1426 position: absolute; |
1426 .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ |
1427 top: 0; |
1427 font-size:inherit; |
1428 left: 0; |
1428 } |
1429 bottom: 0; |
1429 .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ |
1430 right: 0; |
1430 margin-bottom:0; |
1431 border: 1px dashed currentColor; |
1431 } |
1432 opacity: 0.4; |
1432 .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ |
1433 pointer-events: none; |
1433 color:#1e1e1e; |
1434 border-radius: inherit; |
1434 } |
1435 } |
1435 |
1436 .wp-block-navigation-placeholder__preview > svg { |
1436 .wp-block-navigation-placeholder__preview{ |
1437 fill: currentColor; |
1437 align-items:center; |
1438 opacity: 0.4; |
1438 background:#0000; |
1439 } |
1439 color:currentColor; |
1440 |
1440 display:flex; |
1441 .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, |
1441 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1442 .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { |
1442 font-size:13px; |
1443 min-height: 90px; |
1443 min-width:96px; |
1444 } |
1444 } |
1445 |
1445 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ |
1446 .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { |
1446 display:none; |
1447 min-height: 132px; |
1447 } |
1448 } |
1448 .wp-block-navigation-placeholder__preview:before{ |
1449 |
1449 border:1px dashed; |
1450 .wp-block-navigation-placeholder__preview, |
1450 border-radius:2px; |
1451 .wp-block-navigation-placeholder__controls { |
1451 border-radius:inherit; |
1452 padding: 6px 8px; |
1452 bottom:0; |
1453 flex-direction: row; |
1453 content:""; |
1454 align-items: flex-start; |
1454 display:block; |
1455 } |
1455 left:0; |
1456 |
1456 pointer-events:none; |
1457 .wp-block-navigation-placeholder__controls { |
1457 position:absolute; |
1458 border-radius: 2px; |
1458 right:0; |
1459 background-color: #fff; |
1459 top:0; |
1460 box-shadow: inset 0 0 0 1px #1e1e1e; |
1460 } |
1461 display: none; |
1461 .wp-block-navigation-placeholder__preview:before:before{ |
1462 position: relative; |
1462 background:currentColor; |
1463 z-index: 1; |
1463 bottom:0; |
1464 float: right; |
1464 content:""; |
1465 width: 100%; |
1465 left:0; |
1466 } |
1466 opacity:.1; |
1467 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { |
1467 pointer-events:none; |
1468 display: flex; |
1468 position:absolute; |
1469 } |
1469 right:0; |
1470 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, |
1470 top:0; |
1471 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, |
1471 } |
1472 .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { |
1472 .wp-block-navigation-placeholder__preview>svg{ |
1473 display: none; |
1473 fill:currentColor; |
1474 } |
1474 } |
1475 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { |
1475 |
1476 flex-direction: column; |
1476 .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ |
1477 align-items: flex-start; |
1477 min-height:90px; |
1478 } |
1478 } |
1479 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { |
1479 |
1480 display: none; |
1480 .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ |
1481 } |
1481 min-height:132px; |
1482 .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { |
1482 } |
1483 margin-left: 12px; |
1483 |
1484 height: 36px; |
1484 .wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ |
1485 } |
1485 align-items:flex-start; |
1486 |
1486 flex-direction:row; |
1487 .wp-block-navigation-placeholder__actions__indicator { |
1487 padding:6px 8px; |
1488 display: flex; |
1488 } |
1489 padding: 0 0 0 6px; |
1489 |
1490 align-items: center; |
1490 .wp-block-navigation-placeholder__controls{ |
1491 justify-content: flex-start; |
1491 background-color:#fff; |
1492 line-height: 0; |
1492 border-radius:2px; |
1493 height: 36px; |
1493 box-shadow:inset 0 0 0 1px #1e1e1e; |
1494 margin-right: 4px; |
1494 display:none; |
1495 } |
1495 float:right; |
1496 .wp-block-navigation-placeholder__actions__indicator svg { |
1496 position:relative; |
1497 margin-left: 4px; |
1497 width:100%; |
1498 fill: currentColor; |
1498 z-index:1; |
1499 } |
1499 } |
1500 |
1500 .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ |
1501 .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { |
1501 display:flex; |
1502 flex-direction: row !important; |
1502 } |
1503 } |
1503 .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ |
1504 |
1504 display:none; |
1505 .wp-block-navigation-placeholder__actions { |
1505 } |
1506 display: flex; |
1506 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ |
1507 font-size: 13px; |
1507 align-items:flex-start; |
1508 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1508 flex-direction:column; |
1509 gap: 6px; |
1509 } |
1510 align-items: center; |
1510 .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ |
1511 height: 100%; |
1511 display:none; |
1512 } |
1512 } |
1513 .wp-block-navigation-placeholder__actions .components-dropdown, |
1513 .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ |
1514 .wp-block-navigation-placeholder__actions > .components-button { |
1514 height:36px; |
1515 margin-left: 0; |
1515 margin-left:12px; |
1516 } |
1516 } |
1517 .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { |
1517 |
1518 border: 0; |
1518 .wp-block-navigation-placeholder__actions__indicator{ |
1519 min-height: 1px; |
1519 align-items:center; |
1520 min-width: 1px; |
1520 display:flex; |
1521 background-color: #1e1e1e; |
1521 height:36px; |
1522 margin: auto 0; |
1522 justify-content:flex-start; |
1523 height: 100%; |
1523 line-height:0; |
1524 max-height: 16px; |
1524 margin-right:4px; |
1525 } |
1525 padding:0 0 0 6px; |
1526 |
1526 } |
1527 /** |
1527 .wp-block-navigation-placeholder__actions__indicator svg{ |
1528 * Mobile menu. |
1528 margin-left:4px; |
1529 */ |
1529 fill:currentColor; |
1530 @media (min-width: 600px) { |
1530 } |
1531 .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { |
1531 |
1532 display: none; |
1532 .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ |
1533 } |
1533 flex-direction:row !important; |
1534 } |
1534 } |
1535 |
1535 |
1536 .wp-block-navigation__responsive-container.is-menu-open { |
1536 .wp-block-navigation-placeholder__actions{ |
1537 position: fixed; |
1537 align-items:center; |
1538 top: 155px; |
1538 display:flex; |
1539 } |
1539 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1540 @media (min-width: 782px) { |
1540 font-size:13px; |
1541 .wp-block-navigation__responsive-container.is-menu-open { |
1541 gap:6px; |
1542 top: 93px; |
1542 height:100%; |
1543 } |
1543 } |
1544 } |
1544 .wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ |
1545 @media (min-width: 782px) { |
1545 margin-left:0; |
1546 .wp-block-navigation__responsive-container.is-menu-open { |
1546 } |
1547 right: 36px; |
1547 .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ |
1548 } |
1548 background-color:#1e1e1e; |
1549 } |
1549 border:0; |
1550 @media (min-width: 960px) { |
1550 height:100%; |
1551 .wp-block-navigation__responsive-container.is-menu-open { |
1551 margin:auto 0; |
1552 right: 160px; |
1552 max-height:16px; |
1553 } |
1553 min-height:1px; |
1554 } |
1554 min-width:1px; |
1555 |
1555 } |
1556 @media (min-width: 782px) { |
1556 @media (min-width:600px){ |
1557 .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { |
1557 .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ |
1558 top: 141px; |
1558 display:none; |
1559 } |
1559 } |
1560 } |
1560 } |
1561 |
1561 |
1562 .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, |
1562 .wp-block-navigation__responsive-container.is-menu-open{ |
1563 .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { |
1563 position:fixed; |
1564 top: 141px; |
1564 top:155px; |
1565 } |
1565 } |
1566 |
1566 @media (min-width:782px){ |
1567 .is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { |
1567 .wp-block-navigation__responsive-container.is-menu-open{ |
1568 left: 280px; |
1568 right:36px; |
1569 } |
1569 top:93px; |
1570 |
1570 } |
1571 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { |
1571 } |
1572 right: 0; |
1572 @media (min-width:960px){ |
1573 top: 155px; |
1573 .wp-block-navigation__responsive-container.is-menu-open{ |
1574 } |
1574 right:160px; |
1575 @media (min-width: 782px) { |
1575 } |
1576 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { |
1576 } |
1577 top: 61px; |
1577 |
1578 } |
1578 @media (min-width:782px){ |
1579 } |
1579 .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ |
1580 @media (min-width: 782px) { |
1580 top:141px; |
1581 .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { |
1581 } |
1582 top: 109px; |
1582 } |
1583 } |
1583 |
1584 } |
1584 .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ |
1585 .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, |
1585 top:141px; |
1586 .is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { |
1586 } |
1587 top: 109px; |
1587 |
1588 } |
1588 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ |
1589 |
1589 right:0; |
1590 body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { |
1590 top:155px; |
1591 top: 0; |
1591 } |
1592 left: 0; |
1592 @media (min-width:782px){ |
1593 bottom: 0; |
1593 .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ |
1594 right: 0; |
1594 top:61px; |
1595 } |
1595 } |
1596 |
1596 .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ |
1597 @media (min-width: 600px) { |
1597 top:109px; |
1598 .wp-block-navigation__responsive-close { |
1598 } |
1599 pointer-events: none; |
1599 } |
1600 } |
1600 .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ |
1601 .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, |
1601 top:109px; |
1602 .wp-block-navigation__responsive-close .block-editor-block-list__layout * { |
1602 } |
1603 pointer-events: all; |
1603 |
1604 } |
1604 body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ |
1605 } |
1605 bottom:0; |
1606 .wp-block-navigation__responsive-close .wp-block-pages-list__item__link { |
1606 left:0; |
1607 pointer-events: none; |
1607 right:0; |
1608 } |
1608 top:0; |
1609 |
1609 } |
1610 .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, |
1610 |
1611 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { |
1611 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ |
1612 padding: 0; |
1612 color:inherit; |
1613 height: auto; |
1613 height:auto; |
1614 color: inherit; |
1614 padding:0; |
1615 } |
1615 } |
1616 |
1616 |
1617 .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { |
1617 .components-heading.wp-block-navigation-off-canvas-editor__title{ |
1618 margin-top: 16px; |
1618 margin:0; |
1619 } |
1619 } |
1620 |
1620 |
1621 @keyframes fadein { |
1621 .wp-block-navigation-off-canvas-editor__header{ |
1622 0% { |
1622 margin-bottom:8px; |
1623 opacity: 0; |
1623 } |
1624 } |
1624 |
1625 100% { |
1625 .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ |
1626 opacity: 1; |
1626 margin-top:16px; |
1627 } |
1627 } |
1628 } |
1628 |
1629 .wp-block-navigation .components-spinner { |
1629 @keyframes fadein{ |
1630 padding: 8px 12px; |
1630 0%{ |
1631 } |
1631 opacity:0; |
1632 |
1632 } |
1633 .wp-block-navigation__unsaved-changes { |
1633 to{ |
1634 position: relative; |
1634 opacity:1; |
1635 } |
1635 } |
1636 .wp-block-navigation__unsaved-changes .components-spinner { |
1636 } |
1637 position: absolute; |
1637 .wp-block-navigation__loading-indicator-container{ |
1638 top: calc(50% - 16px / 2); |
1638 padding:8px 12px; |
1639 right: calc(50% - 16px / 2); |
1639 } |
1640 opacity: 0; |
1640 |
1641 animation: 0.5s linear 2s normal forwards fadein; |
1641 .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ |
1642 } |
1642 margin-top:0; |
1643 |
1643 } |
1644 @keyframes fadeouthalf { |
1644 |
1645 0% { |
1645 @keyframes fadeouthalf{ |
1646 opacity: 1; |
1646 0%{ |
1647 } |
1647 opacity:1; |
1648 100% { |
1648 } |
1649 opacity: 0.5; |
1649 to{ |
1650 } |
1650 opacity:.5; |
1651 } |
1651 } |
1652 .wp-block-navigation__unsaved-changes-overlay.is-saving { |
1652 } |
1653 opacity: 1; |
1653 .wp-block-navigation-delete-menu-button{ |
1654 animation: 0.5s linear 2s normal forwards fadeouthalf; |
1654 justify-content:center; |
1655 } |
1655 margin-bottom:16px; |
1656 |
1656 width:100%; |
1657 .wp-block-navigation-delete-menu-button { |
1657 } |
1658 width: 100%; |
1658 |
1659 justify-content: center; |
1659 .components-button.is-link.wp-block-navigation-manage-menus-button{ |
1660 margin-bottom: 16px; |
1660 margin-bottom:16px; |
1661 } |
1661 } |
1662 |
1662 |
1663 .wp-block-navigation__overlay-menu-preview { |
1663 .wp-block-navigation__overlay-menu-preview{ |
1664 display: flex; |
1664 align-items:center; |
1665 align-items: center; |
1665 background-color:#f0f0f0; |
1666 width: 100%; |
1666 display:flex; |
1667 background-color: #f0f0f0; |
1667 height:64px; |
1668 padding: 0 24px; |
1668 justify-content:space-between; |
1669 height: 64px; |
1669 margin-bottom:12px; |
1670 margin-bottom: 12px; |
1670 padding:0 24px; |
1671 } |
1671 width:100%; |
1672 .wp-block-navigation__overlay-menu-preview.open { |
1672 } |
1673 box-shadow: inset 0 0 0 1px #e0e0e0; |
1673 .wp-block-navigation__overlay-menu-preview.open{ |
1674 outline: 1px solid transparent; |
1674 background-color:#fff; |
1675 background-color: #fff; |
1675 box-shadow:inset 0 0 0 1px #e0e0e0; |
1676 } |
1676 outline:1px solid #0000; |
1677 |
1677 } |
1678 .wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { |
1678 |
1679 display: none; |
1679 .wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ |
1680 } |
1680 display:none; |
1681 |
1681 } |
1682 .wp-block-navigation-placeholder__actions hr + hr { |
1682 .wp-block-navigation__navigation-selector{ |
1683 display: none; |
1683 margin-bottom:16px; |
1684 } |
1684 width:100%; |
1685 |
1685 } |
1686 /** |
1686 |
1687 * Submenus. |
1687 .wp-block-navigation__navigation-selector-button{ |
1688 */ |
1688 border:1px solid; |
1689 .wp-block-navigation .has-child { |
1689 justify-content:space-between; |
1690 cursor: pointer; |
1690 width:100%; |
1691 } |
1691 } |
1692 .wp-block-navigation .has-child .wp-block-navigation__submenu-container { |
1692 |
1693 z-index: 28; |
1693 .wp-block-navigation__navigation-selector-button__icon{ |
1694 } |
1694 flex:0 0 auto; |
1695 .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { |
1695 } |
1696 z-index: 29; |
1696 |
1697 } |
1697 .wp-block-navigation__navigation-selector-button__label{ |
1698 .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { |
1698 flex:0 1 auto; |
1699 visibility: visible !important; |
1699 overflow:hidden; |
1700 opacity: 1 !important; |
1700 text-overflow:ellipsis; |
1701 min-width: 200px !important; |
1701 white-space:nowrap; |
1702 height: auto !important; |
1702 } |
1703 width: auto !important; |
1703 |
1704 overflow: visible !important; |
1704 .wp-block-navigation__navigation-selector-button--createnew{ |
1705 } |
1705 border:1px solid; |
1706 |
1706 margin-bottom:16px; |
1707 /** |
1707 width:100%; |
1708 * Navigation Items. |
1708 } |
1709 */ |
1709 |
1710 .wp-block-navigation-item .wp-block-navigation-item__content { |
1710 .wp-block-navigation__responsive-container-open.components-button{ |
1711 cursor: text; |
1711 opacity:1; |
1712 } |
1712 } |
1713 .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { |
1713 |
1714 min-width: 20px; |
1714 .wp-block-navigation__menu-inspector-controls{ |
1715 } |
1715 overflow-x:auto; |
1716 .wp-block-navigation-item .block-list-appender { |
1716 scrollbar-color:#0000 #0000; |
1717 margin-top: 16px; |
1717 scrollbar-gutter:stable both-edges; |
1718 margin-left: auto; |
1718 scrollbar-width:thin; |
1719 margin-bottom: 16px; |
1719 will-change:transform; |
1720 margin-right: 16px; |
1720 } |
1721 } |
1721 .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{ |
1722 |
1722 height:12px; |
1723 .wp-block-navigation-link__invalid-item { |
1723 width:12px; |
1724 color: #000; |
1724 } |
1725 } |
1725 .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{ |
1726 |
1726 background-color:initial; |
1727 .wp-block-navigation-link__missing_text-tooltip { |
1727 } |
1728 position: absolute; |
1728 .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{ |
1729 width: 1px; |
1729 background-clip:padding-box; |
1730 height: 1px; |
1730 background-color:initial; |
1731 padding: 0; |
1731 border:3px solid #0000; |
1732 margin: -1px; |
1732 border-radius:8px; |
1733 overflow: hidden; |
1733 } |
1734 } |
1734 .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{ |
1735 |
1735 background-color:#949494; |
1736 /** |
1736 } |
1737 * Menu item setup state. Is shown when a menu item has no URL configured. |
1737 .wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{ |
1738 */ |
1738 scrollbar-color:#949494 #0000; |
1739 .wp-block-navigation-link__placeholder { |
1739 } |
1740 position: relative; |
1740 @media (hover:none){ |
1741 text-decoration: none !important; |
1741 .wp-block-navigation__menu-inspector-controls{ |
1742 box-shadow: none !important; |
1742 scrollbar-color:#949494 #0000; |
1743 background-image: none !important; |
1743 } |
1744 } |
1744 } |
1745 .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { |
1745 |
1746 --wp-underline-color: var(--wp-admin-theme-color); |
1746 .wp-block-navigation__menu-inspector-controls__empty-message{ |
1747 background-image: linear-gradient(-45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(-135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); |
1747 margin-right:24px; |
1748 background-position: 100% 100%; |
1748 } |
1749 background-size: 6px 3px; |
1749 .wp-block-navigation .block-list-appender{ |
1750 background-repeat: repeat-x; |
1750 position:relative; |
1751 padding-bottom: 0.1em; |
1751 } |
1752 } |
1752 .wp-block-navigation .has-child{ |
1753 .is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { |
1753 cursor:pointer; |
1754 --wp-underline-color: #fff; |
1754 } |
1755 } |
1755 .wp-block-navigation .has-child .wp-block-navigation__submenu-container{ |
1756 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content { |
1756 z-index:28; |
1757 cursor: pointer; |
1757 } |
1758 } |
1758 .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{ |
1759 |
1759 z-index:29; |
1760 /** |
1760 } |
1761 * Link Control Transforms |
1761 .wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{ |
1762 */ |
1762 height:auto !important; |
1763 .link-control-transform { |
1763 min-width:200px !important; |
1764 border-top: 1px solid #ccc; |
1764 opacity:1 !important; |
1765 padding: 0 16px 8px 16px; |
1765 overflow:visible !important; |
1766 } |
1766 visibility:visible !important; |
1767 |
1767 width:auto !important; |
1768 .link-control-transform__subheading { |
1768 } |
1769 font-size: 11px; |
1769 .wp-block-navigation-item .wp-block-navigation-item__content{ |
1770 text-transform: uppercase; |
1770 cursor:text; |
1771 font-weight: 500; |
1771 } |
1772 color: #1e1e1e; |
1772 .wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{ |
1773 margin-bottom: 1.5em; |
1773 min-width:20px; |
1774 } |
1774 } |
1775 |
1775 .wp-block-navigation-item .block-list-appender{ |
1776 .link-control-transform__items { |
1776 margin:16px 16px 16px auto; |
1777 display: flex; |
1777 } |
1778 justify-content: space-between; |
1778 |
1779 } |
1779 .wp-block-navigation-link__invalid-item{ |
1780 |
1780 color:#000; |
1781 .link-control-transform__item { |
1781 } |
1782 flex-basis: 33%; |
1782 .wp-block-navigation-link__placeholder{ |
1783 flex-direction: column; |
1783 background-image:none !important; |
1784 gap: 8px; |
1784 box-shadow:none !important; |
1785 height: auto; |
1785 position:relative; |
1786 } |
1786 text-decoration:none !important; |
1787 |
1787 } |
1788 .wp-block-navigation-submenu { |
1788 .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ |
1789 display: block; |
1789 --wp-underline-color:var(--wp-admin-theme-color); |
1790 } |
1790 background-image:linear-gradient(-45deg, #0000 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, #0000 46%), linear-gradient(-135deg, #0000 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, #0000 80%); |
1791 .wp-block-navigation-submenu .wp-block-navigation__submenu-container { |
1791 background-position:100% 100%; |
1792 z-index: 28; |
1792 background-repeat:repeat-x; |
1793 } |
1793 background-size:6px 3px; |
1794 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { |
1794 padding-bottom:.1em; |
1795 visibility: visible !important; |
1795 } |
1796 opacity: 1 !important; |
1796 .is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ |
1797 min-width: 200px !important; |
1797 --wp-underline-color:#fff; |
1798 height: auto !important; |
1798 } |
1799 width: auto !important; |
1799 .wp-block-navigation-link__placeholder.wp-block-navigation-item__content{ |
1800 position: absolute; |
1800 cursor:pointer; |
1801 right: -1px; |
1801 } |
1802 top: 100%; |
1802 .link-control-transform{ |
1803 } |
1803 border-top:1px solid #ccc; |
1804 @media (min-width: 782px) { |
1804 padding:0 16px 8px; |
1805 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { |
1805 } |
1806 right: 100%; |
1806 |
1807 top: -1px; |
1807 .link-control-transform__subheading{ |
1808 } |
1808 color:#1e1e1e; |
1809 .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { |
1809 font-size:11px; |
1810 content: ""; |
1810 font-weight:500; |
1811 position: absolute; |
1811 margin-bottom:1.5em; |
1812 left: 100%; |
1812 text-transform:uppercase; |
1813 height: 100%; |
1813 } |
1814 display: block; |
1814 |
1815 width: 0.5em; |
1815 .link-control-transform__items{ |
1816 background: transparent; |
1816 display:flex; |
1817 } |
1817 justify-content:space-between; |
1818 } |
1818 } |
1819 |
1819 |
1820 .block-editor-block-list__block[data-type="core/nextpage"] { |
1820 .link-control-transform__item{ |
1821 max-width: 100%; |
1821 flex-basis:33%; |
1822 text-align: center; |
1822 flex-direction:column; |
1823 margin-top: 28px; |
1823 gap:8px; |
1824 margin-bottom: 28px; |
1824 height:auto; |
1825 } |
1825 } |
1826 |
1826 |
1827 .wp-block-nextpage { |
1827 .wp-block-navigation-submenu{ |
1828 display: block; |
1828 display:block; |
1829 text-align: center; |
1829 } |
1830 white-space: nowrap; |
1830 .wp-block-navigation-submenu .wp-block-navigation__submenu-container{ |
1831 } |
1831 z-index:28; |
1832 .wp-block-nextpage > span { |
1832 } |
1833 font-size: 13px; |
1833 .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{ |
1834 position: relative; |
1834 height:auto !important; |
1835 text-transform: uppercase; |
1835 min-width:200px !important; |
1836 font-weight: 600; |
1836 opacity:1 !important; |
1837 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1837 position:absolute; |
1838 color: #757575; |
1838 right:-1px; |
1839 border-radius: 4px; |
1839 top:100%; |
1840 background: #fff; |
1840 visibility:visible !important; |
1841 padding: 6px 8px; |
1841 width:auto !important; |
1842 height: 24px; |
1842 } |
1843 } |
1843 @media (min-width:782px){ |
1844 .wp-block-nextpage::before { |
1844 .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ |
1845 content: ""; |
1845 right:100%; |
1846 position: absolute; |
1846 top:-1px; |
1847 top: calc(50%); |
1847 } |
1848 right: 0; |
1848 .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ |
1849 left: 0; |
1849 background:#0000; |
1850 border-top: 3px dashed #ccc; |
1850 content:""; |
1851 } |
1851 display:block; |
1852 |
1852 height:100%; |
1853 .wp-block-navigation .wp-block-page-list > div, |
1853 left:100%; |
1854 .wp-block-navigation .wp-block-page-list { |
1854 position:absolute; |
1855 background-color: inherit; |
1855 width:.5em; |
1856 } |
1856 } |
1857 .wp-block-navigation.items-justified-space-between .wp-block-page-list > div, |
1857 } |
1858 .wp-block-navigation.items-justified-space-between .wp-block-page-list { |
1858 |
1859 display: contents; |
1859 .block-editor-block-list__block[data-type="core/nextpage"]{ |
1860 flex: 1; |
1860 margin-bottom:28px; |
1861 } |
1861 margin-top:28px; |
1862 .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { |
1862 max-width:100%; |
1863 flex: inherit; |
1863 text-align:center; |
1864 } |
1864 } |
1865 |
1865 |
1866 .wp-block-pages-list__item__link { |
1866 .wp-block-nextpage{ |
1867 pointer-events: none; |
1867 display:block; |
1868 } |
1868 text-align:center; |
1869 |
1869 white-space:nowrap; |
1870 @media (min-width: 600px) { |
1870 } |
1871 .wp-block-page-list-modal { |
1871 .wp-block-nextpage>span{ |
1872 max-width: 480px; |
1872 background:#fff; |
1873 } |
1873 border-radius:4px; |
1874 } |
1874 color:#757575; |
1875 |
1875 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
1876 .wp-block-page-list-modal-buttons { |
1876 font-size:13px; |
1877 display: flex; |
1877 font-weight:600; |
1878 justify-content: flex-end; |
1878 height:24px; |
1879 gap: 12px; |
1879 padding:6px 8px; |
1880 } |
1880 position:relative; |
1881 |
1881 text-transform:uppercase; |
1882 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { |
1882 } |
1883 visibility: visible; |
1883 .wp-block-nextpage:before{ |
1884 opacity: 1; |
1884 border-top:3px dashed #ccc; |
1885 width: auto; |
1885 content:""; |
1886 height: auto; |
1886 left:0; |
1887 min-width: 200px; |
1887 position:absolute; |
1888 } |
1888 right:0; |
1889 |
1889 top:50%; |
1890 .wp-block-page-list .components-notice { |
1890 } |
1891 margin-right: 0; |
1891 |
1892 } |
1892 .wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{ |
1893 |
1893 background-color:inherit; |
1894 .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { |
1894 } |
1895 min-height: auto !important; |
1895 .wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{ |
1896 } |
1896 display:contents; |
1897 |
1897 flex:1; |
1898 .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { |
1898 } |
1899 opacity: 1; |
1899 .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{ |
1900 } |
1900 flex:inherit; |
1901 |
1901 } |
1902 .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { |
1902 |
1903 opacity: 0; |
1903 .wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{ |
1904 } |
1904 display:block; |
1905 |
1905 } |
1906 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { |
1906 |
1907 display: inline-block; |
1907 .wp-block-pages-list__item__link{ |
1908 } |
1908 pointer-events:none; |
1909 |
1909 } |
1910 .wp-block-pullquote.has-text-align-left p, |
1910 |
1911 .wp-block-pullquote.has-text-align-right p, |
1911 @media (min-width:600px){ |
1912 .wp-block[data-align=left] > .wp-block-pullquote p, |
1912 .wp-block-page-list-modal{ |
1913 .wp-block[data-align=right] > .wp-block-pullquote p { |
1913 max-width:480px; |
1914 font-size: 20px; |
1914 } |
1915 } |
1915 } |
1916 |
1916 |
1917 .wp-block-pullquote blockquote p { |
1917 .wp-block-page-list-modal-buttons{ |
1918 font-size: 28px; |
1918 display:flex; |
1919 line-height: 1.6; |
1919 gap:12px; |
1920 } |
1920 justify-content:flex-end; |
1921 |
1921 } |
1922 .wp-block-pullquote.is-style-solid-color blockquote p { |
1922 |
1923 font-size: 32px; |
1923 .wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{ |
1924 } |
1924 height:auto; |
1925 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { |
1925 min-width:200px; |
1926 text-transform: none; |
1926 opacity:1; |
1927 font-style: normal; |
1927 visibility:visible; |
1928 } |
1928 width:auto; |
1929 |
1929 } |
1930 .wp-block-pullquote .wp-block-pullquote__citation { |
1930 |
1931 color: inherit; |
1931 .wp-block-page-list__loading-indicator-container{ |
1932 } |
1932 padding:8px 12px; |
1933 |
1933 } |
1934 .wp-block-rss li a > div { |
1934 |
1935 display: inline; |
1935 .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{ |
1936 } |
1936 min-height:auto !important; |
1937 |
1937 } |
1938 .wp-block-rss__placeholder-form { |
1938 |
1939 display: flex; |
1939 .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{ |
1940 align-items: stretch; |
1940 opacity:1; |
1941 } |
1941 } |
1942 .wp-block-rss__placeholder-form > * { |
1942 |
1943 margin-bottom: 8px; |
1943 .block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{ |
1944 } |
1944 opacity:0; |
1945 @media (min-width: 782px) { |
1945 } |
1946 .wp-block-rss__placeholder-form > * { |
1946 |
1947 margin-bottom: 0; |
1947 .block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"],.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"]{ |
1948 } |
1948 rotate:180deg; |
1949 } |
1949 } |
1950 |
1950 |
1951 .wp-block-rss__placeholder-input { |
1951 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{ |
1952 display: flex; |
1952 display:inline; |
1953 align-items: stretch; |
1953 } |
1954 flex-grow: 1; |
1954 |
1955 } |
1955 .wp-block-pullquote.is-style-solid-color blockquote p{ |
1956 .wp-block-rss__placeholder-input .components-base-control__field { |
1956 font-size:32px; |
1957 margin: 0; |
1957 } |
1958 display: flex; |
1958 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{ |
1959 align-items: stretch; |
1959 font-style:normal; |
1960 flex-grow: 1; |
1960 text-transform:none; |
1961 margin-left: 8px; |
1961 } |
1962 } |
1962 |
1963 |
1963 .wp-block-pullquote .wp-block-pullquote__citation{ |
1964 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { |
1964 color:inherit; |
1965 margin: auto; |
1965 } |
1966 } |
1966 |
1967 |
1967 .wp-block-rss li a>div{ |
1968 .wp-block-search .wp-block-search__button { |
1968 display:inline; |
1969 height: auto; |
1969 } |
1970 border-radius: initial; |
1970 |
1971 display: flex; |
1971 .wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ |
1972 align-items: center; |
1972 flex:1 1 auto; |
1973 } |
1973 } |
1974 .wp-block-search__components-button-group { |
1974 |
1975 margin-top: 10px; |
1975 .wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ |
1976 } |
1976 margin:auto; |
1977 |
1977 } |
1978 .block-editor-block-list__block[data-type="core/separator"] { |
1978 |
1979 padding-top: 0.1px; |
1979 .wp-block-search .wp-block-search__button{ |
1980 padding-bottom: 0.1px; |
1980 align-items:center; |
1981 } |
1981 border-radius:initial; |
1982 .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { |
1982 display:flex; |
1983 background: none !important; |
1983 height:auto; |
1984 } |
1984 justify-content:center; |
1985 |
1985 text-align:center; |
1986 [data-type="core/shortcode"] .block-editor-plain-text { |
1986 } |
1987 max-height: 250px; |
1987 .wp-block-search__components-button-group{ |
1988 } |
1988 margin-top:10px; |
1989 [data-type="core/shortcode"].components-placeholder { |
1989 } |
1990 min-height: 0; |
1990 |
1991 } |
1991 .block-editor-block-list__block[data-type="core/separator"]{ |
1992 |
1992 padding-bottom:.1px; |
1993 .blocks-shortcode__textarea { |
1993 padding-top:.1px; |
1994 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1994 } |
1995 padding: 6px 8px; |
1995 |
1996 box-shadow: 0 0 0 transparent; |
1996 .blocks-shortcode__textarea{ |
1997 transition: box-shadow 0.1s linear; |
1997 background:#fff !important; |
1998 border-radius: 2px; |
1998 border:1px solid #1e1e1e !important; |
1999 border: 1px solid #757575; |
1999 border-radius:2px !important; |
2000 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
2000 box-shadow:none !important; |
2001 font-size: 16px; |
2001 box-sizing:border-box; |
2002 /* Override core line-height. To be reviewed. */ |
2002 color:#1e1e1e !important; |
2003 line-height: normal; |
2003 font-family:Menlo,Consolas,monaco,monospace !important; |
2004 } |
2004 font-size:16px !important; |
2005 @media (prefers-reduced-motion: reduce) { |
2005 max-height:250px; |
2006 .blocks-shortcode__textarea { |
2006 padding:12px !important; |
2007 transition-duration: 0s; |
2007 resize:none; |
2008 transition-delay: 0s; |
2008 } |
2009 } |
2009 @media (min-width:600px){ |
2010 } |
2010 .blocks-shortcode__textarea{ |
2011 @media (min-width: 600px) { |
2011 font-size:13px !important; |
2012 .blocks-shortcode__textarea { |
2012 } |
2013 font-size: 13px; |
2013 } |
2014 /* Override core line-height. To be reviewed. */ |
2014 .blocks-shortcode__textarea:focus{ |
2015 line-height: normal; |
2015 border-color:var(--wp-admin-theme-color) !important; |
2016 } |
2016 box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; |
2017 } |
2017 outline:2px solid #0000 !important; |
2018 .blocks-shortcode__textarea:focus { |
2018 } |
2019 border-color: var(--wp-admin-theme-color); |
2019 |
2020 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
2020 .wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{ |
2021 outline: 2px solid transparent; |
2021 display:table; |
2022 } |
2022 margin-left:auto; |
2023 .blocks-shortcode__textarea::-webkit-input-placeholder { |
2023 margin-right:auto; |
2024 color: rgba(30, 30, 30, 0.62); |
2024 } |
2025 } |
2025 |
2026 .blocks-shortcode__textarea::-moz-placeholder { |
2026 .wp-block-site-logo a{ |
2027 opacity: 1; |
2027 pointer-events:none; |
2028 color: rgba(30, 30, 30, 0.62); |
2028 } |
2029 } |
2029 .wp-block-site-logo .custom-logo-link{ |
2030 .blocks-shortcode__textarea:-ms-input-placeholder { |
2030 cursor:inherit; |
2031 color: rgba(30, 30, 30, 0.62); |
2031 } |
2032 } |
2032 .wp-block-site-logo .custom-logo-link:focus{ |
2033 |
2033 box-shadow:none; |
2034 .wp-block[data-align=center] > .wp-block-site-logo, |
2034 } |
2035 .wp-block-site-logo.aligncenter > div { |
2035 .wp-block-site-logo img{ |
2036 display: table; |
2036 display:block; |
2037 margin-right: auto; |
2037 height:auto; |
2038 margin-left: auto; |
2038 max-width:100%; |
2039 } |
2039 } |
2040 |
2040 .wp-block-site-logo.is-transient{ |
2041 .wp-block-site-logo a { |
2041 position:relative; |
2042 pointer-events: none; |
2042 } |
2043 } |
2043 .wp-block-site-logo.is-transient img{ |
2044 .wp-block-site-logo .custom-logo-link { |
2044 opacity:.3; |
2045 cursor: inherit; |
2045 } |
2046 } |
2046 .wp-block-site-logo.is-transient .components-spinner{ |
2047 .wp-block-site-logo .custom-logo-link:focus { |
2047 margin:0; |
2048 box-shadow: none; |
2048 position:absolute; |
2049 } |
2049 right:50%; |
2050 .wp-block-site-logo .custom-logo-link.is-transient img { |
2050 top:50%; |
2051 opacity: 0.3; |
2051 transform:translate(50%, -50%); |
2052 } |
2052 } |
2053 .wp-block-site-logo img { |
2053 |
2054 display: block; |
2054 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ |
2055 height: auto; |
2055 height:60px; |
2056 max-width: 100%; |
2056 width:60px; |
2057 } |
2057 } |
2058 |
2058 .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{ |
2059 .wp-block-site-logo.wp-block-site-logo .components-placeholder, |
2059 border-radius:inherit; |
2060 .wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { |
2060 } |
2061 border-radius: inherit; |
2061 .wp-block-site-logo.wp-block-site-logo .components-placeholder{ |
2062 } |
2062 align-items:center; |
2063 .wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { |
2063 border-radius:inherit; |
2064 height: 120px; |
2064 display:flex; |
2065 width: 120px; |
2065 height:100%; |
2066 } |
2066 justify-content:center; |
2067 .wp-block-site-logo.wp-block-site-logo .components-placeholder { |
2067 min-height:48px; |
2068 display: flex; |
2068 min-width:48px; |
2069 justify-content: center; |
2069 padding:0; |
2070 align-items: center; |
2070 width:100%; |
2071 box-shadow: none; |
2071 } |
2072 padding: 0; |
2072 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{ |
2073 min-height: 48px; |
2073 display:none; |
2074 min-width: 48px; |
2074 } |
2075 height: 100%; |
2075 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{ |
2076 width: 100%; |
2076 align-items:center; |
2077 color: currentColor; |
2077 background:var(--wp-admin-theme-color); |
2078 background: transparent; |
2078 border-color:var(--wp-admin-theme-color); |
2079 } |
2079 border-radius:50%; |
2080 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { |
2080 border-style:solid; |
2081 display: none; |
2081 color:#fff; |
2082 } |
2082 display:flex; |
2083 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview { |
2083 height:48px; |
2084 position: absolute; |
2084 justify-content:center; |
2085 top: 4px; |
2085 margin:auto; |
2086 left: 4px; |
2086 padding:0; |
2087 bottom: 4px; |
2087 position:relative; |
2088 right: 4px; |
2088 width:48px; |
2089 background: rgba(255, 255, 255, 0.8); |
2089 } |
2090 display: flex; |
2090 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{ |
2091 align-items: center; |
2091 color:inherit; |
2092 justify-content: center; |
2092 } |
2093 } |
2093 |
2094 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { |
2094 .block-library-site-logo__inspector-upload-container{ |
2095 display: none; |
2095 position:relative; |
2096 } |
2096 } |
2097 .wp-block-site-logo.wp-block-site-logo .components-placeholder::before { |
2097 .block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon{ |
2098 content: ""; |
2098 display:none; |
2099 display: block; |
2099 } |
2100 position: absolute; |
2100 |
2101 top: 0; |
2101 .block-library-site-logo__inspector-media-replace-container button.components-button,.block-library-site-logo__inspector-upload-container button.components-button{ |
2102 left: 0; |
2102 box-shadow:inset 0 0 0 1px #ccc; |
2103 bottom: 0; |
2103 color:#1e1e1e; |
2104 right: 0; |
2104 display:block; |
2105 border: 1px dashed currentColor; |
2105 height:40px; |
2106 opacity: 0.4; |
2106 width:100%; |
2107 pointer-events: none; |
2107 } |
2108 border-radius: inherit; |
2108 .block-library-site-logo__inspector-media-replace-container button.components-button:hover,.block-library-site-logo__inspector-upload-container button.components-button:hover{ |
2109 } |
2109 color:var(--wp-admin-theme-color); |
2110 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset { |
2110 } |
2111 width: auto; |
2111 .block-library-site-logo__inspector-media-replace-container button.components-button:focus,.block-library-site-logo__inspector-upload-container button.components-button:focus{ |
2112 } |
2112 box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2113 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { |
2113 } |
2114 color: inherit; |
2114 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title,.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title{ |
2115 padding: 0; |
2115 text-align:start; |
2116 display: flex; |
2116 text-align-last:center; |
2117 justify-content: center; |
2117 white-space:normal; |
2118 align-items: center; |
2118 word-break:break-all; |
2119 width: 48px; |
2119 } |
2120 height: 48px; |
2120 |
2121 border-radius: 50%; |
2121 .block-library-site-logo__inspector-media-replace-container .components-dropdown{ |
2122 position: relative; |
2122 display:block; |
2123 visibility: hidden; |
2123 } |
2124 background: transparent; |
2124 .block-library-site-logo__inspector-media-replace-container img{ |
2125 transition: all 0.1s linear; |
2125 aspect-ratio:1; |
2126 } |
2126 border-radius:50% !important; |
2127 @media (prefers-reduced-motion: reduce) { |
2127 box-shadow:inset 0 0 0 1px #0003; |
2128 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { |
2128 min-width:20px; |
2129 transition-duration: 0s; |
2129 width:20px; |
2130 transition-delay: 0s; |
2130 } |
2131 } |
2131 .block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview{ |
2132 } |
2132 display:flex; |
2133 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { |
2133 height:40px; |
2134 color: #fff; |
2134 padding:6px 12px; |
2135 } |
2135 } |
2136 .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__illustration { |
2136 |
2137 position: absolute; |
2137 .wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{ |
2138 top: 0; |
2138 border:1px dashed; |
2139 left: 0; |
2139 padding:1em 0; |
2140 bottom: 0; |
2140 } |
2141 right: 0; |
2141 |
2142 width: 100%; |
2142 .editor-styles-wrapper :where(.wp-block-site-title a){ |
2143 height: 100%; |
2143 color:inherit; |
2144 stroke: currentColor; |
2144 } |
2145 stroke-dasharray: 3; |
2145 |
2146 opacity: 0.4; |
2146 .wp-block-social-links .wp-social-link{ |
2147 } |
2147 line-height:0; |
2148 .wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button { |
2148 } |
2149 background: var(--wp-admin-theme-color); |
2149 |
2150 border-color: var(--wp-admin-theme-color); |
2150 .wp-block-social-link-anchor{ |
2151 border-style: solid; |
2151 align-items:center; |
2152 color: #fff; |
2152 background:none; |
2153 opacity: 1; |
2153 border:0; |
2154 visibility: visible; |
2154 box-sizing:border-box; |
2155 } |
2155 color:currentColor; |
2156 |
2156 cursor:pointer; |
2157 .wp-block-site-tagline__placeholder { |
2157 display:inline-flex; |
2158 padding: 1em 0; |
2158 font-size:inherit; |
2159 border: 1px dashed; |
2159 height:auto; |
2160 } |
2160 opacity:1; |
2161 |
2161 padding:.25em; |
2162 .wp-block-site-title__placeholder { |
2162 } |
2163 padding: 1em 0; |
2163 .wp-block-social-link-anchor:focus:not(:disabled){ |
2164 border: 1px dashed; |
2164 border-radius:2px; |
2165 } |
2165 box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
2166 |
2166 outline:3px solid #0000; |
2167 .wp-block-social-links .wp-social-link { |
2167 } |
2168 line-height: 0; |
2168 |
2169 } |
2169 :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button){ |
2170 .wp-block-social-links .wp-social-link button { |
2170 padding-left:.66667em; |
2171 font-size: inherit; |
2171 padding-right:.66667em; |
2172 color: currentColor; |
2172 } |
2173 height: auto; |
2173 |
2174 line-height: 0; |
2174 :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button){ |
2175 padding: 0.25em; |
2175 padding:0; |
2176 } |
2176 } |
2177 |
2177 |
2178 .wp-block-social-links.is-style-pill-shape .wp-social-link button { |
2178 .wp-block-social-links div.block-editor-url-input{ |
2179 padding-right: calc((2/3) * 1em); |
2179 display:inline-block; |
2180 padding-left: calc((2/3) * 1em); |
2180 margin-right:8px; |
2181 } |
2181 } |
2182 |
2182 |
2183 .wp-block-social-links.is-style-logos-only .wp-social-link button { |
2183 .wp-social-link:hover{ |
2184 padding: 0; |
2184 transform:none; |
2185 } |
2185 } |
2186 |
2186 |
2187 .wp-block-social-links div.block-editor-url-input { |
2187 :root :where(.wp-block-social-links),:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link){ |
2188 display: inline-block; |
2188 padding:0; |
2189 margin-right: 8px; |
2189 } |
2190 } |
2190 |
2191 .wp-block-social-links.wp-block-social-links { |
2191 :root :where(.wp-block-social-links__social-placeholder .wp-social-link){ |
2192 background: none; |
2192 padding:.25em; |
2193 } |
2193 } |
2194 |
2194 |
2195 .wp-social-link:hover { |
2195 :root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link){ |
2196 transform: none; |
2196 padding-left:.66667em; |
2197 } |
2197 padding-right:.66667em; |
2198 |
2198 } |
2199 .editor-styles-wrapper .wp-block-social-links { |
2199 |
2200 padding: 0; |
2200 .wp-block-social-links__social-placeholder{ |
2201 } |
2201 display:flex; |
2202 |
2202 list-style:none; |
2203 .wp-block-social-links__social-placeholder { |
2203 opacity:.8; |
2204 display: flex; |
2204 } |
2205 opacity: 0.8; |
2205 .wp-block-social-links__social-placeholder>.wp-social-link{ |
2206 list-style: none; |
2206 margin-left:0 !important; |
2207 } |
2207 margin-right:0 !important; |
2208 .wp-block-social-links__social-placeholder > .wp-social-link { |
2208 padding-left:0 !important; |
2209 padding-right: 0 !important; |
2209 padding-right:0 !important; |
2210 margin-right: 0 !important; |
2210 visibility:hidden; |
2211 padding-left: 0 !important; |
2211 width:0 !important; |
2212 margin-left: 0 !important; |
2212 } |
2213 width: 0 !important; |
2213 .wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ |
2214 visibility: hidden; |
2214 display:flex; |
2215 } |
2215 } |
2216 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { |
2216 .wp-block-social-links__social-placeholder .wp-social-link:before{ |
2217 display: flex; |
2217 border-radius:50%; |
2218 } |
2218 content:""; |
2219 .wp-block-social-links__social-placeholder .wp-social-link { |
2219 display:block; |
2220 padding: 0.25em; |
2220 height:1em; |
2221 } |
2221 width:1em; |
2222 .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { |
2222 } |
2223 padding-right: calc((2/3) * 1em); |
2223 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{ |
2224 padding-left: calc((2/3) * 1em); |
2224 background:currentColor; |
2225 } |
2225 } |
2226 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { |
2226 |
2227 padding: 0; |
2227 .wp-block-social-links .wp-block-social-links__social-prompt{ |
2228 } |
2228 cursor:default; |
2229 .wp-block-social-links__social-placeholder .wp-social-link::before { |
2229 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
2230 content: ""; |
2230 font-size:13px; |
2231 display: block; |
2231 line-height:24px; |
2232 width: 1em; |
2232 list-style:none; |
2233 height: 1em; |
2233 margin-bottom:auto; |
2234 border-radius: 50%; |
2234 margin-top:auto; |
2235 } |
2235 min-height:24px; |
2236 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { |
2236 padding-left:8px; |
2237 background: currentColor; |
2237 } |
2238 } |
2238 |
2239 |
2239 .wp-block.wp-block-social-links.aligncenter,.wp-block[data-align=center]>.wp-block-social-links{ |
2240 .wp-block-social-links .wp-block-social-links__social-prompt { |
2240 justify-content:center; |
2241 min-height: 24px; |
2241 } |
2242 list-style: none; |
2242 |
2243 order: 2; |
2243 .block-editor-block-preview__content .components-button:disabled{ |
2244 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
2244 opacity:1; |
2245 font-size: 13px; |
2245 } |
2246 line-height: 24px; |
2246 |
2247 margin-top: auto; |
2247 .wp-social-link.wp-social-link__is-incomplete{ |
2248 margin-bottom: auto; |
2248 opacity:.5; |
2249 cursor: default; |
2249 } |
2250 padding-left: 8px; |
2250 @media (prefers-reduced-motion:reduce){ |
2251 } |
2251 .wp-social-link.wp-social-link__is-incomplete{ |
2252 |
2252 transition-delay:0s; |
2253 .wp-block[data-align=center] > .wp-block-social-links { |
2253 transition-duration:0s; |
2254 justify-content: center; |
2254 } |
2255 } |
2255 } |
2256 |
2256 |
2257 .block-editor-block-preview__content .components-button:disabled { |
2257 .wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{ |
2258 opacity: 1; |
2258 opacity:1; |
2259 } |
2259 } |
2260 |
2260 |
2261 .wp-social-link.wp-social-link__is-incomplete { |
2261 .block-editor-block-list__block[data-type="core/spacer"]:before{ |
2262 opacity: 0.5; |
2262 content:""; |
2263 } |
2263 display:block; |
2264 @media (prefers-reduced-motion: reduce) { |
2264 height:100%; |
2265 .wp-social-link.wp-social-link__is-incomplete { |
2265 min-height:8px; |
2266 transition-duration: 0s; |
2266 min-width:8px; |
2267 transition-delay: 0s; |
2267 position:absolute; |
2268 } |
2268 width:100%; |
2269 } |
2269 z-index:1; |
2270 |
2270 } |
2271 .wp-block-social-links .is-selected .wp-social-link__is-incomplete, |
2271 |
2272 .wp-social-link.wp-social-link__is-incomplete:hover, |
2272 .block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container,.wp-block-spacer.is-selected.custom-sizes-disabled{ |
2273 .wp-social-link.wp-social-link__is-incomplete:focus { |
2273 background:#0000001a; |
2274 opacity: 1; |
2274 } |
2275 } |
2275 .is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled{ |
2276 |
2276 background:#ffffff26; |
2277 .block-editor-block-list__block[data-type="core/spacer"]::before { |
2277 } |
2278 content: ""; |
2278 |
2279 display: block; |
2279 .block-library-spacer__resize-container{ |
2280 position: absolute; |
2280 clear:both; |
2281 z-index: 1; |
2281 } |
2282 width: 100%; |
2282 .block-library-spacer__resize-container:not(.is-resizing){ |
2283 min-height: 8px; |
2283 height:100% !important; |
2284 min-width: 8px; |
2284 width:100% !important; |
2285 height: 100%; |
2285 } |
2286 } |
2286 .block-library-spacer__resize-container .components-resizable-box__handle:before{ |
2287 |
2287 content:none; |
2288 .wp-block-spacer.is-hovered .block-library-spacer__resize-container, |
2288 } |
2289 .block-library-spacer__resize-container.has-show-handle { |
2289 .block-library-spacer__resize-container.resize-horizontal{ |
2290 background: rgba(0, 0, 0, 0.1); |
2290 height:100% !important; |
2291 } |
2291 margin-bottom:0; |
2292 .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, |
2292 } |
2293 .is-dark-theme .block-library-spacer__resize-container.has-show-handle { |
2293 |
2294 background: rgba(255, 255, 255, 0.15); |
2294 .wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{ |
2295 } |
2295 height:auto; |
2296 |
2296 } |
2297 .block-library-spacer__resize-container { |
2297 .wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{ |
2298 clear: both; |
2298 width:auto; |
2299 } |
2299 } |
2300 .block-library-spacer__resize-container:not(.is-resizing) { |
2300 .wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{ |
2301 height: 100% !important; |
2301 word-break:break-word; |
2302 width: 100% !important; |
2302 } |
2303 } |
2303 .wp-block[data-align=center]>.wp-block-table{ |
2304 .block-library-spacer__resize-container .components-resizable-box__handle::before { |
2304 text-align:initial; |
2305 content: none; |
2305 } |
2306 } |
2306 .wp-block[data-align=center]>.wp-block-table table{ |
2307 .block-library-spacer__resize-container.resize-horizontal { |
2307 margin:0 auto; |
2308 margin-bottom: 0; |
2308 } |
2309 } |
2309 .wp-block-table td,.wp-block-table th{ |
2310 |
2310 border:1px solid; |
2311 .wp-block-table { |
2311 padding:.5em; |
2312 margin: 0; |
2312 } |
2313 } |
2313 .wp-block-table td.is-selected,.wp-block-table th.is-selected{ |
2314 .wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { |
2314 border-color:var(--wp-admin-theme-color); |
2315 height: auto; |
2315 border-style:double; |
2316 } |
2316 box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); |
2317 .wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { |
2317 } |
2318 width: auto; |
2318 .wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ |
2319 } |
2319 border:1px solid; |
2320 .wp-block[data-align=left] > .wp-block-table td, |
2320 } |
2321 .wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, |
2321 |
2322 .wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, |
2322 .blocks-table__placeholder-form.blocks-table__placeholder-form{ |
2323 .wp-block[data-align=center] > .wp-block-table th { |
2323 align-items:flex-start; |
2324 word-break: break-word; |
2324 display:flex; |
2325 } |
2325 flex-direction:column; |
2326 .wp-block[data-align=center] > .wp-block-table { |
2326 gap:8px; |
2327 text-align: initial; |
2327 } |
2328 } |
2328 @media (min-width:782px){ |
2329 .wp-block[data-align=center] > .wp-block-table table { |
2329 .blocks-table__placeholder-form.blocks-table__placeholder-form{ |
2330 margin: 0 auto; |
2330 align-items:flex-end; |
2331 } |
2331 flex-direction:row; |
2332 .wp-block-table td, |
2332 } |
2333 .wp-block-table th { |
2333 } |
2334 border: 1px solid; |
2334 |
2335 } |
2335 .blocks-table__placeholder-input{ |
2336 .wp-block-table td.is-selected, |
2336 width:112px; |
2337 .wp-block-table th.is-selected { |
2337 } |
2338 border-color: var(--wp-admin-theme-color); |
2338 |
2339 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
2339 .block-editor-template-part__selection-modal{ |
2340 border-style: double; |
2340 z-index:1000001; |
2341 } |
2341 } |
2342 .wp-block-table figcaption { |
2342 .block-editor-template-part__selection-modal .block-editor-block-patterns-list{ |
2343 color: #555; |
2343 column-count:2; |
2344 font-size: 13px; |
2344 column-gap:24px; |
2345 text-align: center; |
2345 } |
2346 } |
2346 @media (min-width:1280px){ |
2347 .is-dark-theme .wp-block-table figcaption { |
2347 .block-editor-template-part__selection-modal .block-editor-block-patterns-list{ |
2348 color: rgba(255, 255, 255, 0.65); |
2348 column-count:3; |
2349 } |
2349 } |
2350 |
2350 } |
2351 .blocks-table__placeholder-form.blocks-table__placeholder-form { |
2351 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
2352 display: flex; |
2352 break-inside:avoid-column; |
2353 flex-direction: column; |
2353 } |
2354 align-items: flex-start; |
2354 |
2355 } |
2355 .block-library-template-part__selection-search{ |
2356 .blocks-table__placeholder-form.blocks-table__placeholder-form > * { |
2356 background:#fff; |
2357 margin-bottom: 8px; |
2357 padding:16px 0; |
2358 } |
2358 position:sticky; |
2359 @media (min-width: 782px) { |
2359 top:0; |
2360 .blocks-table__placeholder-form.blocks-table__placeholder-form { |
2360 z-index:2; |
2361 flex-direction: row; |
2361 } |
2362 align-items: flex-end; |
2362 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ |
2363 } |
2363 outline-color:var(--wp-block-synced-color); |
2364 .blocks-table__placeholder-form.blocks-table__placeholder-form > * { |
2364 } |
2365 margin-bottom: 0; |
2365 .is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ |
2366 } |
2366 outline-color:#fff; |
2367 } |
2367 } |
2368 |
2368 |
2369 .blocks-table__placeholder-input { |
2369 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline:after{ |
2370 width: 112px; |
2370 border:none; |
2371 margin-left: 8px; |
2371 } |
2372 margin-bottom: 0; |
2372 |
2373 } |
2373 .wp-block-text-columns .block-editor-rich-text__editable:focus{ |
2374 .blocks-table__placeholder-input input { |
2374 outline:1px solid #ddd; |
2375 height: 36px; |
2375 } |
2376 } |
2376 |
2377 .blocks-table__placeholder-input .components-base-control__field { |
2377 .wp-block-video.wp-block-video.is-selected .components-placeholder{ |
2378 margin-bottom: 0; |
2378 background-color:#fff; |
2379 } |
2379 border:none; |
2380 |
2380 border-radius:2px; |
2381 @media (min-width: 600px) { |
2381 box-shadow:inset 0 0 0 1px #1e1e1e; |
2382 .block-editor-template-part__selection-modal { |
2382 color:#1e1e1e; |
2383 width: calc(100% - 32px); |
2383 } |
2384 height: calc(100% - 120px); |
2384 .wp-block-video.wp-block-video.is-selected .components-placeholder>svg{ |
2385 } |
2385 opacity:0; |
2386 } |
2386 } |
2387 @media (min-width: 782px) { |
2387 .wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{ |
2388 .block-editor-template-part__selection-modal { |
2388 display:none; |
2389 width: 750px; |
2389 } |
2390 } |
2390 .wp-block-video.wp-block-video.is-selected .components-placeholder:before{ |
2391 } |
2391 opacity:0; |
2392 @media (min-width: 960px) { |
2392 } |
2393 .block-editor-template-part__selection-modal { |
2393 .wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{ |
2394 height: 70%; |
2394 transition:none; |
2395 } |
2395 } |
2396 } |
2396 |
2397 |
2397 .wp-block[data-align=center]>.wp-block-video{ |
2398 .wp-block-text-columns .block-editor-rich-text__editable:focus { |
2398 text-align:center; |
2399 outline: 1px solid #ddd; |
2399 } |
2400 } |
2400 |
2401 |
2401 .wp-block-video{ |
2402 .wp-block[data-align=center] > .wp-block-video { |
2402 position:relative; |
2403 text-align: center; |
2403 } |
2404 } |
2404 .wp-block-video.is-transient video{ |
2405 |
2405 opacity:.3; |
2406 .wp-block-video { |
2406 } |
2407 position: relative; |
2407 .wp-block-video .components-spinner{ |
2408 } |
2408 margin-right:-9px; |
2409 .wp-block-video.is-transient video { |
2409 margin-top:-9px; |
2410 opacity: 0.3; |
2410 position:absolute; |
2411 } |
2411 right:50%; |
2412 .wp-block-video .components-spinner { |
2412 top:50%; |
2413 position: absolute; |
2413 } |
2414 top: 50%; |
2414 |
2415 right: 50%; |
2415 .editor-video-poster-control .components-base-control__label{ |
2416 margin-top: -9px; |
2416 display:block; |
2417 margin-right: -9px; |
2417 } |
2418 } |
2418 .editor-video-poster-control .components-button{ |
2419 |
2419 margin-left:8px; |
2420 .editor-video-poster-control .components-base-control__label { |
2420 } |
2421 display: block; |
2421 |
2422 } |
2422 .block-library-video-tracks-editor{ |
2423 .editor-video-poster-control .components-button { |
2423 z-index:159990; |
2424 margin-left: 8px; |
2424 } |
2425 } |
2425 |
2426 |
2426 .block-library-video-tracks-editor__track-list-track{ |
2427 .block-library-video-tracks-editor { |
2427 padding-right:12px; |
2428 z-index: 159990; |
2428 } |
2429 } |
2429 |
2430 |
2430 .block-library-video-tracks-editor__single-track-editor-kind-select{ |
2431 .block-library-video-tracks-editor > .components-popover__content { |
2431 max-width:240px; |
2432 width: 360px; |
2432 } |
2433 } |
2433 |
2434 |
2434 .block-library-video-tracks-editor__single-track-editor-edit-track-label{ |
2435 .block-library-video-tracks-editor__track-list-track { |
2435 color:#757575; |
2436 display: flex; |
2436 display:block; |
2437 place-content: space-between; |
2437 font-size:11px; |
2438 align-items: baseline; |
2438 font-weight:500; |
2439 padding-right: 12px; |
2439 margin-top:4px; |
2440 } |
2440 text-transform:uppercase; |
2441 |
2441 } |
2442 .block-library-video-tracks-editor__single-track-editor-label-language { |
2442 |
2443 display: flex; |
2443 .block-library-video-tracks-editor>.components-popover__content{ |
2444 margin-top: 12px; |
2444 padding:0; |
2445 } |
2445 width:360px; |
2446 .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { |
2446 } |
2447 width: 50%; |
2447 |
2448 } |
2448 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{ |
2449 .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { |
2449 padding:0; |
2450 margin-left: 16px; |
2450 } |
2451 } |
2451 |
2452 |
2452 .block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ |
2453 .block-library-video-tracks-editor__single-track-editor-kind-select { |
2453 padding:12px; |
2454 max-width: 240px; |
2454 } |
2455 } |
2455 |
2456 |
2456 .editor-styles-wrapper ul.wp-block-post-template{ |
2457 .block-library-video-tracks-editor__single-track-editor-buttons-container { |
2457 list-style:none; |
2458 display: flex; |
2458 margin-right:0; |
2459 place-content: space-between; |
2459 padding-right:0; |
2460 margin-top: 32px; |
2460 } |
2461 } |
2461 |
2462 |
2462 .block-library-query-toolbar__popover .components-popover__content{ |
2463 .block-library-video-tracks-editor__single-track-editor-edit-track-label { |
2463 min-width:230px; |
2464 margin-top: 4px; |
2464 } |
2465 margin-bottom: 12px; |
2465 |
2466 color: #757575; |
2466 .wp-block-query__create-new-link{ |
2467 text-transform: uppercase; |
2467 padding:0 52px 16px 16px; |
2468 font-size: 11px; |
2468 } |
2469 font-weight: 500; |
2469 |
2470 display: block; |
2470 .block-library-query__pattern-selection-content .block-editor-block-patterns-list{ |
2471 } |
2471 display:grid; |
2472 |
2472 grid-template-columns:1fr 1fr 1fr; |
2473 .block-library-video-tracks-editor > .components-popover__content > div { |
2473 grid-gap:8px; |
2474 padding: 0; |
2474 } |
2475 } |
2475 .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
2476 |
2476 margin-bottom:0; |
2477 .block-library-video-tracks-editor__track-list .components-menu-group__label, |
2477 } |
2478 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { |
2478 .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ |
2479 padding: 0; |
2479 max-height:250px; |
2480 } |
2480 } |
2481 |
2481 |
2482 .block-library-video-tracks-editor__single-track-editor, |
2482 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list{ |
2483 .block-library-video-tracks-editor__track-list, |
2483 column-count:2; |
2484 .block-library-video-tracks-editor__add-tracks-container { |
2484 column-gap:24px; |
2485 padding: 12px; |
2485 } |
2486 } |
2486 @media (min-width:1280px){ |
2487 |
2487 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list{ |
2488 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { |
2488 column-count:3; |
2489 margin-bottom: 4px; |
2489 } |
2490 } |
2490 } |
2491 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { |
2491 .block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ |
2492 margin-bottom: 12px; |
2492 break-inside:avoid-column; |
2493 } |
2493 } |
2494 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { |
2494 .block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ |
2495 margin-right: 0; |
2495 background:#fff; |
2496 } |
2496 margin-bottom:-4px; |
2497 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { |
2497 padding:16px 0; |
2498 margin-bottom: 4px; |
2498 position:sticky; |
2499 } |
2499 top:0; |
2500 |
2500 transform:translateY(-4px); |
2501 .editor-styles-wrapper ul.wp-block-post-template { |
2501 z-index:2; |
2502 padding-right: 0; |
2502 } |
2503 margin-right: 0; |
2503 |
2504 list-style: none; |
2504 .block-library-query-toolspanel__filters .components-form-token-field__help{ |
2505 } |
2505 margin-bottom:0; |
2506 |
2506 } |
2507 .block-library-query-toolbar__popover .components-popover__content { |
2507 .block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){ |
2508 min-width: 230px; |
2508 margin-bottom:24px; |
2509 } |
2509 } |
2510 |
2510 |
2511 .wp-block-query__create-new-link { |
2511 @media (min-width:600px){ |
2512 padding: 0 56px 16px 16px; |
2512 .wp-block-query__enhanced-pagination-modal{ |
2513 } |
2513 max-width:480px; |
2514 |
2514 } |
2515 .block-library-query__pattern-selection-content .block-editor-block-patterns-list { |
2515 } |
2516 display: grid; |
2516 |
2517 grid-template-columns: 1fr 1fr 1fr; |
2517 .wp-block-query__enhanced-pagination-notice{ |
2518 grid-gap: 8px; |
2518 margin:0; |
2519 } |
2519 } |
2520 .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { |
2520 |
2521 margin-bottom: 0; |
2521 .wp-block[data-align=center]>.wp-block-query-pagination{ |
2522 } |
2522 justify-content:center; |
2523 .block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { |
2523 } |
2524 max-height: 250px; |
2524 |
2525 } |
2525 .editor-styles-wrapper .wp-block-query-pagination{ |
2526 |
2526 max-width:100%; |
2527 .block-editor-query-pattern__selection-modal .components-modal__content { |
2527 } |
2528 overflow: hidden; |
2528 .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{ |
2529 padding: 0; |
2529 margin:0; |
2530 } |
2530 } |
2531 .block-editor-query-pattern__selection-modal .components-modal__content::before { |
2531 |
2532 margin-bottom: 0; |
2532 .wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ |
2533 } |
2533 margin-bottom:.5em; |
2534 |
2534 margin-right:.5em; |
2535 @media (min-width: 600px) { |
2535 margin-top:.5em; |
2536 .block-editor-query-pattern__selection-modal { |
2536 } |
2537 width: calc(100% - 32px); |
2537 .wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ |
2538 height: calc(100% - 120px); |
2538 margin-right:0; |
2539 } |
2539 } |
2540 } |
2540 |
2541 @media (min-width: 782px) { |
2541 .wp-block-query-pagination-numbers a{ |
2542 .block-editor-query-pattern__selection-modal { |
2542 text-decoration:underline; |
2543 width: 750px; |
2543 } |
2544 } |
2544 .wp-block-query-pagination-numbers .page-numbers{ |
2545 } |
2545 margin-left:2px; |
2546 @media (min-width: 960px) { |
2546 } |
2547 .block-editor-query-pattern__selection-modal { |
2547 .wp-block-query-pagination-numbers .page-numbers:last-child{ |
2548 height: 80%; |
2548 margin-right:0; |
2549 width: 80%; |
2549 } |
2550 max-height: none; |
2550 |
2551 } |
2551 .wp-block-post-featured-image .block-editor-media-placeholder{ |
2552 } |
2552 -webkit-backdrop-filter:none; |
2553 |
2553 backdrop-filter:none; |
2554 .wp-block[data-align=center] > .wp-block-query-pagination { |
2554 z-index:1; |
2555 justify-content: center; |
2555 } |
2556 } |
2556 .wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{ |
2557 |
2557 align-items:center; |
2558 .editor-styles-wrapper .wp-block-query-pagination { |
2558 display:flex; |
2559 max-width: 100%; |
2559 justify-content:center; |
2560 } |
2560 min-height:200px; |
2561 .editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { |
2561 padding:0; |
2562 margin: 0; |
2562 } |
2563 } |
2563 .wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{ |
2564 |
2564 display:none; |
2565 .wp-block-query-pagination > .wp-block-query-pagination-next, |
2565 } |
2566 .wp-block-query-pagination > .wp-block-query-pagination-previous, |
2566 .wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{ |
2567 .wp-block-query-pagination > .wp-block-query-pagination-numbers { |
2567 align-items:center; |
2568 margin-right: 0; |
2568 background:var(--wp-admin-theme-color); |
2569 margin-top: 0.5em; |
2569 border-color:var(--wp-admin-theme-color); |
2570 margin-right: 0.5em; |
2570 border-radius:50%; |
2571 margin-bottom: 0.5em; |
2571 border-style:solid; |
2572 } |
2572 color:#fff; |
2573 .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, |
2573 display:flex; |
2574 .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, |
2574 height:48px; |
2575 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { |
2575 justify-content:center; |
2576 margin-right: 0; |
2576 margin:auto; |
2577 } |
2577 padding:0; |
2578 |
2578 position:relative; |
2579 .wp-block-query-pagination-numbers a { |
2579 width:48px; |
2580 text-decoration: underline; |
2580 } |
2581 } |
2581 .wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{ |
2582 .wp-block-query-pagination-numbers .page-numbers { |
2582 color:inherit; |
2583 margin-left: 2px; |
2583 } |
2584 } |
2584 .wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){ |
2585 .wp-block-query-pagination-numbers .page-numbers:last-child { |
2585 border-style:solid; |
2586 margin-right: 0; |
2586 } |
2587 } |
2587 .wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){ |
2588 |
2588 border-top-style:solid; |
2589 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder, |
2589 } |
2590 .wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container { |
2590 .wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){ |
2591 border-radius: inherit; |
2591 border-left-style:solid; |
2592 } |
2592 } |
2593 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, |
2593 .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){ |
2594 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder { |
2594 border-bottom-style:solid; |
2595 justify-content: center; |
2595 } |
2596 align-items: center; |
2596 .wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){ |
2597 box-shadow: none; |
2597 border-right-style:solid; |
2598 padding: 0; |
2598 } |
2599 color: currentColor; |
2599 .wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){ |
2600 background: transparent; |
2600 border-style:solid; |
2601 min-height: 200px; |
2601 } |
2602 } |
2602 .wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){ |
2603 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, |
2603 border-top-style:solid; |
2604 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload { |
2604 } |
2605 display: none; |
2605 .wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){ |
2606 } |
2606 border-left-style:solid; |
2607 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview, |
2607 } |
2608 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview { |
2608 .wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){ |
2609 position: absolute; |
2609 border-bottom-style:solid; |
2610 top: 4px; |
2610 } |
2611 left: 4px; |
2611 .wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){ |
2612 bottom: 4px; |
2612 border-right-style:solid; |
2613 right: 4px; |
2613 } |
2614 background: rgba(255, 255, 255, 0.8); |
2614 .wp-block-post-featured-image[style*=height] .components-placeholder{ |
2615 display: flex; |
2615 height:100%; |
2616 align-items: center; |
2616 min-height:48px; |
2617 justify-content: center; |
2617 min-width:48px; |
2618 } |
2618 width:100%; |
2619 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before, |
2619 } |
2620 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before { |
2620 .wp-block-post-featured-image>a{ |
2621 content: ""; |
2621 cursor:default; |
2622 display: block; |
2622 } |
2623 position: absolute; |
2623 .wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button,.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions,.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label{ |
2624 top: 0; |
2624 opacity:1; |
2625 left: 0; |
2625 pointer-events:auto; |
2626 bottom: 0; |
2626 } |
2627 right: 0; |
2627 .wp-block-post-featured-image.is-transient{ |
2628 border: 1px dashed currentColor; |
2628 position:relative; |
2629 opacity: 0.4; |
2629 } |
2630 pointer-events: none; |
2630 .wp-block-post-featured-image.is-transient img{ |
2631 border-radius: inherit; |
2631 opacity:.3; |
2632 } |
2632 } |
2633 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset, |
2633 .wp-block-post-featured-image.is-transient .components-spinner{ |
2634 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset { |
2634 position:absolute; |
2635 width: auto; |
2635 right:50%; |
2636 } |
2636 top:50%; |
2637 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button, |
2637 transform:translate(50%, -50%); |
2638 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button { |
2638 } |
2639 color: inherit; |
2639 |
2640 padding: 0; |
2640 div[data-type="core/post-featured-image"] img{ |
2641 display: flex; |
2641 display:block; |
2642 justify-content: center; |
2642 height:auto; |
2643 align-items: center; |
2643 max-width:100%; |
2644 width: 48px; |
2644 } |
2645 height: 48px; |
2645 |
2646 border-radius: 50%; |
2646 .wp-block-post-comments-form *{ |
2647 position: relative; |
2647 pointer-events:none; |
2648 visibility: hidden; |
2648 } |
2649 background: transparent; |
2649 .wp-block-post-comments-form .block-editor-warning *{ |
2650 transition: all 0.1s linear; |
2650 pointer-events:auto; |
2651 } |
2651 } |
2652 @media (prefers-reduced-motion: reduce) { |
2652 |
2653 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button, |
2653 .wp-block-post-content.wp-block-post-content{ |
2654 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button { |
2654 -webkit-user-select:none; |
2655 transition-duration: 0s; |
2655 user-select:none; |
2656 transition-delay: 0s; |
2656 } |
2657 } |
2657 .wp-element-button{ |
2658 } |
2658 cursor:revert; |
2659 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg, |
2659 } |
2660 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg { |
2660 .wp-element-button[role=textbox]{ |
2661 color: #fff; |
2661 cursor:text; |
2662 } |
2662 } |
2663 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration, |
2663 :root .editor-styles-wrapper .has-very-light-gray-background-color{ |
2664 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration { |
2664 background-color:#eee; |
2665 position: absolute; |
2665 } |
2666 top: 0; |
2666 :root .editor-styles-wrapper .has-very-dark-gray-background-color{ |
2667 left: 0; |
2667 background-color:#313131; |
2668 bottom: 0; |
2668 } |
2669 right: 0; |
2669 :root .editor-styles-wrapper .has-very-light-gray-color{ |
2670 width: 100%; |
2670 color:#eee; |
2671 height: 100%; |
2671 } |
2672 stroke: currentColor; |
2672 :root .editor-styles-wrapper .has-very-dark-gray-color{ |
2673 stroke-dasharray: 3; |
2673 color:#313131; |
2674 opacity: 0.4; |
2674 } |
2675 } |
2675 :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ |
2676 .wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder { |
2676 background:linear-gradient(-135deg, #00d084, #0693e3); |
2677 min-height: 48px; |
2677 } |
2678 min-width: 48px; |
2678 :root .editor-styles-wrapper .has-purple-crush-gradient-background{ |
2679 height: 100%; |
2679 background:linear-gradient(-135deg, #34e2e4, #4721fb 50%, #ab1dfe); |
2680 width: 100%; |
2680 } |
2681 } |
2681 :root .editor-styles-wrapper .has-hazy-dawn-gradient-background{ |
2682 .wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button { |
2682 background:linear-gradient(-135deg, #faaca8, #dad0ec); |
2683 background: var(--wp-admin-theme-color); |
2683 } |
2684 border-color: var(--wp-admin-theme-color); |
2684 :root .editor-styles-wrapper .has-subdued-olive-gradient-background{ |
2685 border-style: solid; |
2685 background:linear-gradient(-135deg, #fafae1, #67a671); |
2686 color: #fff; |
2686 } |
2687 opacity: 1; |
2687 :root .editor-styles-wrapper .has-atomic-cream-gradient-background{ |
2688 visibility: visible; |
2688 background:linear-gradient(-135deg, #fdd79a, #004a59); |
2689 } |
2689 } |
2690 |
2690 :root .editor-styles-wrapper .has-nightshade-gradient-background{ |
2691 div[data-type="core/post-featured-image"] img { |
2691 background:linear-gradient(-135deg, #330968, #31cdcf); |
2692 max-width: 100%; |
2692 } |
2693 height: auto; |
2693 :root .editor-styles-wrapper .has-midnight-gradient-background{ |
2694 display: block; |
2694 background:linear-gradient(-135deg, #020381, #2874fc); |
2695 } |
2695 } |
2696 |
2696 |
2697 .wp-block-post-comments__placeholder * { |
2697 :where(.editor-styles-wrapper) .has-regular-font-size{ |
2698 pointer-events: none; |
2698 font-size:16px; |
2699 } |
2699 } |
2700 |
2700 |
2701 .wp-block-post-comments-form * { |
2701 :where(.editor-styles-wrapper) .has-larger-font-size{ |
2702 pointer-events: none; |
2702 font-size:42px; |
2703 } |
2703 } |
2704 .wp-block-post-comments-form *.block-editor-warning * { |
2704 :where(.editor-styles-wrapper) iframe:not([frameborder]){ |
2705 pointer-events: auto; |
2705 border:0; |
2706 } |
2706 } |
2707 |
|
2708 :root .editor-styles-wrapper { |
|
2709 /* |
|
2710 * Our classes uses the same values we set for gradient value attributes, |
|
2711 * and we can not use spacing because of WP multi site kses rule. |
|
2712 */ |
|
2713 /* stylelint-disable function-comma-space-after */ |
|
2714 /* stylelint-enable function-comma-space-after */ |
|
2715 } |
|
2716 :root .editor-styles-wrapper .has-very-light-gray-background-color { |
|
2717 background-color: #eee; |
|
2718 } |
|
2719 :root .editor-styles-wrapper .has-very-dark-gray-background-color { |
|
2720 background-color: #313131; |
|
2721 } |
|
2722 :root .editor-styles-wrapper .has-very-light-gray-color { |
|
2723 color: #eee; |
|
2724 } |
|
2725 :root .editor-styles-wrapper .has-very-dark-gray-color { |
|
2726 color: #313131; |
|
2727 } |
|
2728 :root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { |
|
2729 background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); |
|
2730 } |
|
2731 :root .editor-styles-wrapper .has-purple-crush-gradient-background { |
|
2732 background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); |
|
2733 } |
|
2734 :root .editor-styles-wrapper .has-hazy-dawn-gradient-background { |
|
2735 background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); |
|
2736 } |
|
2737 :root .editor-styles-wrapper .has-subdued-olive-gradient-background { |
|
2738 background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); |
|
2739 } |
|
2740 :root .editor-styles-wrapper .has-atomic-cream-gradient-background { |
|
2741 background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); |
|
2742 } |
|
2743 :root .editor-styles-wrapper .has-nightshade-gradient-background { |
|
2744 background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); |
|
2745 } |
|
2746 :root .editor-styles-wrapper .has-midnight-gradient-background { |
|
2747 background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); |
|
2748 } |
|
2749 |
|
2750 .editor-styles-wrapper { |
|
2751 --wp--preset--font-size--normal: 16px; |
|
2752 --wp--preset--font-size--huge: 42px; |
|
2753 } |
|
2754 |
|
2755 .editor-styles-wrapper .has-regular-font-size { |
|
2756 font-size: 16px; |
|
2757 } |
|
2758 |
|
2759 .editor-styles-wrapper .has-larger-font-size { |
|
2760 font-size: 42px; |
|
2761 } |
|
2762 |
|
2763 .editor-styles-wrapper .has-normal-font-size { |
|
2764 font-size: var(--wp--preset--font-size--normal); |
|
2765 } |
|
2766 |
|
2767 .editor-styles-wrapper .has-huge-font-size { |
|
2768 font-size: var(--wp--preset--font-size--huge); |
|
2769 } |
|
2770 |
|
2771 /** |
|
2772 * Editor Normalization Styles |
|
2773 * |
|
2774 * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. |
|
2775 * This allows us to create normalization styles that are easily overridden by editor styles. |
|
2776 */ |
|