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