15 * |
45 * |
16 * Creates a fading overlay to signify that the content is longer |
46 * Creates a fading overlay to signify that the content is longer |
17 * than the space allows. |
47 * than the space allows. |
18 */ |
48 */ |
19 /** |
49 /** |
20 * Button states and focus styles |
50 * Focus styles. |
21 */ |
51 */ |
22 /** |
52 /** |
23 * Applies editor left position to the selector passed as argument |
53 * Applies editor left position to the selector passed as argument |
24 */ |
54 */ |
25 /** |
55 /** |
26 * Applies editor right position to the selector passed as argument |
|
27 */ |
|
28 /** |
|
29 * Styles that are reused verbatim in a few places |
56 * Styles that are reused verbatim in a few places |
30 */ |
57 */ |
31 /** |
58 /** |
32 * Allows users to opt-out of animations via OS-level preferences. |
59 * Allows users to opt-out of animations via OS-level preferences. |
33 */ |
60 */ |
|
61 /** |
|
62 * Reset default styles for JavaScript UI based pages. |
|
63 * This is a WP-admin agnostic reset |
|
64 */ |
|
65 /** |
|
66 * Reset the WP Admin page styles for Gutenberg-like pages. |
|
67 */ |
|
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 { |
|
74 display: none; } |
|
75 |
34 .block-editor ul.wp-block-archives { |
76 .block-editor ul.wp-block-archives { |
35 padding-right: 2.5em; } |
77 padding-right: 2.5em; } |
36 |
78 |
37 .wp-block-audio { |
79 .wp-block-audio { |
38 margin: 0; } |
80 margin-right: 0; |
39 |
81 margin-left: 0; } |
40 .block-editor-block-list__block[data-type="core/button"][data-align="center"] { |
82 |
41 text-align: center; } |
83 .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { |
42 |
84 min-height: auto; } |
43 .block-editor-block-list__block[data-type="core/button"][data-align="right"] { |
85 |
|
86 .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { |
|
87 padding-right: 0; |
|
88 padding-left: 0; } |
|
89 |
|
90 .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { |
|
91 display: block; } |
|
92 |
|
93 .edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { |
|
94 display: none; } |
|
95 |
|
96 .wp-block[data-align="center"] > .wp-block-button { |
|
97 text-align: center; |
|
98 margin-right: auto; |
|
99 margin-left: auto; } |
|
100 |
|
101 .wp-block[data-align="right"] > .wp-block-button { |
44 text-align: right; } |
102 text-align: right; } |
45 |
103 |
46 .wp-block-button { |
104 .wp-block-button { |
|
105 position: relative; |
|
106 cursor: text; } |
|
107 .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { |
|
108 color: #fff; } |
|
109 .wp-block-button:focus { |
|
110 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; |
|
111 box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); |
|
112 outline: 2px solid transparent; |
|
113 outline-offset: -2px; } |
|
114 .wp-block-button[data-rich-text-placeholder]::after { |
|
115 opacity: 0.8; } |
|
116 |
|
117 .wp-block-button__inline-link { |
|
118 color: #555d66; |
|
119 height: 0; |
|
120 overflow: hidden; |
|
121 max-width: 290px; } |
|
122 .wp-block-button__inline-link-input__suggestions { |
|
123 max-width: 290px; } |
|
124 @media (min-width: 782px) { |
|
125 .wp-block-button__inline-link { |
|
126 max-width: 260px; } |
|
127 .wp-block-button__inline-link-input__suggestions { |
|
128 max-width: 260px; } } |
|
129 @media (min-width: 960px) { |
|
130 .wp-block-button__inline-link { |
|
131 max-width: 290px; } |
|
132 .wp-block-button__inline-link-input__suggestions { |
|
133 max-width: 290px; } } |
|
134 .is-selected .wp-block-button__inline-link { |
|
135 height: auto; |
|
136 overflow: visible; |
|
137 margin-top: 16px; } |
|
138 |
|
139 div[data-type="core/button"] { |
|
140 display: table; } |
|
141 |
|
142 .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { |
47 display: inline-block; |
143 display: inline-block; |
48 margin-bottom: 0; |
144 width: auto; } |
49 position: relative; } |
145 |
50 .wp-block-button [contenteditable] { |
146 .wp-block[data-align="center"] > .wp-block-buttons { |
51 cursor: text; } |
|
52 .wp-block-button:not(.has-text-color):not(.is-style-outline) .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable { |
|
53 color: #fff; } |
|
54 .wp-block-button .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable { |
|
55 opacity: 0.8; } |
|
56 .block-editor-block-preview__content .wp-block-button { |
|
57 max-width: 100%; } |
|
58 .block-editor-block-preview__content .wp-block-button .block-editor-rich-text__editable[data-is-placeholder-visible="true"] { |
|
59 height: auto; } |
|
60 .block-editor-block-preview__content .wp-block-button .wp-block-button__link { |
|
61 max-width: 100%; |
|
62 overflow: hidden; |
|
63 white-space: nowrap !important; |
|
64 text-overflow: ellipsis; } |
|
65 |
|
66 .block-library-button__inline-link { |
|
67 background: #fff; |
|
68 display: flex; |
147 display: flex; |
|
148 align-items: center; |
69 flex-wrap: wrap; |
149 flex-wrap: wrap; |
70 align-items: center; |
150 justify-content: center; } |
71 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
151 |
72 font-size: 13px; |
152 .wp-block[data-align="right"] > .wp-block-buttons { |
73 line-height: 1.4; |
153 display: flex; |
74 width: 374px; } |
154 justify-content: flex-end; } |
75 .block-library-button__inline-link .block-editor-url-input { |
155 |
76 width: auto; } |
156 .wp-block-buttons .block-list-appender { |
77 .block-library-button__inline-link .block-editor-url-input__suggestions { |
157 display: inline-block; } |
78 width: 302px; |
|
79 z-index: 6; } |
|
80 .block-library-button__inline-link > .dashicon { |
|
81 width: 36px; } |
|
82 .block-library-button__inline-link .dashicon { |
|
83 color: #8f98a1; } |
|
84 .block-library-button__inline-link .block-editor-url-input input[type="text"]:-ms-input-placeholder { |
|
85 color: #8f98a1; } |
|
86 .block-library-button__inline-link .block-editor-url-input input[type="text"]::-ms-input-placeholder { |
|
87 color: #8f98a1; } |
|
88 .block-library-button__inline-link .block-editor-url-input input[type="text"]::placeholder { |
|
89 color: #8f98a1; } |
|
90 [data-align="center"] .block-library-button__inline-link { |
|
91 margin-right: auto; |
|
92 margin-left: auto; } |
|
93 [data-align="right"] .block-library-button__inline-link { |
|
94 margin-right: auto; |
|
95 margin-left: 0; } |
|
96 |
158 |
97 .block-editor .wp-block-categories ul { |
159 .block-editor .wp-block-categories ul { |
98 padding-right: 2.5em; } |
160 padding-right: 2.5em; } |
99 .block-editor .wp-block-categories ul ul { |
161 .block-editor .wp-block-categories ul ul { |
100 margin-top: 6px; } |
162 margin-top: 6px; } |
101 |
163 |
102 .wp-block-code .block-editor-plain-text { |
164 .wp-block-code > code { |
103 font-family: Menlo, Consolas, monaco, monospace; |
165 display: block; } |
104 color: #23282d; |
166 |
105 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
167 .wp-block-columns .wp-block { |
106 font-size: 16px; } |
168 max-width: none; } |
107 @media (min-width: 600px) { |
169 |
108 .wp-block-code .block-editor-plain-text { |
170 @media (min-width: 600px) { |
109 font-size: 13px; } } |
171 .editor-styles-wrapper |
110 .wp-block-code .block-editor-plain-text:focus { |
172 .block-editor-block-list__block.wp-block-column:nth-child(even) { |
111 box-shadow: none; } |
173 margin-right: 32px; } } |
112 |
174 |
113 .components-tab-button { |
175 @media (min-width: 782px) { |
114 display: inline-flex; |
176 .editor-styles-wrapper |
115 align-items: flex-end; |
177 .block-editor-block-list__block.wp-block-column:not(:first-child) { |
116 margin: 0; |
178 margin-right: 32px; } } |
117 padding: 3px; |
179 |
118 background: none; |
180 .block-editor-block-list__block.wp-block-column.wp-block-column { |
119 outline: none; |
181 margin-top: 0; |
120 color: #555d66; |
182 margin-bottom: 0; } |
121 cursor: pointer; |
183 |
122 position: relative; |
184 .wp-block-cover { |
123 height: 36px; |
185 position: relative; } |
124 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
186 .wp-block-cover.is-placeholder { |
125 font-size: 13px; |
187 min-height: auto !important; |
126 font-weight: 500; |
188 padding: 0 !important; } |
127 border: 0; } |
189 .wp-block-cover.components-placeholder h2 { |
128 .components-tab-button.is-active, .components-tab-button.is-active:hover { |
190 color: inherit; } |
129 color: #fff; } |
191 .wp-block-cover .block-editor-block-list__layout { |
130 .components-tab-button:disabled { |
192 width: 100%; } |
131 cursor: default; } |
193 .wp-block-cover .wp-block-cover__inner-container { |
132 .components-tab-button > span { |
194 text-align: right; |
133 border: 1px solid transparent; |
195 margin-right: 0; |
134 padding: 0 6px; |
196 margin-left: 0; } |
135 box-sizing: content-box; |
197 .wp-block-cover .wp-block-cover__placeholder-background-options { |
136 height: 28px; |
198 width: 100%; } |
137 line-height: 28px; } |
199 |
138 .components-tab-button:hover > span, |
200 [data-align="left"] > .wp-block-cover, |
139 .components-tab-button:focus > span { |
201 [data-align="right"] > .wp-block-cover { |
140 color: #555d66; } |
202 max-width: 290px; |
141 .components-tab-button:not(:disabled).is-active > span, |
203 width: 100%; } |
142 .components-tab-button:not(:disabled):hover > span, |
204 |
143 .components-tab-button:not(:disabled):focus > span { |
205 .block-library-cover__reset-button { |
144 border: 1px solid #555d66; } |
206 margin-right: auto; } |
145 .components-tab-button.is-active > span, |
207 |
146 .components-tab-button.is-active:hover > span { |
208 .block-library-cover__resize-container { |
147 background-color: #555d66; |
209 position: absolute !important; |
148 color: #fff; } |
210 top: 0; |
149 |
211 right: 0; |
150 .wp-block-columns .block-editor-block-list__layout { |
212 left: 0; |
|
213 bottom: 0; } |
|
214 |
|
215 .block-library-cover__resize-container:not(.is-resizing) { |
|
216 height: auto !important; } |
|
217 |
|
218 .wp-block-embed { |
151 margin-right: 0; |
219 margin-right: 0; |
152 margin-left: 0; } |
220 margin-left: 0; |
153 .wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block { |
|
154 max-width: none; } |
|
155 |
|
156 .block-editor-block-list__block[data-align="full"] .wp-block-columns > .block-editor-inner-blocks { |
|
157 padding-right: 14px; |
|
158 padding-left: 14px; } |
|
159 @media (min-width: 600px) { |
|
160 .block-editor-block-list__block[data-align="full"] .wp-block-columns > .block-editor-inner-blocks { |
|
161 padding-right: 60px; |
|
162 padding-left: 60px; } } |
|
163 |
|
164 .wp-block-columns { |
|
165 display: block; } |
|
166 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout { |
|
167 display: flex; |
|
168 flex-wrap: wrap; } |
|
169 @media (min-width: 782px) { |
|
170 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout { |
|
171 flex-wrap: nowrap; } } |
|
172 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] { |
|
173 display: flex; |
|
174 flex-direction: column; |
|
175 flex: 1; |
|
176 padding-right: 0; |
|
177 padding-left: 0; |
|
178 margin-right: -14px; |
|
179 margin-left: -14px; |
|
180 min-width: 0; |
|
181 word-break: break-word; |
|
182 overflow-wrap: break-word; |
|
183 flex-basis: 100%; } |
|
184 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit > div > .block-editor-inner-blocks { |
|
185 margin-top: -28px; |
|
186 margin-bottom: -28px; } |
|
187 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit { |
|
188 margin-top: 0; |
|
189 margin-bottom: 0; } |
|
190 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit::before { |
|
191 right: 0; |
|
192 left: 0; } |
|
193 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar { |
|
194 margin-right: -1px; } |
|
195 @media (min-width: 600px) { |
|
196 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] { |
|
197 margin-right: 14px; |
|
198 margin-left: 14px; } } |
|
199 @media (min-width: 600px) { |
|
200 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] { |
|
201 flex-basis: calc(50% - (16px + 28px)); |
|
202 flex-grow: 0; } } |
|
203 @media (min-width: 600px) { |
|
204 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:nth-child(even) { |
|
205 margin-right: calc(32px + 14px); } } |
|
206 @media (min-width: 782px) { |
|
207 .wp-block-columns > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:not(:first-child) { |
|
208 margin-right: calc(32px + 14px); } } |
|
209 |
|
210 .wp-block-columns [data-type="core/column"].is-hovered > .block-editor-block-list__block-edit::before { |
|
211 content: none; } |
|
212 |
|
213 .wp-block-columns [data-type="core/column"].is-hovered .block-editor-block-list__breadcrumb { |
|
214 display: none; } |
|
215 |
|
216 .wp-block-columns [data-type="core/column"] { |
|
217 pointer-events: none; } |
|
218 .wp-block-columns [data-type="core/column"] .block-editor-block-list__layout { |
|
219 pointer-events: all; } |
|
220 |
|
221 .wp-block-cover-image.components-placeholder h2, |
|
222 .wp-block-cover.components-placeholder h2 { |
|
223 color: inherit; } |
|
224 |
|
225 .wp-block-cover-image.has-right-content .block-editor-rich-text__inline-toolbar, |
|
226 .wp-block-cover-image.has-left-content .block-editor-rich-text__inline-toolbar, |
|
227 .wp-block-cover.has-right-content .block-editor-rich-text__inline-toolbar, |
|
228 .wp-block-cover.has-left-content .block-editor-rich-text__inline-toolbar { |
|
229 display: inline-block; } |
|
230 |
|
231 .wp-block-cover-image .block-editor-block-list__layout, |
|
232 .wp-block-cover .block-editor-block-list__layout { |
|
233 width: 100%; } |
|
234 |
|
235 .wp-block-cover-image .block-editor-block-list__block, |
|
236 .wp-block-cover .block-editor-block-list__block { |
|
237 color: #f8f9f9; } |
|
238 |
|
239 .wp-block-cover-image .wp-block-cover__inner-container, |
|
240 .wp-block-cover .wp-block-cover__inner-container { |
|
241 text-align: right; } |
|
242 |
|
243 .wp-block-cover-image .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout, |
|
244 .wp-block-cover .wp-block-cover__inner-container > .block-editor-inner-blocks > .block-editor-block-list__layout { |
|
245 margin-right: 0; |
|
246 margin-left: 0; } |
|
247 |
|
248 .wp-block-cover-image.components-placeholder, |
|
249 .wp-block-cover.components-placeholder { |
|
250 background: rgba(139, 139, 150, 0.1); |
|
251 min-height: 200px; } |
|
252 .is-dark-theme .wp-block-cover-image.components-placeholder, .is-dark-theme |
|
253 .wp-block-cover.components-placeholder { |
|
254 background: rgba(255, 255, 255, 0.15); } |
|
255 |
|
256 [data-align="left"] .wp-block-cover-image, |
|
257 [data-align="right"] .wp-block-cover-image, [data-align="left"] |
|
258 .wp-block-cover, |
|
259 [data-align="right"] |
|
260 .wp-block-cover { |
|
261 max-width: 305px; |
|
262 width: 100%; } |
|
263 |
|
264 .wp-block-embed { |
|
265 margin: 0; |
|
266 clear: both; } |
221 clear: both; } |
267 @media (min-width: 600px) { |
|
268 .wp-block-embed { |
|
269 min-width: 360px; } |
|
270 .wp-block-embed.components-placeholder { |
|
271 min-width: 0; } } |
|
272 .wp-block-embed.is-loading { |
222 .wp-block-embed.is-loading { |
273 display: flex; |
223 display: flex; |
274 flex-direction: column; |
224 flex-direction: column; |
275 align-items: center; |
225 align-items: center; |
276 justify-content: center; |
226 justify-content: center; |
277 padding: 1em; |
227 padding: 1em; |
278 min-height: 200px; |
228 min-height: 200px; |
279 text-align: center; |
229 text-align: center; |
280 background: #f8f9f9; } |
230 border-radius: 2px; |
|
231 background-color: #fff; |
|
232 box-shadow: inset 0 0 0 1px #1e1e1e; } |
281 .wp-block-embed.is-loading p { |
233 .wp-block-embed.is-loading p { |
282 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
234 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
283 font-size: 13px; } |
235 font-size: 13px; } |
284 .wp-block-embed .components-placeholder__error { |
236 .wp-block-embed .components-placeholder__error { |
285 word-break: break-word; } |
237 word-break: break-word; } |
|
238 .wp-block-embed .components-placeholder__learn-more { |
|
239 margin-top: 1em; } |
286 |
240 |
287 .block-library-embed__interactive-overlay { |
241 .block-library-embed__interactive-overlay { |
288 position: absolute; |
242 position: absolute; |
289 top: 0; |
243 top: 0; |
290 right: 0; |
244 right: 0; |
518 |
460 |
519 .mce-toolbar-grp .mce-btn.mce-active button, |
461 .mce-toolbar-grp .mce-btn.mce-active button, |
520 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
462 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
521 .mce-toolbar-grp .mce-btn.mce-active i, |
463 .mce-toolbar-grp .mce-btn.mce-active i, |
522 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
464 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
523 color: #23282d; } |
465 color: #1e1e1e; } |
524 |
466 |
525 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
467 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
526 margin-left: 0; |
468 margin-left: 0; |
527 margin-right: 8px; } |
469 margin-right: 8px; } |
528 |
470 |
529 .mce-toolbar-grp .mce-btn i { |
471 .mce-toolbar-grp .mce-btn i { |
530 font-style: normal; } |
472 font-style: normal; } |
531 |
473 |
532 .block-library-classic__toolbar { |
474 .block-library-classic__toolbar { |
|
475 display: none; |
533 width: auto; |
476 width: auto; |
534 margin: 0 -14px; |
477 margin: 0; |
535 position: -webkit-sticky; |
478 position: -webkit-sticky; |
536 position: sticky; |
479 position: sticky; |
537 z-index: 10; |
480 z-index: 31; |
538 top: 14px; |
481 top: 0; |
539 transform: translateY(-14px); |
482 border: 1px solid #ddd; |
540 border: 1px solid #e2e4e7; |
|
541 border-bottom: none; |
483 border-bottom: none; |
542 padding: 0 14px; } |
484 border-radius: 2px; |
543 .is-selected .block-library-classic__toolbar { |
485 margin-bottom: 8px; |
544 border-color: #b5bcc2; |
486 padding: 0; } |
545 border-right-color: transparent; } |
487 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, |
|
488 div[data-type="core/freeform"].is-typing .block-library-classic__toolbar { |
|
489 display: block; |
|
490 border-color: #1e1e1e; } |
|
491 .block-library-classic__toolbar .mce-tinymce { |
|
492 box-shadow: none; } |
546 @media (min-width: 600px) { |
493 @media (min-width: 600px) { |
547 .block-library-classic__toolbar { |
494 .block-library-classic__toolbar { |
548 padding: 0; } } |
495 padding: 0; } } |
549 .block-library-classic__toolbar:empty { |
496 .block-library-classic__toolbar:empty { |
550 height: 37px; |
497 display: block; |
551 background: #f5f5f5; |
498 background: #f5f5f5; |
552 border-bottom: 1px solid #e2e4e7; } |
499 border-bottom: 1px solid #e2e4e7; } |
553 .block-library-classic__toolbar:empty::before { |
500 .block-library-classic__toolbar:empty::before { |
554 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
501 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
555 font-size: 13px; |
502 font-size: 13px; |
556 content: attr(data-placeholder); |
503 content: attr(data-placeholder); |
557 color: #555d66; |
504 color: #555d66; |
558 line-height: 37px; |
505 line-height: 37px; |
559 padding: 14px; } |
506 padding: 14px; } |
|
507 .block-library-classic__toolbar div.mce-toolbar-grp { |
|
508 border-bottom: 1px solid #1e1e1e; } |
560 .block-library-classic__toolbar .mce-tinymce-inline, |
509 .block-library-classic__toolbar .mce-tinymce-inline, |
561 .block-library-classic__toolbar .mce-tinymce-inline > div, |
510 .block-library-classic__toolbar .mce-tinymce-inline > div, |
562 .block-library-classic__toolbar div.mce-toolbar-grp, |
511 .block-library-classic__toolbar div.mce-toolbar-grp, |
563 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
512 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
564 .block-library-classic__toolbar .mce-menubar, |
513 .block-library-classic__toolbar .mce-menubar, |
575 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
524 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
576 display: none; } |
525 display: none; } |
577 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
526 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
578 display: block; } |
527 display: block; } |
579 |
528 |
580 @media (min-width: 600px) { |
529 .wp-block-gallery li { |
581 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-switcher__no-switcher-icon { |
530 list-style-type: none; } |
|
531 |
|
532 .wp-block-gallery .block-editor-media-placeholder { |
|
533 margin-bottom: 12px; |
|
534 padding: 12px; } |
|
535 .wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { |
582 display: none; } |
536 display: none; } |
583 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar { |
537 .wp-block-gallery .block-editor-media-placeholder .components-button { |
584 float: left; |
538 margin-bottom: 0; } |
585 margin-left: 25px; |
539 |
586 transform: translateY(-13px); |
540 figure.wp-block-gallery { |
587 top: 14px; } |
541 display: block; |
588 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
542 margin: 0; } |
589 border: none; |
543 |
590 box-shadow: none; |
544 .blocks-gallery-grid.blocks-gallery-grid { |
591 margin-top: 3px; } } |
545 padding-right: 0; |
592 @media (min-width: 600px) and (min-width: 782px) { |
546 margin-right: 0; |
593 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
547 margin-bottom: 0; } |
594 margin-top: 0; } } |
548 |
595 |
549 .blocks-gallery-item figure:not(.is-selected):focus, |
596 @media (min-width: 600px) { |
550 .blocks-gallery-item img:focus { |
597 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar::before { |
|
598 content: ""; |
|
599 display: block; |
|
600 border-right: 1px solid #e2e4e7; |
|
601 margin-top: 4px; |
|
602 margin-bottom: 4px; } |
|
603 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar__control.components-button:hover { |
|
604 background-color: transparent; } |
|
605 .block-editor-block-list__block[data-type="core/freeform"] .block-editor-block-contextual-toolbar .components-toolbar { |
|
606 background: transparent; |
|
607 border: none; } |
|
608 .block-editor-block-list__block[data-type="core/freeform"] .mce-container.mce-toolbar.mce-stack-layout-item { |
|
609 padding-left: 36px; } } |
|
610 |
|
611 ul.wp-block-gallery li { |
|
612 list-style-type: none; } |
|
613 |
|
614 .blocks-gallery-item figure:not(.is-selected):focus { |
|
615 outline: none; } |
551 outline: none; } |
616 |
552 |
617 .blocks-gallery-item .is-selected { |
553 .blocks-gallery-item figure.is-selected { |
618 outline: 4px solid #0085ba; } |
554 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; |
619 |
555 box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); |
620 body.admin-color-sunrise .blocks-gallery-item .is-selected { |
556 border-radius: 2px; |
621 outline: 4px solid #d1864a; } |
557 outline: 2px solid transparent; } |
622 |
558 .blocks-gallery-item figure.is-selected img { |
623 body.admin-color-ocean .blocks-gallery-item .is-selected { |
559 border-radius: 2px; } |
624 outline: 4px solid #a3b9a2; } |
560 |
625 |
561 .blocks-gallery-item figure.is-transient img { |
626 body.admin-color-midnight .blocks-gallery-item .is-selected { |
|
627 outline: 4px solid #e14d43; } |
|
628 |
|
629 body.admin-color-ectoplasm .blocks-gallery-item .is-selected { |
|
630 outline: 4px solid #a7b656; } |
|
631 |
|
632 body.admin-color-coffee .blocks-gallery-item .is-selected { |
|
633 outline: 4px solid #c2a68c; } |
|
634 |
|
635 body.admin-color-blue .blocks-gallery-item .is-selected { |
|
636 outline: 4px solid #82b4cb; } |
|
637 |
|
638 body.admin-color-light .blocks-gallery-item .is-selected { |
|
639 outline: 4px solid #0085ba; } |
|
640 |
|
641 .blocks-gallery-item .is-transient img { |
|
642 opacity: 0.3; } |
562 opacity: 0.3; } |
643 |
563 |
644 .blocks-gallery-item .block-editor-rich-text { |
564 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { |
645 position: absolute; |
565 display: inline-flex; } |
646 bottom: 0; |
566 |
647 width: 100%; |
567 .blocks-gallery-item .block-editor-media-placeholder { |
648 max-height: 100%; |
568 margin: 0; |
649 overflow-y: auto; } |
|
650 |
|
651 .blocks-gallery-item .block-editor-rich-text figcaption:not([data-is-placeholder-visible="true"]) { |
|
652 position: relative; |
|
653 overflow: hidden; } |
|
654 |
|
655 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
656 .blocks-gallery-item .is-selected .block-editor-rich-text { |
|
657 left: 0; |
|
658 right: 0; |
|
659 margin-top: -4px; } } |
|
660 |
|
661 .blocks-gallery-item .is-selected .block-editor-rich-text .block-editor-rich-text__inline-toolbar { |
|
662 top: 0; } |
|
663 |
|
664 .blocks-gallery-item .is-selected .block-editor-rich-text figcaption { |
|
665 padding-top: 48px; } |
|
666 |
|
667 .blocks-gallery-item .components-form-file-upload, |
|
668 .blocks-gallery-item .components-button.block-library-gallery-add-item-button { |
|
669 width: 100%; |
|
670 height: 100%; } |
569 height: 100%; } |
671 |
570 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { |
672 .blocks-gallery-item .components-button.block-library-gallery-add-item-button { |
571 display: flex; } |
673 display: flex; |
|
674 flex-direction: column; |
|
675 justify-content: center; |
|
676 box-shadow: none; |
|
677 border: none; |
|
678 border-radius: 0; |
|
679 min-height: 100px; } |
|
680 .blocks-gallery-item .components-button.block-library-gallery-add-item-button .dashicon { |
|
681 margin-top: 10px; } |
|
682 .blocks-gallery-item .components-button.block-library-gallery-add-item-button:hover, .blocks-gallery-item .components-button.block-library-gallery-add-item-button:focus { |
|
683 border: 1px solid #555d66; } |
|
684 |
|
685 .blocks-gallery-item .block-editor-rich-text figcaption a { |
|
686 color: #fff; } |
|
687 |
572 |
688 .block-library-gallery-item__inline-menu { |
573 .block-library-gallery-item__inline-menu { |
689 padding: 2px; |
574 display: none; |
690 position: absolute; |
575 position: absolute; |
691 top: -2px; |
576 top: -2px; |
692 left: -2px; |
577 margin: 8px; |
693 background-color: #0085ba; |
578 z-index: 20; |
694 display: inline-flex; |
579 transition: box-shadow 0.2s ease-out; |
695 z-index: 20; } |
580 border-radius: 2px; |
696 |
581 background: #fff; |
697 body.admin-color-sunrise .block-library-gallery-item__inline-menu { |
582 border: 1px solid #1e1e1e; } |
698 background-color: #d1864a; } |
583 @media (prefers-reduced-motion: reduce) { |
699 |
584 .block-library-gallery-item__inline-menu { |
700 body.admin-color-ocean .block-library-gallery-item__inline-menu { |
585 transition-duration: 0s; } } |
701 background-color: #a3b9a2; } |
586 .block-library-gallery-item__inline-menu:hover { |
702 |
587 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); } |
703 body.admin-color-midnight .block-library-gallery-item__inline-menu { |
588 @media (min-width: 600px) { |
704 background-color: #e14d43; } |
589 .columns-7 .block-library-gallery-item__inline-menu, |
705 |
590 .columns-8 .block-library-gallery-item__inline-menu { |
706 body.admin-color-ectoplasm .block-library-gallery-item__inline-menu { |
591 padding: 2px; } } |
707 background-color: #a7b656; } |
592 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { |
708 |
593 border: none; |
709 body.admin-color-coffee .block-library-gallery-item__inline-menu { |
594 box-shadow: none; } |
710 background-color: #c2a68c; } |
595 @media (min-width: 600px) { |
711 |
596 .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, |
712 body.admin-color-blue .block-library-gallery-item__inline-menu { |
597 .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { |
713 background-color: #82b4cb; } |
598 padding: 0; |
714 |
599 width: inherit; |
715 body.admin-color-light .block-library-gallery-item__inline-menu { |
600 height: inherit; } } |
716 background-color: #0085ba; } |
601 .block-library-gallery-item__inline-menu.is-left { |
717 .block-library-gallery-item__inline-menu .components-button { |
602 right: -2px; } |
718 color: #fff; } |
603 .block-library-gallery-item__inline-menu.is-right { |
719 .block-library-gallery-item__inline-menu .components-button:hover, .block-library-gallery-item__inline-menu .components-button:focus { |
604 left: -2px; } |
720 color: #fff; } |
|
721 |
|
722 .blocks-gallery-item__remove { |
|
723 padding: 0; } |
|
724 .blocks-gallery-item__remove.components-button:focus { |
|
725 color: inherit; } |
|
726 |
605 |
727 .blocks-gallery-item .components-spinner { |
606 .blocks-gallery-item .components-spinner { |
728 position: absolute; |
607 position: absolute; |
729 top: 50%; |
608 top: 50%; |
730 right: 50%; |
609 right: 50%; |
731 margin-top: -9px; |
610 margin-top: -9px; |
732 margin-right: -9px; } |
611 margin-right: -9px; } |
733 |
612 |
734 .is-selected .wp-block-gallery .blocks-gallery-image:nth-last-child(2), |
613 /** |
735 .is-selected .wp-block-gallery .blocks-gallery-item:nth-last-child(2), |
614 * Group: All Alignment Settings |
736 .is-typing .wp-block-gallery .blocks-gallery-image:nth-last-child(2), |
615 */ |
737 .is-typing .wp-block-gallery .blocks-gallery-item:nth-last-child(2) { |
616 .wp-block-group { |
|
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; |
|
644 width: 100%; |
|
645 max-width: none; } |
|
646 |
|
647 [data-align="full"] .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { |
|
648 width: calc(100% + 60px); } |
|
649 |
|
650 [data-type="core/group"].is-selected .block-list-appender { |
|
651 margin-right: 0; |
738 margin-left: 0; } |
652 margin-left: 0; } |
739 |
653 |
740 .wp-block-heading h1, |
654 [data-type="core/group"].is-selected .has-background .block-list-appender { |
741 .wp-block-heading h2, |
655 margin-top: 18px; |
742 .wp-block-heading h3, |
656 margin-bottom: 18px; } |
743 .wp-block-heading h4, |
657 |
744 .wp-block-heading h5, |
658 .block-library-heading-level-dropdown .components-popover__content { |
745 .wp-block-heading h6 { |
659 min-width: 230px; } |
746 color: inherit; |
660 .block-library-heading-level-dropdown .components-popover__content > div { |
|
661 padding: 0; } |
|
662 |
|
663 .block-library-heading-level-toolbar { |
|
664 border: none; } |
|
665 |
|
666 .wp-block-html { |
|
667 margin-bottom: 28px; } |
|
668 .wp-block-html .block-library-html__preview-overlay { |
|
669 position: absolute; |
|
670 width: 100%; |
|
671 height: 100%; |
|
672 top: 0; |
|
673 right: 0; } |
|
674 .wp-block-html .block-editor-plain-text { |
|
675 font-family: Menlo, Consolas, monaco, monospace; |
|
676 color: #1e1e1e; |
|
677 padding: 0.8em 1em; |
|
678 border: 1px solid #ddd; |
|
679 border-radius: 4px; |
|
680 max-height: 250px; |
|
681 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
682 font-size: 16px; } |
|
683 @media (min-width: 600px) { |
|
684 .wp-block-html .block-editor-plain-text { |
|
685 font-size: 13px; } } |
|
686 .wp-block-html .block-editor-plain-text:focus { |
|
687 box-shadow: none; } |
|
688 |
|
689 figure.wp-block-image:not(.wp-block) { |
747 margin: 0; } |
690 margin: 0; } |
748 |
|
749 .wp-block-heading h1 { |
|
750 font-size: 2.44em; } |
|
751 |
|
752 .wp-block-heading h2 { |
|
753 font-size: 1.95em; } |
|
754 |
|
755 .wp-block-heading h3 { |
|
756 font-size: 1.56em; } |
|
757 |
|
758 .wp-block-heading h4 { |
|
759 font-size: 1.25em; } |
|
760 |
|
761 .wp-block-heading h5 { |
|
762 font-size: 1em; } |
|
763 |
|
764 .wp-block-heading h6 { |
|
765 font-size: 0.8em; } |
|
766 |
|
767 .wp-block-heading h1, |
|
768 .wp-block-heading h2, |
|
769 .wp-block-heading h3 { |
|
770 line-height: 1.4; } |
|
771 |
|
772 .wp-block-heading h4 { |
|
773 line-height: 1.5; } |
|
774 |
|
775 .wp-block-html .block-editor-plain-text { |
|
776 font-family: Menlo, Consolas, monaco, monospace; |
|
777 color: #23282d; |
|
778 padding: 0.8em 1em; |
|
779 border: 1px solid #e2e4e7; |
|
780 border-radius: 4px; |
|
781 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
782 font-size: 16px; } |
|
783 @media (min-width: 600px) { |
|
784 .wp-block-html .block-editor-plain-text { |
|
785 font-size: 13px; } } |
|
786 .wp-block-html .block-editor-plain-text:focus { |
|
787 box-shadow: none; } |
|
788 |
691 |
789 .wp-block-image { |
692 .wp-block-image { |
790 position: relative; } |
693 position: relative; } |
|
694 .wp-block-image .is-applying img, |
791 .wp-block-image.is-transient img { |
695 .wp-block-image.is-transient img { |
792 opacity: 0.3; } |
696 opacity: 0.3; } |
793 .wp-block-image figcaption img { |
697 .wp-block-image figcaption img { |
794 display: inline; } |
698 display: inline; } |
795 .wp-block-image .components-spinner { |
699 .wp-block-image .components-spinner { |
801 |
705 |
802 .wp-block-image .components-resizable-box__container { |
706 .wp-block-image .components-resizable-box__container { |
803 display: inline-block; } |
707 display: inline-block; } |
804 .wp-block-image .components-resizable-box__container img { |
708 .wp-block-image .components-resizable-box__container img { |
805 display: block; |
709 display: block; |
806 width: 100%; } |
710 width: inherit; |
807 |
711 height: inherit; } |
808 .wp-block-image.is-focused .components-resizable-box__handle { |
|
809 display: block; |
|
810 z-index: 1; } |
|
811 |
|
812 .block-editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image { |
|
813 margin-right: auto; |
|
814 margin-left: auto; } |
|
815 |
|
816 .block-editor-block-list__block[data-type="core/image"][data-align="center"][data-resized="false"] .wp-block-image > div { |
|
817 margin-right: auto; |
|
818 margin-left: auto; } |
|
819 |
|
820 .edit-post-sidebar .block-library-image__dimensions { |
|
821 margin-bottom: 1em; } |
|
822 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row { |
|
823 display: flex; |
|
824 justify-content: space-between; } |
|
825 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width, |
|
826 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { |
|
827 margin-bottom: 0.5em; } |
|
828 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width input, |
|
829 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height input { |
|
830 line-height: 1.25; } |
|
831 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__width { |
|
832 margin-left: 5px; } |
|
833 .edit-post-sidebar .block-library-image__dimensions .block-library-image__dimensions__row .block-library-image__dimensions__height { |
|
834 margin-right: 5px; } |
|
835 |
712 |
836 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
713 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
837 position: absolute; |
714 position: absolute; |
838 right: 0; |
715 right: 0; |
839 left: 0; |
716 left: 0; |
840 margin: -1px 0; } |
717 margin: -1px 0; } |
841 @media (min-width: 600px) { |
718 @media (min-width: 600px) { |
842 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
719 .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { |
843 margin: -1px; } } |
720 margin: -1px; } } |
844 |
721 |
845 [data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit figure, |
722 [data-align="wide"] > .wp-block-image img, |
846 [data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit figure, |
723 [data-align="full"] > .wp-block-image img { |
847 [data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit figure { |
|
848 margin: 0; |
|
849 display: table; } |
|
850 |
|
851 [data-type="core/image"][data-align="center"] .block-editor-block-list__block-edit .block-editor-rich-text, |
|
852 [data-type="core/image"][data-align="left"] .block-editor-block-list__block-edit .block-editor-rich-text, |
|
853 [data-type="core/image"][data-align="right"] .block-editor-block-list__block-edit .block-editor-rich-text { |
|
854 display: table-caption; |
|
855 caption-side: bottom; } |
|
856 |
|
857 [data-type="core/image"][data-align="wide"] figure img, |
|
858 [data-type="core/image"][data-align="full"] figure img { |
|
859 width: 100%; } |
724 width: 100%; } |
860 |
725 |
861 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { |
726 .wp-block[data-align="left"] > .wp-block-image { |
862 margin: 0; |
727 margin-left: 1em; |
863 display: table; } |
728 margin-right: 0; |
864 [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized .block-editor-rich-text { |
729 margin-top: 0.5em; |
865 display: table-caption; |
730 margin-bottom: 0.5em; } |
866 caption-side: bottom; } |
731 |
|
732 .wp-block[data-align="right"] > .wp-block-image { |
|
733 margin-right: 1em; |
|
734 margin-left: 0; |
|
735 margin-top: 0.5em; |
|
736 margin-bottom: 0.5em; } |
|
737 |
|
738 .wp-block[data-align="center"] > .wp-block-image { |
|
739 margin-right: auto; |
|
740 margin-left: auto; |
|
741 text-align: center; } |
|
742 |
|
743 .wp-block-image__crop-area { |
|
744 position: relative; |
|
745 max-width: 100%; |
|
746 width: 100%; } |
|
747 |
|
748 .wp-block-image__crop-icon { |
|
749 padding: 0 8px; |
|
750 min-width: 48px; |
|
751 display: flex; |
|
752 justify-content: center; |
|
753 align-items: center; } |
|
754 .wp-block-image__crop-icon svg { |
|
755 fill: currentColor; } |
|
756 |
|
757 .wp-block-image__zoom .components-popover__content { |
|
758 overflow: visible; } |
|
759 |
|
760 .wp-block-image__zoom .components-range-control { |
|
761 flex: 1; } |
|
762 |
|
763 .wp-block-image__zoom .components-base-control__field { |
|
764 display: flex; |
|
765 margin-bottom: 0; } |
|
766 |
|
767 .wp-block-image__aspect-ratio { |
|
768 height: 46px; |
|
769 margin-bottom: -8px; |
|
770 display: flex; |
|
771 align-items: center; } |
|
772 .wp-block-image__aspect-ratio .components-button { |
|
773 width: 36px; |
|
774 padding-right: 0; |
|
775 padding-left: 0; } |
867 |
776 |
868 .wp-block-latest-comments.has-avatars .avatar { |
777 .wp-block-latest-comments.has-avatars .avatar { |
869 margin-left: 10px; } |
778 margin-left: 10px; } |
870 |
779 |
871 .wp-block-latest-comments__comment-excerpt p { |
780 .wp-block-latest-comments__comment-excerpt p { |
883 padding-right: 0; } |
792 padding-right: 0; } |
884 |
793 |
885 .wp-block-latest-posts li a > div { |
794 .wp-block-latest-posts li a > div { |
886 display: inline; } |
795 display: inline; } |
887 |
796 |
888 .wp-block-legacy-widget__edit-container, |
|
889 .wp-block-legacy-widget__preview { |
|
890 padding-right: 2.5em; |
|
891 padding-left: 2.5em; } |
|
892 |
|
893 .wp-block-legacy-widget__edit-container .widget-inside { |
797 .wp-block-legacy-widget__edit-container .widget-inside { |
894 border: none; |
798 border: none; |
895 display: block; } |
799 display: block; |
|
800 box-shadow: none; } |
|
801 |
|
802 .wp-block-legacy-widget__edit-container .widget.open { |
|
803 z-index: 0; } |
896 |
804 |
897 .wp-block-legacy-widget__update-button { |
805 .wp-block-legacy-widget__update-button { |
898 margin-right: auto; |
806 margin-right: auto; |
899 display: block; } |
807 display: block; } |
900 |
808 |
901 .wp-block-legacy-widget__edit-container .widget-inside { |
|
902 box-shadow: none; } |
|
903 |
|
904 .wp-block-legacy-widget__preview { |
809 .wp-block-legacy-widget__preview { |
905 overflow: auto; } |
810 overflow: auto; } |
906 |
811 |
907 .wp-block-media-text { |
812 .wp-block-legacy-widget__preview, |
908 grid-template-areas: "media-text-media media-text-content" "resizer resizer"; } |
813 .wp-block-legacy-widget__edit-container, |
909 |
814 .wp-block-legacy-widget__edit-widget-title { |
910 .wp-block-media-text.has-media-on-the-right { |
815 padding: 8px 14px; } |
911 grid-template-areas: "media-text-content media-text-media" "resizer resizer"; } |
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; } |
912 |
824 |
913 .wp-block-media-text .__resizable_base__ { |
825 .wp-block-media-text .__resizable_base__ { |
914 grid-area: resizer; } |
826 -ms-grid-column: 1; |
|
827 -ms-grid-column-span: 2; |
|
828 grid-column: 1 / span 2; |
|
829 -ms-grid-row: 2; |
|
830 grid-row: 2; } |
915 |
831 |
916 .wp-block-media-text .editor-media-container__resizer { |
832 .wp-block-media-text .editor-media-container__resizer { |
917 grid-area: media-text-media; |
|
918 align-self: center; |
|
919 width: 100% !important; } |
833 width: 100% !important; } |
920 |
834 |
921 .wp-block-media-text .block-editor-inner-blocks { |
835 .wp-block-media-text.is-image-fill .editor-media-container__resizer { |
922 word-break: break-word; |
836 height: 100% !important; } |
923 grid-area: media-text-content; |
837 |
924 text-align: initial; |
838 .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { |
925 padding: 0 8% 0 8%; } |
|
926 |
|
927 .wp-block-media-text > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block { |
|
928 max-width: unset; } |
839 max-width: unset; } |
929 |
|
930 figure.block-library-media-text__media-container { |
|
931 margin: 0; |
|
932 height: 100%; |
|
933 width: 100%; } |
|
934 |
|
935 .wp-block-media-text .block-library-media-text__media-container img, |
|
936 .wp-block-media-text .block-library-media-text__media-container video { |
|
937 vertical-align: middle; |
|
938 width: 100%; } |
|
939 |
|
940 .editor-media-container__resizer .components-resizable-box__handle { |
|
941 display: none; } |
|
942 |
|
943 .wp-block-media-text.is-selected:not(.is-stacked-on-mobile) .editor-media-container__resizer .components-resizable-box__handle { |
|
944 display: block; } |
|
945 |
|
946 @media (min-width: 600px) { |
|
947 .wp-block-media-text.is-selected.is-stacked-on-mobile .editor-media-container__resizer .components-resizable-box__handle { |
|
948 display: block; } } |
|
949 |
|
950 .editor-styles-wrapper .block-library-list ul, |
|
951 .editor-styles-wrapper .block-library-list ol { |
|
952 padding-right: 1.3em; |
|
953 margin-right: 1.3em; } |
|
954 |
840 |
955 .block-editor-block-list__block[data-type="core/more"] { |
841 .block-editor-block-list__block[data-type="core/more"] { |
956 max-width: 100%; |
842 max-width: 100%; |
957 text-align: center; } |
843 text-align: center; |
|
844 margin-top: 28px; |
|
845 margin-bottom: 28px; } |
958 |
846 |
959 .block-editor .wp-block-more { |
847 .block-editor .wp-block-more { |
960 display: block; |
848 display: block; |
961 text-align: center; |
849 text-align: center; |
962 white-space: nowrap; } |
850 white-space: nowrap; } |
973 text-align: center; |
861 text-align: center; |
974 margin: 0; |
862 margin: 0; |
975 border-radius: 4px; |
863 border-radius: 4px; |
976 background: #fff; |
864 background: #fff; |
977 padding: 6px 8px; |
865 padding: 6px 8px; |
978 height: 24px; } |
866 height: 24px; |
|
867 max-width: 100%; } |
979 .block-editor .wp-block-more input[type="text"]:focus { |
868 .block-editor .wp-block-more input[type="text"]:focus { |
980 box-shadow: none; } |
869 box-shadow: none; } |
981 .block-editor .wp-block-more::before { |
870 .block-editor .wp-block-more::before { |
982 content: ""; |
871 content: ""; |
983 position: absolute; |
872 position: absolute; |
984 top: calc(50%); |
873 top: calc(50%); |
985 right: 0; |
874 right: 0; |
986 left: 0; |
875 left: 0; |
987 border-top: 3px dashed #ccd0d4; } |
876 border-top: 3px dashed #ccd0d4; } |
988 |
877 |
|
878 .editor-styles-wrapper .wp-block-navigation ul, |
|
879 .editor-styles-wrapper .wp-block-navigation ol { |
|
880 margin-bottom: 0; |
|
881 margin-right: 0; |
|
882 padding-right: 0; } |
|
883 |
|
884 .editor-styles-wrapper .wp-block-navigation .block-editor-block-list__block { |
|
885 margin: 0; } |
|
886 |
|
887 .wp-block-navigation .block-list-appender { |
|
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 { |
|
899 visibility: visible; |
|
900 opacity: 1; } |
|
901 |
|
902 .has-child > .wp-block-navigation__container, .has-child:hover > .wp-block-navigation__container { |
|
903 opacity: 0; |
|
904 visibility: hidden; } |
|
905 |
|
906 .has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container { |
|
907 opacity: 1; |
|
908 visibility: visible; } |
|
909 |
|
910 /** |
|
911 * Colors Selector component |
|
912 */ |
|
913 .block-library-colors-selector { |
|
914 width: auto; } |
|
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 |
|
960 .is-editing > .wp-block-navigation__container { |
|
961 visibility: visible; |
|
962 opacity: 1; |
|
963 display: flex; |
|
964 flex-direction: column; } |
|
965 |
|
966 .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle { |
|
967 color: #fff; } |
|
968 |
|
969 .wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg { |
|
970 color: #000; |
|
971 background-color: #fff; } |
|
972 |
|
973 .wp-block-navigation-placeholder .components-spinner { |
|
974 margin-top: -4px; |
|
975 margin-right: 4px; |
|
976 vertical-align: middle; |
|
977 margin-left: 7px; } |
|
978 |
|
979 .wp-block-navigation-placeholder .components-custom-select-control__label { |
|
980 margin-bottom: 1rem; } |
|
981 |
|
982 .wp-block-navigation-placeholder .components-custom-select-control__button { |
|
983 height: auto; |
|
984 padding: 0.375rem 1.5rem 0.375rem 0.75rem; |
|
985 min-width: 13.75rem; } |
|
986 |
|
987 .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option { |
|
988 position: relative; |
|
989 margin-top: 20px; } |
|
990 .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option::before { |
|
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 { |
|
1014 border-radius: 0; |
|
1015 line-height: 36px; |
|
1016 min-height: 36px; } |
|
1017 |
|
1018 /** |
|
1019 * Adjust Navigation Item. |
|
1020 */ |
|
1021 .wp-block-navigation-link .block-editor-block-list__layout { |
|
1022 display: block; } |
|
1023 |
|
1024 .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { |
|
1025 min-width: 20px; } |
|
1026 |
|
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 { |
|
1031 margin: 16px; |
|
1032 margin-right: 10px; |
|
1033 margin-top: 10px; } |
|
1034 |
|
1035 .wp-block-navigation-link__nofollow-external-link { |
|
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 |
|
1049 .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { |
|
1050 display: none; } |
|
1051 |
989 .block-editor-block-list__block[data-type="core/nextpage"] { |
1052 .block-editor-block-list__block[data-type="core/nextpage"] { |
990 max-width: 100%; } |
1053 max-width: 100%; |
|
1054 margin-top: 28px; |
|
1055 margin-bottom: 28px; } |
991 |
1056 |
992 .wp-block-nextpage { |
1057 .wp-block-nextpage { |
993 display: block; |
1058 display: block; |
994 text-align: center; |
1059 text-align: center; |
995 white-space: nowrap; } |
1060 white-space: nowrap; } |
1011 top: calc(50%); |
1076 top: calc(50%); |
1012 right: 0; |
1077 right: 0; |
1013 left: 0; |
1078 left: 0; |
1014 border-top: 3px dashed #ccd0d4; } |
1079 border-top: 3px dashed #ccd0d4; } |
1015 |
1080 |
1016 .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable.wp-block-paragraph { |
1081 .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { |
1017 padding-left: 108px; } |
1082 min-height: auto !important; } |
1018 .wp-block .wp-block .block-editor-rich-text__editable[data-is-placeholder-visible="true"] + .block-editor-rich-text__editable.wp-block-paragraph { |
1083 |
1019 padding-left: 36px; } |
1084 .wp-block-post-excerpt__excerpt.is-inline { |
1020 |
1085 display: inline-block; } |
1021 .wp-block-preformatted pre { |
1086 |
1022 white-space: pre-wrap; } |
1087 .wp-block-post-author { |
1023 |
1088 display: flex; |
1024 .block-editor-block-list__block[data-type="core/pullquote"][data-align="left"] .block-editor-rich-text p, .block-editor-block-list__block[data-type="core/pullquote"][data-align="right"] .block-editor-rich-text p { |
1089 flex-wrap: wrap; |
|
1090 line-height: 1.5; } |
|
1091 .wp-block-post-author .wp-block-post-author__byline { |
|
1092 font-size: 0.5em; |
|
1093 margin-top: 0; |
|
1094 position: relative; |
|
1095 font-style: normal; } |
|
1096 .wp-block-post-author .wp-block-post-author__content { |
|
1097 flex-grow: 1; |
|
1098 flex-basis: 0; } |
|
1099 .wp-block-post-author .wp-block-post-author__avatar img { |
|
1100 margin: 0; } |
|
1101 .wp-block-post-author .wp-block-post-author__avatar { |
|
1102 margin-bottom: -8px; } |
|
1103 .wp-block-post-author .wp-block-post-author__name { |
|
1104 margin: 0; |
|
1105 font-weight: bold; } |
|
1106 .wp-block-post-author .wp-block-post-author__bio { |
|
1107 margin: 0 0 8px; |
|
1108 font-size: 0.7em; } |
|
1109 |
|
1110 .wp-block[data-align="left"] > .wp-block-pullquote p, |
|
1111 .wp-block[data-align="right"] > .wp-block-pullquote p { |
1025 font-size: 20px; } |
1112 font-size: 20px; } |
1026 |
1113 |
1027 .wp-block-pullquote blockquote > .block-editor-rich-text p { |
1114 .wp-block-pullquote blockquote p { |
1028 font-size: 28px; |
1115 font-size: 28px; |
1029 line-height: 1.6; } |
1116 line-height: 1.6; } |
1030 |
1117 |
1031 .wp-block-pullquote.is-style-solid-color { |
1118 .wp-block-pullquote.is-style-solid-color { |
1032 margin-right: 0; |
1119 margin-right: 0; |
1033 margin-left: 0; } |
1120 margin-left: 0; } |
1034 .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p { |
1121 .wp-block-pullquote.is-style-solid-color blockquote p { |
1035 font-size: 32px; } |
1122 font-size: 32px; } |
1036 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { |
1123 .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { |
1037 text-transform: none; |
1124 text-transform: none; |
1038 font-style: normal; } |
1125 font-style: normal; } |
1039 |
1126 |
1040 .wp-block-pullquote .wp-block-pullquote__citation { |
1127 .wp-block-pullquote .wp-block-pullquote__citation { |
1041 color: inherit; } |
1128 color: inherit; } |
1042 |
1129 |
1043 .wp-block-quote { |
1130 .wp-block-quote__citation { |
1044 margin: 0; } |
1131 font-size: 13px; } |
1045 .wp-block-quote__citation { |
|
1046 font-size: 13px; } |
|
1047 |
1132 |
1048 .block-editor .wp-block-rss { |
1133 .block-editor .wp-block-rss { |
1049 padding-right: 2.5em; } |
1134 padding-right: 2.5em; } |
1050 .block-editor .wp-block-rss.is-grid { |
1135 .block-editor .wp-block-rss.is-grid { |
1051 padding-right: 0; } |
1136 padding-right: 0; } |
1052 |
1137 |
1053 .wp-block-search .wp-block-search__input { |
1138 .wp-block-rss li a > div { |
1054 border-radius: 4px; |
1139 display: inline; } |
1055 border: 1px solid #8d96a0; |
1140 |
1056 color: rgba(14, 28, 46, 0.62); |
1141 .wp-block-rss__placeholder-form { |
|
1142 display: flex; |
|
1143 align-items: stretch; } |
|
1144 .wp-block-rss__placeholder-form > * { |
|
1145 margin-bottom: 8px; } |
|
1146 @media (min-width: 782px) { |
|
1147 .wp-block-rss__placeholder-form > * { |
|
1148 margin-bottom: 0; } } |
|
1149 |
|
1150 .wp-block-rss__placeholder-input { |
|
1151 display: flex; |
|
1152 align-items: stretch; |
|
1153 flex-grow: 1; } |
|
1154 .wp-block-rss__placeholder-input .components-base-control__field { |
|
1155 margin: 0; |
|
1156 display: flex; |
|
1157 align-items: stretch; |
|
1158 flex-grow: 1; |
|
1159 margin-left: 8px; } |
|
1160 |
|
1161 .wp-block-search__input { |
|
1162 border-radius: 2px; |
|
1163 border: 1px solid #7e8993; |
|
1164 color: rgba(30, 30, 30, 0.62); |
1057 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1165 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1058 font-size: 13px; } |
1166 font-size: 13px; |
1059 .wp-block-search .wp-block-search__input:focus { |
1167 padding: 8px; } |
|
1168 .wp-block-search__input:focus { |
1060 outline: none; } |
1169 outline: none; } |
1061 |
1170 |
1062 .wp-block-search .wp-block-search__button { |
1171 .wp-block-search__button { |
1063 background: #f7f7f7; |
1172 background: #f7f7f7; |
1064 border-radius: 4px; |
1173 border-radius: 2px; |
1065 border: 1px solid #ccc; |
1174 border: 1px solid #ccc; |
1066 box-shadow: inset 0 -1px 0 #ccc; |
1175 box-shadow: inset 0 -1px 0 #ccc; |
1067 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1176 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1068 font-size: 13px; } |
1177 font-size: 13px; |
1069 .wp-block-search .wp-block-search__button .wp-block-search__button-rich-text { |
1178 padding: 6px 10px; } |
1070 padding: 6px 10px; } |
1179 |
|
1180 .block-editor-block-list__block[data-type="core/separator"] { |
|
1181 padding-top: 0.1px; |
|
1182 padding-bottom: 0.1px; } |
|
1183 .block-editor-block-list__block[data-type="core/separator"].block-editor-block-list__block { |
|
1184 margin-top: 0; |
|
1185 margin-bottom: 0; } |
1071 |
1186 |
1072 .wp-block-shortcode { |
1187 .wp-block-shortcode { |
1073 display: flex; |
1188 display: flex; |
1074 flex-direction: row; |
1189 flex-direction: column; |
1075 padding: 14px; |
1190 padding: 14px; |
1076 background-color: #f8f9f9; |
|
1077 font-size: 13px; |
1191 font-size: 13px; |
1078 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } |
1192 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1193 margin-bottom: 28px; } |
1079 .wp-block-shortcode label { |
1194 .wp-block-shortcode label { |
1080 display: flex; |
1195 display: flex; |
1081 align-items: center; |
1196 align-items: center; |
1082 margin-left: 8px; |
|
1083 white-space: nowrap; |
1197 white-space: nowrap; |
1084 font-weight: 600; |
1198 font-weight: 600; |
1085 flex-shrink: 0; } |
1199 flex-shrink: 0; } |
1086 .wp-block-shortcode .block-editor-plain-text { |
1200 .wp-block-shortcode .block-editor-plain-text { |
1087 flex-grow: 1; } |
1201 max-height: 250px; } |
1088 .wp-block-shortcode .dashicon { |
1202 .wp-block-shortcode .dashicon { |
1089 margin-left: 8px; } |
1203 margin-left: 8px; } |
1090 |
1204 |
1091 .block-library-spacer__resize-container.is-selected { |
1205 .block-editor .blocks-shortcode__textarea, |
1092 background: #f3f4f5; } |
1206 .blocks-shortcode__textarea { |
|
1207 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1208 padding: 6px 8px; |
|
1209 box-shadow: 0 0 0 transparent; |
|
1210 transition: box-shadow 0.1s linear; |
|
1211 border-radius: 2px; |
|
1212 border: 1px solid #757575; |
|
1213 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1214 font-size: 16px; |
|
1215 /* Override core line-height. To be reviewed. */ |
|
1216 line-height: normal; } |
|
1217 @media (prefers-reduced-motion: reduce) { |
|
1218 .block-editor .blocks-shortcode__textarea, |
|
1219 .blocks-shortcode__textarea { |
|
1220 transition-duration: 0s; } } |
|
1221 @media (min-width: 600px) { |
|
1222 .block-editor .blocks-shortcode__textarea, |
|
1223 .blocks-shortcode__textarea { |
|
1224 font-size: 13px; |
|
1225 /* Override core line-height. To be reviewed. */ |
|
1226 line-height: normal; } } |
|
1227 .block-editor .blocks-shortcode__textarea:focus, |
|
1228 .blocks-shortcode__textarea:focus { |
|
1229 border-color: #007cba; |
|
1230 border-color: var(--wp-admin-theme-color); |
|
1231 box-shadow: 0 0 0 0.5px #007cba; |
|
1232 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
|
1233 outline: 2px solid transparent; } |
|
1234 .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, |
|
1235 .blocks-shortcode__textarea::-webkit-input-placeholder { |
|
1236 color: rgba(30, 30, 30, 0.62); } |
|
1237 .block-editor .blocks-shortcode__textarea::-moz-placeholder, |
|
1238 .blocks-shortcode__textarea::-moz-placeholder { |
|
1239 opacity: 1; |
|
1240 color: rgba(30, 30, 30, 0.62); } |
|
1241 .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, |
|
1242 .blocks-shortcode__textarea:-ms-input-placeholder { |
|
1243 color: rgba(30, 30, 30, 0.62); } |
|
1244 .is-dark-theme .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .is-dark-theme |
|
1245 .blocks-shortcode__textarea::-webkit-input-placeholder { |
|
1246 color: rgba(255, 255, 255, 0.65); } |
|
1247 .is-dark-theme .block-editor .blocks-shortcode__textarea::-moz-placeholder, .is-dark-theme |
|
1248 .blocks-shortcode__textarea::-moz-placeholder { |
|
1249 opacity: 1; |
|
1250 color: rgba(255, 255, 255, 0.65); } |
|
1251 .is-dark-theme .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .is-dark-theme |
|
1252 .blocks-shortcode__textarea:-ms-input-placeholder { |
|
1253 color: rgba(255, 255, 255, 0.65); } |
|
1254 |
|
1255 .wp-block-social-links .wp-social-link button { |
|
1256 color: currentColor; |
|
1257 padding: 6px; } |
|
1258 |
|
1259 .wp-block-social-links.is-style-pill-shape .wp-social-link button { |
|
1260 padding-right: 16px; |
|
1261 padding-left: 16px; } |
|
1262 |
|
1263 .wp-block-social-links div.block-editor-url-input { |
|
1264 display: inline-block; |
|
1265 margin-right: 8px; } |
|
1266 |
|
1267 .editor-styles-wrapper .wp-block-social-link { |
|
1268 margin: 0; |
|
1269 margin-left: 8px; } |
|
1270 |
|
1271 .editor-styles-wrapper .wp-block-social-links { |
|
1272 padding: 0; } |
|
1273 |
|
1274 .wp-block-social-links .block-list-appender { |
|
1275 margin: 0; |
|
1276 display: flex; |
|
1277 align-items: center; } |
|
1278 |
|
1279 .wp-block[data-align="center"] > .wp-block-social-links { |
|
1280 justify-content: center; } |
|
1281 |
|
1282 .block-editor-block-preview__content .wp-social-link:disabled { |
|
1283 opacity: 1; } |
|
1284 |
|
1285 [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links { |
|
1286 min-height: 36px; } |
|
1287 |
|
1288 [data-type="core/social-links"] .wp-social-link__is-incomplete { |
|
1289 transition: transform 0.1s ease; |
|
1290 transform-origin: center center; } |
|
1291 |
|
1292 [data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete { |
|
1293 opacity: 0; |
|
1294 transform: scale(0); |
|
1295 width: 0; |
|
1296 padding: 0; |
|
1297 margin-left: 0; } |
|
1298 |
|
1299 .wp-social-link.wp-social-link__is-incomplete { |
|
1300 opacity: 0.5; } |
|
1301 @media (prefers-reduced-motion: reduce) { |
|
1302 .wp-social-link.wp-social-link__is-incomplete { |
|
1303 transition-duration: 0s; } } |
|
1304 |
|
1305 .wp-block-social-links .is-selected .wp-social-link__is-incomplete, |
|
1306 .wp-social-link.wp-social-link__is-incomplete:hover, |
|
1307 .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; |
|
1312 box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba; |
|
1313 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
|
1314 outline: 2px solid transparent; } |
|
1315 |
|
1316 .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"].is-selected::after, |
|
1317 .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after { |
|
1318 left: 8px; } |
|
1319 |
|
1320 .block-library-spacer__resize-container.has-show-handle { |
|
1321 background: #f0f0f0; } |
|
1322 .is-dark-theme .block-library-spacer__resize-container.has-show-handle { |
|
1323 background: rgba(255, 255, 255, 0.15); } |
|
1324 |
|
1325 .block-library-spacer__resize-container { |
|
1326 clear: both; |
|
1327 margin-bottom: 28px; } |
|
1328 .block-library-spacer__resize-container .components-resizable-box__handle::before { |
|
1329 content: none; } |
1093 |
1330 |
1094 .edit-post-visual-editor p.wp-block-subhead { |
1331 .edit-post-visual-editor p.wp-block-subhead { |
1095 color: #6c7781; |
1332 color: #6c7781; |
1096 font-size: 1.1em; |
1333 font-size: 1.1em; |
1097 font-style: italic; } |
1334 font-style: italic; } |
1098 |
1335 |
1099 .block-editor-block-list__block[data-type="core/table"][data-align="left"] table, .block-editor-block-list__block[data-type="core/table"][data-align="right"] table, .block-editor-block-list__block[data-type="core/table"][data-align="center"] table { |
1336 .wp-block[data-align="left"] > .wp-block-table, |
1100 width: auto; } |
1337 .wp-block[data-align="right"] > .wp-block-table, |
1101 |
1338 .wp-block[data-align="center"] > .wp-block-table { |
1102 .block-editor-block-list__block[data-type="core/table"][data-align="center"] { |
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 { |
1103 text-align: initial; } |
1353 text-align: initial; } |
1104 .block-editor-block-list__block[data-type="core/table"][data-align="center"] table { |
1354 .wp-block[data-align="center"] > .wp-block-table table { |
1105 margin: 0 auto; } |
1355 margin: 0 auto; } |
1106 |
1356 |
1107 .wp-block-table table { |
1357 .wp-block-table { |
1108 border-collapse: collapse; |
1358 margin: 0; } |
1109 width: 100%; } |
1359 .wp-block-table table { |
1110 |
1360 border-collapse: collapse; } |
1111 .wp-block-table td, |
1361 .wp-block-table td, |
1112 .wp-block-table th { |
1362 .wp-block-table th { |
1113 padding: 0; |
1363 border: 1px solid; } |
1114 border: 1px solid #000; } |
1364 .wp-block-table td.is-selected, |
1115 |
1365 .wp-block-table th.is-selected { |
1116 .wp-block-table td.is-selected, |
1366 border-color: #007cba; |
1117 .wp-block-table th.is-selected { |
1367 border-color: var(--wp-admin-theme-color); |
1118 border-color: #00a0d2; |
1368 box-shadow: inset 0 0 0 1px #007cba; |
1119 box-shadow: inset 0 0 0 1px #00a0d2; |
1369 box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); |
1120 border-style: double; } |
1370 border-style: double; } |
1121 |
1371 .wp-block-table figcaption { |
1122 .wp-block-table__cell-content { |
1372 color: #555d66; |
1123 padding: 0.5em; } |
1373 font-size: 13px; |
|
1374 text-align: center; } |
|
1375 |
|
1376 .blocks-table__placeholder-form.blocks-table__placeholder-form { |
|
1377 display: flex; |
|
1378 flex-direction: column; |
|
1379 align-items: flex-start; } |
|
1380 .blocks-table__placeholder-form.blocks-table__placeholder-form > * { |
|
1381 margin-bottom: 8px; } |
|
1382 @media (min-width: 782px) { |
|
1383 .blocks-table__placeholder-form.blocks-table__placeholder-form { |
|
1384 flex-direction: row; |
|
1385 align-items: flex-end; } |
|
1386 .blocks-table__placeholder-form.blocks-table__placeholder-form > * { |
|
1387 margin-bottom: 0; } } |
|
1388 |
|
1389 .blocks-table__placeholder-input { |
|
1390 width: 112px; |
|
1391 margin-left: 8px; |
|
1392 margin-bottom: 0; } |
|
1393 .blocks-table__placeholder-input input { |
|
1394 height: 36px; } |
|
1395 .blocks-table__placeholder-input .components-base-control__field { |
|
1396 margin-bottom: 0; } |
1124 |
1397 |
1125 .block-editor .wp-block-tag-cloud a { |
1398 .block-editor .wp-block-tag-cloud a { |
1126 display: inline-block; |
1399 display: inline-block; |
1127 margin-left: 5px; } |
1400 margin-left: 5px; } |
1128 |
1401 |
1130 display: inline-block; |
1403 display: inline-block; |
1131 margin-right: 5px; |
1404 margin-right: 5px; |
1132 color: #8f98a1; |
1405 color: #8f98a1; |
1133 text-decoration: none; } |
1406 text-decoration: none; } |
1134 |
1407 |
|
1408 .wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content { |
|
1409 min-width: 320px; |
|
1410 padding: 0; } |
|
1411 |
|
1412 .wp-block-template-part__placeholder-preview-search-form { |
|
1413 border-bottom: 1px solid #ddd; } |
|
1414 |
|
1415 .wp-block-template-part__placeholder-preview-container { |
|
1416 background: #fff; |
|
1417 padding-bottom: 16px; } |
|
1418 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item { |
|
1419 border-radius: 2px; |
|
1420 cursor: pointer; |
|
1421 margin-top: 16px; |
|
1422 transition: all 0.05s ease-in-out; |
|
1423 border: 1px solid transparent; } |
|
1424 .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover { |
|
1425 border: 1px solid #007cba; |
|
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; |
|
1450 border-radius: 2px; |
|
1451 box-shadow: 0 0 0 1px #1e1e1e; |
|
1452 outline: 1px solid transparent; |
|
1453 padding: 6px 12px; } |
|
1454 .wp-block-template-part__name-panel .components-base-control__field { |
|
1455 align-items: center; |
|
1456 display: flex; |
|
1457 margin-bottom: 0; } |
|
1458 .wp-block-template-part__name-panel .components-base-control__label { |
|
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 |
1135 .wp-block-text-columns .block-editor-rich-text__editable:focus { |
1469 .wp-block-text-columns .block-editor-rich-text__editable:focus { |
1136 outline: 1px solid #e2e4e7; } |
1470 outline: 1px solid #ddd; } |
1137 |
1471 |
1138 pre.wp-block-verse, |
1472 pre.wp-block-verse { |
1139 .wp-block-verse pre { |
1473 color: #1e1e1e; |
1140 color: #191e23; |
|
1141 white-space: nowrap; |
1474 white-space: nowrap; |
1142 font-family: inherit; |
1475 font-family: inherit; |
1143 font-size: inherit; |
1476 font-size: inherit; |
1144 padding: 1em; |
1477 padding: 1em; |
1145 overflow: auto; } |
1478 overflow: auto; } |
1146 |
1479 |
1147 .block-editor-block-list__block[data-align="center"] { |
1480 .wp-block[data-align="center"] > .wp-block-video { |
1148 text-align: center; } |
1481 text-align: center; } |
|
1482 |
|
1483 .editor-video-poster-control .components-base-control__label { |
|
1484 display: block; } |
1149 |
1485 |
1150 .editor-video-poster-control .components-button { |
1486 .editor-video-poster-control .components-button { |
1151 margin-left: 8px; } |
1487 margin-left: 8px; } |
1152 |
1488 |
1153 .editor-video-poster-control .components-button + .components-button { |
1489 .wp-block[data-type="core/widget-area"] { |
1154 margin-top: 1em; } |
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; |
|
1503 font-size: 13px; |
|
1504 padding: 6px 12px; |
|
1505 border-radius: 2px; |
|
1506 background-color: #fff; |
|
1507 box-shadow: 0 0 0 1px #1e1e1e; |
|
1508 outline: 1px solid transparent; } |
|
1509 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { |
|
1510 margin-left: auto; } |
|
1511 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { |
|
1512 margin-left: 8px; |
|
1513 white-space: nowrap; |
|
1514 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1515 font-size: 13px; } |
|
1516 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { |
|
1517 flex: 1 1 100%; } |
|
1518 .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { |
|
1519 flex-shrink: 0; } |
|
1520 @media (min-width: 960px) { |
|
1521 .block-editor-block-list__layout .reusable-block-edit-panel { |
|
1522 flex-wrap: nowrap; } |
|
1523 .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { |
|
1524 margin: 0; } |
|
1525 .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { |
|
1526 margin: 0 8px 0 0; } } |
|
1527 |
|
1528 .reusable-block-edit-panel__title[type="text"] { |
|
1529 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1530 padding: 6px 8px; |
|
1531 box-shadow: 0 0 0 transparent; |
|
1532 transition: box-shadow 0.1s linear; |
|
1533 border-radius: 2px; |
|
1534 border: 1px solid #757575; |
|
1535 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1536 font-size: 16px; |
|
1537 /* Override core line-height. To be reviewed. */ |
|
1538 line-height: normal; } |
|
1539 @media (prefers-reduced-motion: reduce) { |
|
1540 .reusable-block-edit-panel__title[type="text"] { |
|
1541 transition-duration: 0s; } } |
|
1542 @media (min-width: 600px) { |
|
1543 .reusable-block-edit-panel__title[type="text"] { |
|
1544 font-size: 13px; |
|
1545 /* Override core line-height. To be reviewed. */ |
|
1546 line-height: normal; } } |
|
1547 .reusable-block-edit-panel__title[type="text"]:focus { |
|
1548 border-color: #007cba; |
|
1549 border-color: var(--wp-admin-theme-color); |
|
1550 box-shadow: 0 0 0 0.5px #007cba; |
|
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 |
|
1575 /** |
|
1576 * Editor Normalization Styles |
|
1577 * |
|
1578 * 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. |
|
1580 */ |
|
1581 .block-editor-block-list__block { |
|
1582 margin-top: 28px; |
|
1583 margin-bottom: 28px; } |
|
1584 |
|
1585 #end-resizable-editor-section { |
|
1586 display: none; } |