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