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