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 .components-panel__header.interface-complementary-area-header__small { |
|
74 background: #fff; |
|
75 padding-left: 4px; } |
|
76 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { |
|
77 overflow: hidden; |
|
78 text-overflow: ellipsis; |
|
79 white-space: nowrap; |
|
80 width: 100%; } |
|
81 @media (min-width: 782px) { |
|
82 .components-panel__header.interface-complementary-area-header__small { |
|
83 display: none; } } |
|
84 |
|
85 .interface-complementary-area-header { |
|
86 background: #fff; |
|
87 padding-left: 4px; } |
|
88 .interface-complementary-area-header .components-button.has-icon { |
|
89 display: none; |
|
90 margin-right: auto; } |
|
91 .interface-complementary-area-header .components-button.has-icon ~ .components-button { |
|
92 margin-right: 0; } |
|
93 @media (min-width: 782px) { |
|
94 .interface-complementary-area-header .components-button.has-icon { |
|
95 display: flex; } } |
|
96 |
|
97 .interface-complementary-area { |
|
98 background: #fff; |
|
99 color: #1e1e1e; |
|
100 overflow: visible; } |
|
101 @media (min-width: 600px) { |
|
102 .interface-complementary-area { |
|
103 z-index: auto; |
|
104 height: 100%; |
|
105 overflow: auto; |
|
106 -webkit-overflow-scrolling: touch; } } |
|
107 @media (min-width: 782px) { |
|
108 .interface-complementary-area { |
|
109 width: 280px; } } |
|
110 .interface-complementary-area > .components-panel { |
|
111 border-right: none; |
|
112 border-left: none; |
|
113 overflow: auto; |
|
114 -webkit-overflow-scrolling: touch; |
|
115 height: auto; |
|
116 max-height: calc(100vh - 142px); |
|
117 margin-top: -1px; |
|
118 margin-bottom: -1px; |
|
119 position: relative; } |
|
120 @media (min-width: 600px) { |
|
121 .interface-complementary-area > .components-panel { |
|
122 overflow: visible; |
|
123 height: auto; |
|
124 max-height: none; } } |
|
125 .interface-complementary-area > .components-panel .components-panel__header { |
|
126 position: fixed; |
|
127 z-index: 1; |
|
128 top: 0; |
|
129 right: 0; |
|
130 left: 0; |
|
131 height: 48px; } |
|
132 @media (min-width: 600px) { |
|
133 .interface-complementary-area > .components-panel .components-panel__header { |
|
134 position: inherit; |
|
135 top: auto; |
|
136 right: auto; |
|
137 left: auto; } } |
|
138 .interface-complementary-area p { |
|
139 margin-top: 0; } |
|
140 .interface-complementary-area h2, |
|
141 .interface-complementary-area h3 { |
|
142 font-size: 13px; |
|
143 color: #1e1e1e; |
|
144 margin-bottom: 1.5em; } |
|
145 .interface-complementary-area hr { |
|
146 border-top: none; |
|
147 border-bottom: 1px solid #f0f0f0; |
|
148 margin: 1.5em 0; } |
|
149 .interface-complementary-area div.components-toolbar-group, |
|
150 .interface-complementary-area div.components-toolbar { |
|
151 box-shadow: none; |
|
152 margin-bottom: 1.5em; } |
|
153 .interface-complementary-area div.components-toolbar-group:last-child, |
|
154 .interface-complementary-area div.components-toolbar:last-child { |
|
155 margin-bottom: 0; } |
|
156 .interface-complementary-area .block-editor-skip-to-selected-block:focus { |
|
157 top: auto; |
|
158 left: 10px; |
|
159 bottom: 10px; |
|
160 right: auto; } |
|
161 |
34 @media (min-width: 782px) { |
162 @media (min-width: 782px) { |
35 body.js.is-fullscreen-mode { |
163 body.js.is-fullscreen-mode { |
36 margin-top: -46px; |
164 margin-top: -32px; |
37 height: calc(100% + 46px); |
165 height: calc(100% + 32px); } |
38 animation: edit-post__fade-in-animation 0.3s ease-out 0s; |
|
39 animation-fill-mode: forwards; } } |
|
40 @media (min-width: 782px) and (min-width: 782px) { |
|
41 body.js.is-fullscreen-mode { |
|
42 margin-top: -32px; |
|
43 height: calc(100% + 32px); } } |
|
44 |
|
45 @media (min-width: 782px) { |
|
46 body.js.is-fullscreen-mode #adminmenumain, |
166 body.js.is-fullscreen-mode #adminmenumain, |
47 body.js.is-fullscreen-mode #wpadminbar { |
167 body.js.is-fullscreen-mode #wpadminbar { |
48 display: none; } |
168 display: none; } |
49 body.js.is-fullscreen-mode #wpcontent, |
169 body.js.is-fullscreen-mode #wpcontent, |
50 body.js.is-fullscreen-mode #wpfooter { |
170 body.js.is-fullscreen-mode #wpfooter { |
51 margin-right: 0; } } |
171 margin-right: 0; } } |
52 @media (min-width: 782px) and (prefers-reduced-motion: reduce) { |
172 |
53 body.js.is-fullscreen-mode { |
173 html.interface-interface-skeleton__html-container { |
54 animation-duration: 1ms !important; } } |
174 position: fixed; |
|
175 width: 100%; } |
|
176 @media (min-width: 782px) { |
|
177 html.interface-interface-skeleton__html-container { |
|
178 position: initial; |
|
179 width: initial; } } |
|
180 |
|
181 .interface-interface-skeleton { |
|
182 display: flex; |
|
183 flex-direction: column; |
|
184 height: auto; |
|
185 max-height: 100%; |
|
186 position: fixed; |
|
187 top: 46px; |
|
188 right: 0; |
|
189 left: 0; |
|
190 bottom: 0; } |
|
191 @media (min-width: 783px) { |
|
192 .interface-interface-skeleton { |
|
193 top: 32px; } |
|
194 .is-fullscreen-mode .interface-interface-skeleton { |
|
195 top: 0; } } |
|
196 |
|
197 .interface-interface-skeleton { |
|
198 /* Set left position when auto-fold is not on the body element. */ |
|
199 right: 0; } |
|
200 @media (min-width: 783px) { |
|
201 .interface-interface-skeleton { |
|
202 right: 160px; } } |
|
203 |
|
204 .auto-fold .interface-interface-skeleton { |
|
205 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } |
|
206 @media (min-width: 783px) { |
|
207 .auto-fold .interface-interface-skeleton { |
|
208 right: 36px; } } |
|
209 @media (min-width: 961px) { |
|
210 .auto-fold .interface-interface-skeleton { |
|
211 right: 160px; } } |
|
212 |
|
213 /* Sidebar manually collapsed. */ |
|
214 .folded .interface-interface-skeleton { |
|
215 right: 0; } |
|
216 @media (min-width: 783px) { |
|
217 .folded .interface-interface-skeleton { |
|
218 right: 36px; } } |
|
219 |
|
220 /* Mobile menu opened. */ |
|
221 @media (max-width: 783px) { |
|
222 .auto-fold .wp-responsive-open .interface-interface-skeleton { |
|
223 right: 190px; } } |
|
224 |
|
225 /* In small screens with responsive menu expanded there is small white space. */ |
|
226 @media (max-width: 600px) { |
|
227 .auto-fold .wp-responsive-open .interface-interface-skeleton { |
|
228 margin-right: -18px; } } |
|
229 |
|
230 body.is-fullscreen-mode .interface-interface-skeleton { |
|
231 right: 0 !important; } |
|
232 |
|
233 .interface-interface-skeleton__body { |
|
234 flex-grow: 1; |
|
235 display: flex; |
|
236 overflow: auto; |
|
237 overscroll-behavior-y: none; } |
|
238 |
|
239 .interface-interface-skeleton__content { |
|
240 flex-grow: 1; |
|
241 display: flex; |
|
242 flex-direction: column; |
|
243 overflow: auto; } |
|
244 |
|
245 .interface-interface-skeleton__left-sidebar, |
|
246 .interface-interface-skeleton__sidebar { |
|
247 display: block; |
|
248 width: auto; |
|
249 flex-shrink: 0; |
|
250 position: absolute; |
|
251 z-index: 100000; |
|
252 top: 0; |
|
253 left: 0; |
|
254 bottom: 0; |
|
255 right: 0; |
|
256 background: #fff; |
|
257 color: #1e1e1e; } |
|
258 @media (min-width: 782px) { |
|
259 .interface-interface-skeleton__left-sidebar, |
|
260 .interface-interface-skeleton__sidebar { |
|
261 position: relative !important; |
|
262 z-index: 90; } } |
55 |
263 |
56 @media (min-width: 782px) { |
264 @media (min-width: 782px) { |
57 body.js.is-fullscreen-mode .edit-post-header { |
265 .interface-interface-skeleton__sidebar { |
58 transform: translateY(-100%); |
266 overflow: auto; |
59 animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } } |
267 border-right: 1px solid #f0f0f0; } } |
60 @media (min-width: 782px) and (prefers-reduced-motion: reduce) { |
268 |
61 body.js.is-fullscreen-mode .edit-post-header { |
269 @media (min-width: 782px) { |
62 animation-duration: 1ms !important; } } |
270 .interface-interface-skeleton__left-sidebar { |
63 |
271 border-left: 1px solid #f0f0f0; } } |
64 @keyframes edit-post-fullscreen-mode__slide-in-animation { |
272 |
65 100% { |
273 .interface-interface-skeleton__header { |
66 transform: translateY(0%); } } |
274 flex-shrink: 0; |
|
275 height: auto; |
|
276 border-bottom: 1px solid #f0f0f0; |
|
277 z-index: 30; |
|
278 color: #1e1e1e; |
|
279 position: -webkit-sticky; |
|
280 position: sticky; |
|
281 top: 0; } |
|
282 @media (min-width: 600px) { |
|
283 .interface-interface-skeleton__header { |
|
284 position: initial; |
|
285 top: 0; } } |
|
286 |
|
287 .interface-interface-skeleton__footer { |
|
288 height: auto; |
|
289 flex-shrink: 0; |
|
290 border-top: 1px solid #f0f0f0; |
|
291 color: #1e1e1e; |
|
292 display: none; } |
|
293 @media (min-width: 782px) { |
|
294 .interface-interface-skeleton__footer { |
|
295 display: block; } } |
|
296 |
|
297 .interface-interface-skeleton__actions { |
|
298 z-index: 100000; |
|
299 position: fixed !important; |
|
300 top: -9999em; |
|
301 bottom: auto; |
|
302 right: auto; |
|
303 left: 0; |
|
304 width: 280px; |
|
305 color: #1e1e1e; } |
|
306 .interface-interface-skeleton__actions:focus { |
|
307 top: auto; |
|
308 bottom: 0; } |
|
309 |
|
310 .interface-pinned-items { |
|
311 display: flex; } |
|
312 .interface-pinned-items .components-button { |
|
313 margin-right: 4px; } |
|
314 .interface-pinned-items .components-button svg { |
|
315 max-width: 24px; |
|
316 max-height: 24px; } |
67 |
317 |
68 .edit-post-header { |
318 .edit-post-header { |
69 height: 56px; |
319 height: 60px; |
70 padding: 4px 2px; |
|
71 border-bottom: 1px solid #e2e4e7; |
|
72 background: #fff; |
320 background: #fff; |
73 display: flex; |
321 display: flex; |
74 flex-direction: row; |
322 flex-wrap: wrap; |
75 align-items: stretch; |
323 align-items: center; |
76 justify-content: space-between; |
324 max-width: 100vw; } |
77 z-index: 30; |
325 @media (min-width: 280px) { |
78 right: 0; |
|
79 left: 0; |
|
80 top: 0; |
|
81 position: -webkit-sticky; |
|
82 position: sticky; } |
|
83 @media (min-width: 600px) { |
|
84 .edit-post-header { |
326 .edit-post-header { |
85 position: fixed; |
327 flex-wrap: nowrap; } } |
86 padding: 8px; |
|
87 top: 46px; } } |
|
88 @media (min-width: 782px) { |
|
89 .edit-post-header { |
|
90 top: 32px; } |
|
91 body.is-fullscreen-mode .edit-post-header { |
|
92 top: 0; } } |
|
93 .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { |
|
94 display: none; } |
|
95 @media (min-width: 600px) { |
|
96 .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { |
|
97 display: inline-flex; } } |
|
98 .edit-post-header > .edit-post-header__settings { |
328 .edit-post-header > .edit-post-header__settings { |
99 order: 1; } |
329 order: 1; } |
100 @supports ((position: -webkit-sticky) or (position: sticky)) { |
330 @supports ((position: -webkit-sticky) or (position: sticky)) { |
101 .edit-post-header > .edit-post-header__settings { |
331 .edit-post-header > .edit-post-header__settings { |
102 order: initial; } } |
332 order: initial; } } |
103 |
333 |
104 .edit-post-header { |
334 .edit-post-header__toolbar { |
105 /* Set left position when auto-fold is not on the body element. */ |
335 display: flex; |
106 right: 0; } |
336 flex-grow: 1; |
107 @media (min-width: 782px) { |
337 padding-right: 8px; } |
108 .edit-post-header { |
338 @media (min-width: 600px) { |
109 right: 160px; } } |
339 .edit-post-header__toolbar { |
110 |
340 padding-right: 24px; } } |
111 .auto-fold .edit-post-header { |
341 .edit-post-header__toolbar .table-of-contents { |
112 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } |
342 display: none; } |
113 @media (min-width: 782px) { |
343 @media (min-width: 600px) { |
114 .auto-fold .edit-post-header { |
344 .edit-post-header__toolbar .table-of-contents { |
115 right: 36px; } } |
345 display: block; } } |
116 @media (min-width: 960px) { |
|
117 .auto-fold .edit-post-header { |
|
118 right: 160px; } } |
|
119 |
|
120 /* Sidebar manually collapsed. */ |
|
121 .folded .edit-post-header { |
|
122 right: 0; } |
|
123 @media (min-width: 782px) { |
|
124 .folded .edit-post-header { |
|
125 right: 36px; } } |
|
126 |
|
127 /* Mobile menu opened. */ |
|
128 @media (max-width: 782px) { |
|
129 .auto-fold .wp-responsive-open .edit-post-header { |
|
130 right: 190px; } } |
|
131 |
|
132 /* In small screens with responsive menu expanded there is small white space. */ |
|
133 @media (max-width: 600px) { |
|
134 .auto-fold .wp-responsive-open .edit-post-header { |
|
135 margin-right: -18px; } } |
|
136 |
|
137 body.is-fullscreen-mode .edit-post-header { |
|
138 right: 0 !important; } |
|
139 |
346 |
140 .edit-post-header__settings { |
347 .edit-post-header__settings { |
141 display: inline-flex; |
348 display: inline-flex; |
142 align-items: center; } |
349 align-items: center; |
143 |
350 flex-wrap: wrap; |
144 .edit-post-header .components-button.is-toggled { |
351 padding-left: 4px; } |
145 color: #fff; |
|
146 background: #555d66; |
|
147 margin: 1px; |
|
148 padding: 7px; } |
|
149 |
|
150 .edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus { |
|
151 box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff !important; |
|
152 color: #fff !important; |
|
153 background: #555d66 !important; } |
|
154 |
|
155 .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { |
|
156 margin: 2px; |
|
157 height: 33px; |
|
158 line-height: 32px; |
|
159 font-size: 13px; } |
|
160 |
|
161 .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { |
|
162 padding: 0 5px; } |
|
163 @media (min-width: 600px) { |
352 @media (min-width: 600px) { |
164 .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { |
353 .edit-post-header__settings { |
165 padding: 0 12px; } } |
354 padding-left: 16px; } } |
166 |
355 |
167 .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { |
356 /** |
168 padding: 0 5px 2px; } |
357 * Buttons in the Toolbar |
|
358 */ |
|
359 .edit-post-header__settings .components-button.editor-post-save-draft, |
|
360 .edit-post-header__settings .editor-post-saved-state, |
|
361 .edit-post-header__settings .components-button.editor-post-switch-to-draft, |
|
362 .edit-post-header__settings .components-button.editor-post-preview, |
|
363 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { |
|
364 padding: 0 6px; |
|
365 margin-left: 4px; } |
169 @media (min-width: 600px) { |
366 @media (min-width: 600px) { |
170 .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { |
367 .edit-post-header__settings .components-button.editor-post-save-draft, |
171 padding: 0 12px 2px; } } |
368 .edit-post-header__settings .editor-post-saved-state, |
172 |
369 .edit-post-header__settings .components-button.editor-post-switch-to-draft, |
173 @media (min-width: 782px) { |
370 .edit-post-header__settings .components-button.editor-post-preview, |
174 .edit-post-header .components-button.editor-post-preview { |
371 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { |
175 margin: 0 12px 0 3px; } |
372 margin-left: 12px; } } |
176 .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { |
373 |
177 margin: 0 3px 0 12px; } } |
374 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, |
178 |
375 .edit-post-header__settings .components-button.editor-post-publish-button, |
179 .edit-post-fullscreen-mode-close__toolbar { |
376 .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { |
|
377 padding: 0 6px; |
|
378 margin-left: 4px; } |
|
379 @media (min-width: 600px) { |
|
380 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, |
|
381 .edit-post-header__settings .components-button.editor-post-publish-button, |
|
382 .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { |
|
383 padding: 0 12px; |
|
384 margin-left: 12px; } } |
|
385 |
|
386 .edit-post-header-preview__grouping-external { |
|
387 display: flex; |
|
388 position: relative; |
|
389 padding-bottom: 0; } |
|
390 |
|
391 .edit-post-header-preview__button-external { |
|
392 padding-right: 8px; |
|
393 margin-left: auto; |
|
394 width: 100%; |
|
395 display: flex; |
|
396 justify-content: flex-start; } |
|
397 .edit-post-header-preview__button-external svg { |
|
398 margin-left: 8px; } |
|
399 |
|
400 .edit-post-post-preview-dropdown .components-popover__content > div { |
|
401 padding-bottom: 0; } |
|
402 |
|
403 .edit-post-fullscreen-mode-close.has-icon { |
180 display: none; } |
404 display: none; } |
181 @media (min-width: 782px) { |
405 @media (min-width: 782px) { |
182 .edit-post-fullscreen-mode-close__toolbar { |
406 .edit-post-fullscreen-mode-close.has-icon { |
183 display: block; |
407 display: flex; |
184 border-top: 0; |
408 align-items: center; |
185 border-bottom: 0; |
409 align-self: stretch; |
186 border-right: 0; |
410 border: none; |
187 margin: -9px -10px -9px 10px; |
411 background: #23282e; |
188 padding: 9px 10px; } } |
412 color: #fff; |
|
413 border-radius: 0; |
|
414 height: auto; |
|
415 width: 60px; } |
|
416 .edit-post-fullscreen-mode-close.has-icon:hover { |
|
417 background: #32373d; } |
|
418 .edit-post-fullscreen-mode-close.has-icon:active { |
|
419 color: #fff; } |
|
420 .edit-post-fullscreen-mode-close.has-icon:focus { |
|
421 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; |
|
422 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } } |
189 |
423 |
190 .edit-post-header-toolbar { |
424 .edit-post-header-toolbar { |
191 display: inline-flex; |
425 display: inline-flex; |
192 align-items: center; } |
426 align-items: center; |
|
427 border: none; } |
193 .edit-post-header-toolbar > .components-button { |
428 .edit-post-header-toolbar > .components-button { |
194 display: none; } |
429 display: none; } |
195 @media (min-width: 600px) { |
430 @media (min-width: 600px) { |
196 .edit-post-header-toolbar > .components-button { |
431 .edit-post-header-toolbar > .components-button { |
197 display: inline-flex; } } |
432 display: inline-flex; } } |
198 .edit-post-header-toolbar .block-editor-block-navigation, |
433 .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { |
199 .edit-post-header-toolbar .table-of-contents { |
434 display: inline-flex; } |
|
435 .edit-post-header-toolbar .block-editor-block-navigation { |
200 display: none; } |
436 display: none; } |
201 @media (min-width: 600px) { |
437 @media (min-width: 600px) { |
202 .edit-post-header-toolbar .block-editor-block-navigation, |
438 .edit-post-header-toolbar .block-editor-block-navigation { |
203 .edit-post-header-toolbar .table-of-contents { |
|
204 display: flex; } } |
439 display: flex; } } |
|
440 .edit-post-header-toolbar > .components-button.has-icon, |
|
441 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon { |
|
442 height: 36px; |
|
443 min-width: 36px; |
|
444 padding: 6px; } |
|
445 .edit-post-header-toolbar > .components-button.has-icon.is-pressed, |
|
446 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { |
|
447 background: #1e1e1e; } |
|
448 .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled), |
|
449 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { |
|
450 box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff; |
|
451 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
|
452 outline: 1px solid transparent; } |
|
453 .edit-post-header-toolbar > .components-button.has-icon::before, |
|
454 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before { |
|
455 display: none; } |
205 |
456 |
206 .edit-post-header-toolbar__block-toolbar { |
457 .edit-post-header-toolbar__block-toolbar { |
207 position: absolute; |
458 position: absolute; |
208 top: 56px; |
459 top: 61px; |
209 right: 0; |
460 right: 0; |
210 left: 0; |
461 left: 0; |
211 background: #fff; |
462 background: #fff; |
212 min-height: 37px; |
463 border-bottom: 1px solid #ddd; } |
213 border-bottom: 1px solid #e2e4e7; } |
464 .edit-post-header-toolbar__block-toolbar:empty { |
|
465 display: none; } |
|
466 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, |
214 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { |
467 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { |
215 border-top: none; |
468 border-top: none; |
216 border-bottom: none; } |
469 border-bottom: none; } |
217 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
470 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
218 display: none; } |
471 display: none; } |
219 @media (min-width: 782px) { |
472 @media (min-width: 782px) { |
220 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
473 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
221 display: block; |
474 display: block; |
222 left: 280px; } } |
475 left: 280px; } } |
223 @media (min-width: 1080px) { |
476 @media (min-width: 1280px) { |
224 .edit-post-header-toolbar__block-toolbar { |
477 .edit-post-header-toolbar__block-toolbar { |
225 padding-right: 8px; |
478 padding-right: 8px; |
226 position: static; |
479 position: static; |
227 right: auto; |
480 right: auto; |
228 left: auto; |
481 left: auto; |
229 background: none; |
482 background: none; |
230 border-bottom: none; |
483 border-bottom: none; } |
231 min-height: auto; } |
|
232 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
484 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
233 left: auto; } |
485 left: auto; } |
234 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { |
486 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { |
235 margin: -9px 0; } |
487 border-right: 1px solid #ddd; } |
|
488 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, |
236 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { |
489 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { |
237 padding: 10px 4px 9px; } } |
490 height: 60px; |
|
491 padding: 6px 0; } } |
|
492 |
|
493 .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon { |
|
494 margin-left: 8px; |
|
495 min-width: 32px; |
|
496 width: 32px; |
|
497 height: 32px; |
|
498 padding: 0; } |
238 |
499 |
239 .edit-post-more-menu { |
500 .edit-post-more-menu { |
240 margin-right: -4px; } |
501 margin-right: -4px; } |
241 .edit-post-more-menu .components-icon-button { |
502 .edit-post-more-menu .components-button { |
242 width: auto; |
503 width: auto; |
243 padding: 8px 2px; } |
504 padding: 0 2px; } |
244 @media (min-width: 600px) { |
505 @media (min-width: 600px) { |
245 .edit-post-more-menu { |
506 .edit-post-more-menu { |
246 margin-right: 4px; } |
507 margin-right: 0; } |
247 .edit-post-more-menu .components-icon-button { |
508 .edit-post-more-menu .components-button { |
248 padding: 8px 4px; } } |
509 padding: 0 4px; } } |
249 .edit-post-more-menu .components-button svg { |
|
250 transform: rotate(-90deg); } |
|
251 |
510 |
252 .edit-post-more-menu__content .components-popover__content { |
511 .edit-post-more-menu__content .components-popover__content { |
253 min-width: 260px; } |
512 min-width: 260px; } |
254 @media (min-width: 480px) { |
513 @media (min-width: 480px) { |
255 .edit-post-more-menu__content .components-popover__content { |
514 .edit-post-more-menu__content .components-popover__content { |
256 width: auto; |
515 width: auto; |
257 max-width: 480px; } } |
516 max-width: 480px; } } |
258 .edit-post-more-menu__content .components-popover__content .components-menu-group:not(:last-child), |
517 .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { |
259 .edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group { |
518 padding: 0; } |
260 border-bottom: 1px solid #e2e4e7; } |
519 |
261 .edit-post-more-menu__content .components-popover__content .components-menu-item__button { |
520 .components-popover.edit-post-more-menu__content { |
262 padding-right: 2rem; } |
521 z-index: 99998; } |
263 .edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon { |
522 |
264 padding-right: 0.5rem; } |
523 .edit-post-keyboard-shortcut-help-modal__section { |
265 |
|
266 .edit-post-pinned-plugins { |
|
267 display: none; } |
|
268 @media (min-width: 600px) { |
|
269 .edit-post-pinned-plugins { |
|
270 display: flex; } } |
|
271 .edit-post-pinned-plugins .components-icon-button { |
|
272 margin-right: 4px; } |
|
273 .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg, |
|
274 .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * { |
|
275 stroke: #555d66; |
|
276 fill: #555d66; |
|
277 stroke-width: 0; } |
|
278 .edit-post-pinned-plugins .components-icon-button.is-toggled svg, |
|
279 .edit-post-pinned-plugins .components-icon-button.is-toggled svg * { |
|
280 stroke: #fff !important; |
|
281 fill: #fff !important; |
|
282 stroke-width: 0; } |
|
283 .edit-post-pinned-plugins .components-icon-button:hover svg, |
|
284 .edit-post-pinned-plugins .components-icon-button:hover svg * { |
|
285 stroke: #191e23 !important; |
|
286 fill: #191e23 !important; |
|
287 stroke-width: 0; } |
|
288 |
|
289 .edit-post-keyboard-shortcut-help__section { |
|
290 margin: 0 0 2rem 0; } |
524 margin: 0 0 2rem 0; } |
291 |
525 |
292 .edit-post-keyboard-shortcut-help__section-title { |
526 .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { |
|
527 margin-top: -25px; } |
|
528 |
|
529 .edit-post-keyboard-shortcut-help-modal__section-title { |
293 font-size: 0.9rem; |
530 font-size: 0.9rem; |
294 font-weight: 600; } |
531 font-weight: 600; } |
295 |
532 |
296 .edit-post-keyboard-shortcut-help__shortcut { |
533 .edit-post-keyboard-shortcut-help-modal__shortcut { |
297 display: flex; |
534 display: flex; |
298 align-items: center; |
535 align-items: baseline; |
299 padding: 0.6rem 0; |
536 padding: 0.6rem 0; |
300 border-top: 1px solid #e2e4e7; } |
537 border-top: 1px solid #ddd; |
301 .edit-post-keyboard-shortcut-help__shortcut:last-child { |
538 margin-bottom: 0; } |
302 border-bottom: 1px solid #e2e4e7; } |
539 .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { |
303 |
540 border-bottom: 1px solid #ddd; } |
304 .edit-post-keyboard-shortcut-help__shortcut-term { |
541 .edit-post-keyboard-shortcut-help-modal__shortcut:empty { |
305 order: 1; |
542 display: none; } |
|
543 |
|
544 .edit-post-keyboard-shortcut-help-modal__shortcut-term { |
306 font-weight: 600; |
545 font-weight: 600; |
307 margin: 0 1rem 0 0; } |
546 margin: 0 1rem 0 0; |
308 |
547 text-align: left; } |
309 .edit-post-keyboard-shortcut-help__shortcut-description { |
548 |
|
549 .edit-post-keyboard-shortcut-help-modal__shortcut-description { |
310 flex: 1; |
550 flex: 1; |
311 order: 0; |
|
312 margin: 0; |
551 margin: 0; |
313 flex-basis: auto; } |
552 flex-basis: auto; } |
314 |
553 |
315 .edit-post-keyboard-shortcut-help__shortcut-key-combination { |
554 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { |
|
555 display: block; |
316 background: none; |
556 background: none; |
317 margin: 0; |
557 margin: 0; |
318 padding: 0; } |
558 padding: 0; } |
319 |
559 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { |
320 .edit-post-keyboard-shortcut-help__shortcut-key { |
560 margin-top: 10px; } |
|
561 |
|
562 .edit-post-keyboard-shortcut-help-modal__shortcut-key { |
321 padding: 0.25rem 0.5rem; |
563 padding: 0.25rem 0.5rem; |
322 border-radius: 8%; |
564 border-radius: 8%; |
323 margin: 0 0.2rem 0 0.2rem; } |
565 margin: 0 0.2rem 0 0.2rem; } |
324 .edit-post-keyboard-shortcut-help__shortcut-key:last-child { |
566 .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { |
325 margin: 0 0.2rem 0 0; } |
567 margin: 0 0.2rem 0 0; } |
326 |
568 |
327 .edit-post-layout, |
569 .edit-post-layout__metaboxes { |
328 .edit-post-layout__content { |
570 flex-shrink: 0; } |
329 height: 100%; } |
|
330 |
|
331 .edit-post-layout { |
|
332 position: relative; } |
|
333 .edit-post-layout .components-notice-list { |
|
334 position: -webkit-sticky; |
|
335 position: sticky; |
|
336 top: 56px; |
|
337 left: 0; |
|
338 color: #191e23; } |
|
339 @media (min-width: 600px) { |
|
340 .edit-post-layout .components-notice-list { |
|
341 top: 0; } } |
|
342 .edit-post-layout .components-notice-list.is-pinned { |
|
343 position: relative; |
|
344 right: 0; |
|
345 top: 0; } |
|
346 .edit-post-layout .components-notice { |
|
347 margin: 0 0 5px; |
|
348 padding: 6px 12px; |
|
349 min-height: 50px; } |
|
350 .edit-post-layout .components-notice .components-notice__dismiss { |
|
351 margin: 10px 5px; } |
|
352 @media (min-width: 600px) { |
|
353 .edit-post-layout { |
|
354 padding-top: 56px; } } |
|
355 |
571 |
356 .edit-post-layout__metaboxes:not(:empty) { |
572 .edit-post-layout__metaboxes:not(:empty) { |
357 border-top: 1px solid #e2e4e7; |
573 border-top: 1px solid #ddd; |
358 margin-top: 10px; |
|
359 padding: 10px 0 10px; |
574 padding: 10px 0 10px; |
360 clear: both; } |
575 clear: both; } |
361 .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { |
576 .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { |
362 margin: auto 20px; } |
577 margin: auto 20px; } |
363 |
578 |
364 .edit-post-layout__content { |
579 .edit-post-layout .components-editor-notices__snackbar { |
365 display: flex; |
580 position: fixed; |
366 flex-direction: column; |
581 left: 0; |
367 min-height: 100%; |
582 bottom: 40px; |
368 position: relative; |
583 padding-right: 16px; |
369 padding-bottom: 50vh; |
584 padding-left: 16px; } |
370 -webkit-overflow-scrolling: touch; } |
585 |
371 @media (min-width: 782px) { |
586 .edit-post-layout .components-editor-notices__snackbar { |
372 .edit-post-layout__content { |
587 /* Set left position when auto-fold is not on the body element. */ |
373 position: fixed; |
588 right: 0; } |
374 bottom: 0; |
589 @media (min-width: 783px) { |
375 right: 0; |
590 .edit-post-layout .components-editor-notices__snackbar { |
376 left: 0; |
591 right: 160px; } } |
377 top: 88px; |
592 |
378 min-height: calc(100% - 88px); |
593 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
379 height: auto; |
594 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } |
380 margin-right: 160px; } |
595 @media (min-width: 783px) { |
381 body.auto-fold .edit-post-layout__content { |
596 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
382 margin-right: 36px; } } |
597 right: 36px; } } |
383 @media (min-width: 782px) and (min-width: 960px) { |
598 @media (min-width: 961px) { |
384 body.auto-fold .edit-post-layout__content { |
599 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
385 margin-right: 160px; } } |
600 right: 160px; } } |
386 @media (min-width: 782px) { |
601 |
387 body.folded .edit-post-layout__content { |
602 /* Sidebar manually collapsed. */ |
388 margin-right: 36px; } |
603 .folded .edit-post-layout .components-editor-notices__snackbar { |
389 body.is-fullscreen-mode .edit-post-layout__content { |
604 right: 0; } |
390 margin-right: 0 !important; |
605 @media (min-width: 783px) { |
391 top: 56px; } } |
606 .folded .edit-post-layout .components-editor-notices__snackbar { |
392 @media (min-width: 782px) { |
607 right: 36px; } } |
393 .has-fixed-toolbar .edit-post-layout__content { |
608 |
394 top: 124px; } } |
609 /* Mobile menu opened. */ |
395 @media (min-width: 1080px) { |
610 @media (max-width: 783px) { |
396 .has-fixed-toolbar .edit-post-layout__content { |
611 .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { |
397 top: 88px; } } |
612 right: 190px; } } |
398 @media (min-width: 600px) { |
613 |
399 .edit-post-layout__content { |
614 /* In small screens with responsive menu expanded there is small white space. */ |
400 padding-bottom: 0; } } |
615 @media (max-width: 600px) { |
401 @media (min-width: 600px) { |
616 .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { |
402 .edit-post-layout__content { |
617 margin-right: -18px; } } |
403 overflow-y: auto; } } |
618 |
404 @media (min-width: 600px) { |
619 body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { |
405 .edit-post-layout__content { |
620 right: 0 !important; } |
406 overscroll-behavior-y: none; } } |
|
407 .edit-post-layout__content .edit-post-visual-editor { |
|
408 flex: 1 1 auto; } |
|
409 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
410 .edit-post-layout__content .edit-post-visual-editor { |
|
411 flex-basis: 100%; } } |
|
412 .edit-post-layout__content .edit-post-layout__metaboxes { |
|
413 flex-shrink: 0; } |
|
414 |
621 |
415 .edit-post-layout .editor-post-publish-panel { |
622 .edit-post-layout .editor-post-publish-panel { |
416 position: fixed; |
623 position: fixed; |
417 z-index: 100001; |
624 z-index: 100001; |
418 top: 46px; |
625 top: 46px; |
878 padding-right: 20px; |
999 padding-right: 20px; |
879 font-style: italic; |
1000 font-style: italic; |
880 margin: 4px 0 0; |
1001 margin: 4px 0 0; |
881 line-height: 1.4; } |
1002 line-height: 1.4; } |
882 |
1003 |
883 .components-panel__header.edit-post-sidebar__panel-tabs { |
1004 .components-button.edit-post-sidebar__panel-tab { |
884 justify-content: flex-start; |
1005 border-radius: 0; |
885 padding-right: 0; |
1006 height: 48px; |
886 padding-left: 4px; |
|
887 border-top: 0; |
|
888 position: -webkit-sticky; |
|
889 position: sticky; |
|
890 z-index: -1; |
|
891 top: 0; } |
|
892 .components-panel__header.edit-post-sidebar__panel-tabs ul { |
|
893 display: flex; } |
|
894 .components-panel__header.edit-post-sidebar__panel-tabs li { |
|
895 margin: 0; } |
|
896 |
|
897 .edit-post-sidebar__panel-tab { |
|
898 background: transparent; |
1007 background: transparent; |
899 border: none; |
1008 border: none; |
900 box-shadow: none; |
1009 box-shadow: none; |
901 cursor: pointer; |
1010 cursor: pointer; |
|
1011 display: inline-block; |
902 padding: 3px 15px; |
1012 padding: 3px 15px; |
903 margin-right: 0; |
1013 margin-right: 0; |
904 font-weight: 400; |
1014 font-weight: 500; } |
905 color: #191e23; |
1015 .components-button.edit-post-sidebar__panel-tab::after { |
906 outline-offset: -1px; |
|
907 transition: box-shadow 0.1s linear; } |
|
908 .edit-post-sidebar__panel-tab::after { |
|
909 content: attr(data-label); |
1016 content: attr(data-label); |
910 display: block; |
1017 display: block; |
911 font-weight: 600; |
1018 font-weight: 600; |
912 height: 0; |
1019 height: 0; |
913 overflow: hidden; |
1020 overflow: hidden; |
914 speak: none; |
1021 speak: none; |
915 visibility: hidden; } |
1022 visibility: hidden; } |
916 .edit-post-sidebar__panel-tab.is-active { |
1023 .components-button.edit-post-sidebar__panel-tab.is-active { |
917 box-shadow: inset 0 -3px #007cba; |
1024 box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; |
918 font-weight: 600; |
1025 box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); |
919 position: relative; } |
1026 position: relative; |
920 body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { |
1027 z-index: 1; } |
921 box-shadow: inset 0 -3px #837425; } |
1028 .components-button.edit-post-sidebar__panel-tab.is-active::before { |
922 body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { |
|
923 box-shadow: inset 0 -3px #5e7d5e; } |
|
924 body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { |
|
925 box-shadow: inset 0 -3px #497b8d; } |
|
926 body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { |
|
927 box-shadow: inset 0 -3px #523f6d; } |
|
928 body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { |
|
929 box-shadow: inset 0 -3px #59524c; } |
|
930 body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { |
|
931 box-shadow: inset 0 -3px #417e9B; } |
|
932 body.admin-color-light .edit-post-sidebar__panel-tab.is-active { |
|
933 box-shadow: inset 0 -3px #007cba; } |
|
934 .edit-post-sidebar__panel-tab.is-active::before { |
|
935 content: ""; |
1029 content: ""; |
936 position: absolute; |
1030 position: absolute; |
937 top: 0; |
1031 top: 0; |
938 bottom: 1px; |
1032 bottom: 1px; |
939 left: 0; |
1033 left: 0; |
940 right: 0; |
1034 right: 0; |
941 border-bottom: 3px solid transparent; } |
1035 border-bottom: 4px solid transparent; } |
942 .edit-post-sidebar__panel-tab:focus { |
1036 .components-button.edit-post-sidebar__panel-tab:focus { |
943 color: #191e23; |
1037 box-shadow: inset 0 0 0 1.5px #007cba; |
944 outline-offset: -1px; |
1038 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); |
945 outline: 1px dotted #555d66; } |
1039 position: relative; |
946 |
1040 z-index: 1; } |
947 .edit-post-settings-sidebar__panel-block .components-panel__body { |
1041 .components-button.edit-post-sidebar__panel-tab.is-active:focus { |
948 border: none; |
1042 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; |
949 border-top: 1px solid #e2e4e7; |
1043 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } |
950 margin: 0 -16px; } |
1044 |
951 .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control { |
1045 .edit-post-text-editor { |
952 margin-bottom: 24px; } |
1046 position: relative; |
953 .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child { |
1047 width: 100%; |
954 margin-bottom: 8px; } |
1048 background-color: #fff; |
955 .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle { |
1049 flex-grow: 1; } |
956 color: #191e23; } |
1050 .edit-post-text-editor .wp-block.editor-post-title { |
957 .edit-post-settings-sidebar__panel-block .components-panel__body:first-child { |
1051 max-width: none; |
958 margin-top: 16px; } |
1052 line-height: 1.4; } |
959 .edit-post-settings-sidebar__panel-block .components-panel__body:last-child { |
1053 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { |
960 margin-bottom: -16px; } |
1054 font-family: Menlo, Consolas, monaco, monospace; |
961 |
1055 font-size: 2.5em; |
962 /* Text Editor specific */ |
1056 font-weight: normal; } |
963 .components-panel__header.edit-post-sidebar-header__small { |
1057 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { |
964 background: #fff; |
1058 border: 1px solid #ccc; |
965 padding-left: 4px; } |
1059 margin-bottom: -1px; |
966 .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title { |
1060 padding: 16px; } |
967 overflow: hidden; |
1061 @media (min-width: 600px) { |
968 text-overflow: ellipsis; |
1062 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { |
969 white-space: nowrap; |
1063 padding: 24px; } } |
970 width: 100%; } |
1064 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { |
971 @media (min-width: 782px) { |
1065 border: 1px solid #1e1e1e; } |
972 .components-panel__header.edit-post-sidebar-header__small { |
1066 @media (min-width: 600px) { |
973 display: none; } } |
1067 .edit-post-text-editor .wp-block.editor-post-title { |
974 |
1068 padding: 0; } } |
975 .components-panel__header.edit-post-sidebar-header { |
|
976 padding-left: 4px; |
|
977 background: #f3f4f5; } |
|
978 .components-panel__header.edit-post-sidebar-header .components-icon-button { |
|
979 display: none; |
|
980 margin-right: auto; } |
|
981 .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button { |
|
982 margin-right: 0; } |
|
983 @media (min-width: 782px) { |
|
984 .components-panel__header.edit-post-sidebar-header .components-icon-button { |
|
985 display: flex; } } |
|
986 |
1069 |
987 .edit-post-text-editor__body { |
1070 .edit-post-text-editor__body { |
988 padding-top: 40px; } |
1071 width: 100%; |
|
1072 padding: 0 12px 12px 12px; |
|
1073 max-width: 1080px; |
|
1074 margin-right: auto; |
|
1075 margin-left: auto; } |
|
1076 @media (min-width: 960px) { |
|
1077 .edit-post-text-editor__body { |
|
1078 padding: 16px 24px 96px 24px; |
|
1079 padding: 0 24px 24px 24px; } } |
|
1080 |
|
1081 .edit-post-text-editor__toolbar { |
|
1082 position: -webkit-sticky; |
|
1083 position: sticky; |
|
1084 z-index: 1; |
|
1085 top: 0; |
|
1086 right: 0; |
|
1087 left: 0; |
|
1088 display: flex; |
|
1089 background: rgba(255, 255, 255, 0.8); |
|
1090 padding: 4px 12px; } |
989 @media (min-width: 600px) { |
1091 @media (min-width: 600px) { |
990 .edit-post-text-editor__body { |
1092 .edit-post-text-editor__toolbar { |
991 padding-top: 86px; } } |
1093 padding: 12px; } } |
992 @media (min-width: 782px) { |
1094 @media (min-width: 960px) { |
993 .edit-post-text-editor__body { |
1095 .edit-post-text-editor__toolbar { |
994 padding-top: 40px; } |
1096 padding: 12px 24px; } } |
995 body.is-fullscreen-mode .edit-post-text-editor__body { |
1097 .edit-post-text-editor__toolbar h2 { |
996 padding-top: 40px; } } |
|
997 |
|
998 .edit-post-text-editor { |
|
999 width: 100%; |
|
1000 max-width: calc(100% - 32px); |
|
1001 margin-right: 16px; |
|
1002 margin-left: 16px; |
|
1003 padding-top: 44px; } |
|
1004 @media (min-width: 600px) { |
|
1005 .edit-post-text-editor { |
|
1006 max-width: 610px; |
|
1007 margin-right: auto; |
|
1008 margin-left: auto; } } |
|
1009 .edit-post-text-editor .editor-post-title__block textarea { |
|
1010 border: 1px solid #e2e4e7; |
|
1011 margin-bottom: 4px; |
|
1012 padding: 14px; } |
|
1013 .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover, |
|
1014 .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar).is-selected .editor-post-title__input { |
|
1015 box-shadow: none; |
|
1016 border-right-width: 1px; } |
|
1017 .edit-post-text-editor .editor-post-title__block textarea:hover, |
|
1018 .edit-post-text-editor .editor-post-title__block.is-selected textarea { |
|
1019 box-shadow: 0 0 0 1px #e2e4e7; } |
|
1020 .edit-post-text-editor .editor-post-permalink { |
|
1021 margin-top: -6px; |
|
1022 box-shadow: none; |
|
1023 border: none; |
|
1024 outline: 1px solid #b5bcc2; } |
|
1025 @media (min-width: 600px) { |
|
1026 .edit-post-text-editor .editor-post-title, |
|
1027 .edit-post-text-editor .editor-post-title__block { |
|
1028 padding: 0; } } |
|
1029 .edit-post-text-editor .editor-post-text-editor { |
|
1030 padding: 14px; |
|
1031 min-height: 200px; |
|
1032 line-height: 1.8; } |
|
1033 .edit-post-text-editor .edit-post-text-editor__toolbar { |
|
1034 position: absolute; |
|
1035 top: 8px; |
|
1036 right: 0; |
|
1037 left: 0; |
|
1038 height: 36px; |
|
1039 line-height: 36px; |
1098 line-height: 36px; |
1040 padding: 0 16px 0 8px; |
1099 margin: 0 0 0 auto; |
1041 display: flex; } |
1100 font-size: 13px; |
1042 .edit-post-text-editor .edit-post-text-editor__toolbar h2 { |
1101 color: #1e1e1e; } |
1043 margin: 0 0 0 auto; |
1102 .edit-post-text-editor__toolbar .components-button svg { |
1044 font-size: 13px; |
1103 order: 1; } |
1045 color: #555d66; } |
|
1046 .edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg { |
|
1047 order: 1; } |
|
1048 |
1104 |
1049 .edit-post-visual-editor { |
1105 .edit-post-visual-editor { |
1050 position: relative; |
1106 position: relative; |
1051 padding: 50px 0; } |
1107 padding-top: 50px; |
|
1108 background-color: #fff; |
|
1109 flex: 1 1 auto; } |
1052 .edit-post-visual-editor .components-button { |
1110 .edit-post-visual-editor .components-button { |
1053 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } |
1111 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1112 font-size: 13px; |
|
1113 padding: 6px 12px; } |
|
1114 .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { |
|
1115 padding: 6px; } |
|
1116 @supports ((position: -webkit-sticky) or (position: sticky)) { |
|
1117 .edit-post-visual-editor { |
|
1118 flex-basis: 100%; } } |
|
1119 |
|
1120 .edit-post-visual-editor > .block-editor__typewriter, |
|
1121 .edit-post-visual-editor > .block-editor__typewriter > div, |
|
1122 .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, |
|
1123 .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { |
|
1124 height: 100%; } |
1054 |
1125 |
1055 .edit-post-visual-editor .block-editor-writing-flow__click-redirect { |
1126 .edit-post-visual-editor .block-editor-writing-flow__click-redirect { |
1056 height: 50px; |
1127 min-height: 40vh; |
1057 width: 100%; |
1128 width: 100%; } |
1058 margin: -4px auto -50px; } |
1129 |
1059 |
1130 .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { |
1060 .edit-post-visual-editor .block-editor-block-list__block { |
1131 height: 0; } |
1061 margin-right: auto; |
1132 |
1062 margin-left: auto; } |
1133 .edit-post-visual-editor__post-title-wrapper .editor-post-title { |
1063 @media (min-width: 600px) { |
1134 margin-top: 2em; |
1064 .edit-post-visual-editor .block-editor-block-list__block .block-editor-block-list__block-edit { |
|
1065 margin-right: -28px; |
|
1066 margin-left: -28px; } |
|
1067 .edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar, |
|
1068 .edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar { |
|
1069 height: 0; |
|
1070 width: 100%; |
|
1071 margin-right: 0; |
|
1072 margin-left: 0; |
|
1073 text-align: center; |
|
1074 float: right; } |
|
1075 .edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar, |
|
1076 .edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar { |
|
1077 max-width: 610px; |
|
1078 width: 100%; |
|
1079 position: relative; } } |
|
1080 |
|
1081 @media (min-width: 600px) { |
|
1082 .editor-post-title { |
|
1083 padding-right: 46px; |
|
1084 padding-left: 46px; } } |
|
1085 |
|
1086 .edit-post-visual-editor .editor-post-title__block { |
|
1087 margin-right: auto; |
1135 margin-right: auto; |
1088 margin-left: auto; |
1136 margin-left: auto; |
1089 margin-bottom: -20px; } |
1137 margin-bottom: 32px; } |
1090 .edit-post-visual-editor .editor-post-title__block > div { |
|
1091 margin-right: 0; |
|
1092 margin-left: 0; } |
|
1093 @media (min-width: 600px) { |
|
1094 .edit-post-visual-editor .editor-post-title__block > div { |
|
1095 margin-right: -2px; |
|
1096 margin-left: -2px; } } |
|
1097 |
|
1098 .edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="left"]:first-child, |
|
1099 .edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="right"]:first-child { |
|
1100 margin-top: 34px; } |
|
1101 |
|
1102 .edit-post-visual-editor .block-editor-default-block-appender { |
|
1103 margin-right: auto; |
|
1104 margin-left: auto; |
|
1105 position: relative; } |
|
1106 .edit-post-visual-editor .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { |
|
1107 outline: 1px solid transparent; } |
|
1108 |
|
1109 .edit-post-visual-editor .block-editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p, |
|
1110 .edit-post-visual-editor .block-editor-default-block-appender__content { |
|
1111 min-height: 28px; |
|
1112 line-height: 1.8; } |
|
1113 |
1138 |
1114 .edit-post-options-modal__section { |
1139 .edit-post-options-modal__section { |
1115 margin: 0 0 2rem 0; } |
1140 margin: 0 0 2rem 0; } |
1116 |
1141 |
1117 .edit-post-options-modal__section-title { |
1142 .edit-post-options-modal__section-title { |
1118 font-size: 0.9rem; |
1143 font-size: 0.9rem; |
1119 font-weight: 600; } |
1144 font-weight: 600; } |
1120 |
1145 |
1121 .edit-post-options-modal__option { |
1146 .edit-post-options-modal__option { |
1122 border-top: 1px solid #e2e4e7; } |
1147 border-top: 1px solid #ddd; } |
1123 .edit-post-options-modal__option:last-child { |
1148 .edit-post-options-modal__option:last-child { |
1124 border-bottom: 1px solid #e2e4e7; } |
1149 border-bottom: 1px solid #ddd; } |
1125 .edit-post-options-modal__option .components-base-control__field { |
1150 .edit-post-options-modal__option .components-base-control__field { |
1126 align-items: center; |
1151 align-items: center; |
1127 display: flex; |
1152 display: flex; |
1128 margin: 0; } |
1153 margin: 0; } |
1129 .edit-post-options-modal__option.components-base-control + .edit-post-options-modal__option.components-base-control { |
|
1130 margin-bottom: 0; } |
|
1131 .edit-post-options-modal__option .components-checkbox-control__label { |
1154 .edit-post-options-modal__option .components-checkbox-control__label { |
1132 flex-grow: 1; |
1155 flex-grow: 1; |
1133 padding: 0.6rem 10px 0.6rem 0; } |
1156 padding: 0.6rem 10px 0.6rem 0; } |
1134 |
1157 |
|
1158 .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { |
|
1159 margin: 0 48px 0.6rem 0; } |
|
1160 @media (min-width: 782px) { |
|
1161 .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { |
|
1162 margin-right: 38px; } } |
|
1163 @media (min-width: 600px) { |
|
1164 .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { |
|
1165 max-width: 300px; } } |
|
1166 |
|
1167 .edit-post-welcome-guide { |
|
1168 width: 312px; } |
|
1169 .edit-post-welcome-guide__image { |
|
1170 background: #00a0d2; |
|
1171 height: 240px; } |
|
1172 .edit-post-welcome-guide__image__prm-r { |
|
1173 display: none; } |
|
1174 @media (prefers-reduced-motion: reduce) { |
|
1175 .edit-post-welcome-guide__image__prm-r { |
|
1176 display: block; } |
|
1177 .edit-post-welcome-guide__image__prm-np { |
|
1178 display: none; } } |
|
1179 .edit-post-welcome-guide__heading { |
|
1180 font-family: "Noto Serif", serif; |
|
1181 font-size: 24px; |
|
1182 line-height: 1.4; |
|
1183 margin: 0 0 16px 0; |
|
1184 padding: 0 32px; } |
|
1185 .edit-post-welcome-guide__text { |
|
1186 font-size: 13px; |
|
1187 line-height: 1.4; |
|
1188 margin: 0 0 24px 0; |
|
1189 padding: 0 32px; } |
|
1190 .edit-post-welcome-guide__inserter-icon { |
|
1191 margin: 0 4px; |
|
1192 vertical-align: text-top; } |
|
1193 |
1135 /** |
1194 /** |
1136 * Animations |
1195 * Animations |
1137 */ |
1196 */ |
1138 @keyframes edit-post__loading-fade-animation { |
|
1139 0% { |
|
1140 opacity: 0.5; } |
|
1141 50% { |
|
1142 opacity: 1; } |
|
1143 100% { |
|
1144 opacity: 0.5; } } |
|
1145 |
|
1146 @keyframes edit-post__fade-in-animation { |
1197 @keyframes edit-post__fade-in-animation { |
1147 from { |
1198 from { |
1148 opacity: 0; } |
1199 opacity: 0; } |
1149 to { |
1200 to { |
1150 opacity: 1; } } |
1201 opacity: 1; } } |
1212 width: 100%; } |
1283 width: 100%; } |
1213 |
1284 |
1214 .block-editor__container .components-navigate-regions { |
1285 .block-editor__container .components-navigate-regions { |
1215 height: 100%; } |
1286 height: 100%; } |
1216 |
1287 |
1217 .editor-post-permalink .input-control, |
|
1218 .editor-post-permalink input[type="text"], |
|
1219 .editor-post-permalink input[type="search"], |
|
1220 .editor-post-permalink input[type="radio"], |
|
1221 .editor-post-permalink input[type="tel"], |
|
1222 .editor-post-permalink input[type="time"], |
|
1223 .editor-post-permalink input[type="url"], |
|
1224 .editor-post-permalink input[type="week"], |
|
1225 .editor-post-permalink input[type="password"], |
|
1226 .editor-post-permalink input[type="checkbox"], |
|
1227 .editor-post-permalink input[type="color"], |
|
1228 .editor-post-permalink input[type="date"], |
|
1229 .editor-post-permalink input[type="datetime"], |
|
1230 .editor-post-permalink input[type="datetime-local"], |
|
1231 .editor-post-permalink input[type="email"], |
|
1232 .editor-post-permalink input[type="month"], |
|
1233 .editor-post-permalink input[type="number"], |
|
1234 .editor-post-permalink select, |
|
1235 .editor-post-permalink textarea, |
|
1236 .edit-post-sidebar .input-control, |
|
1237 .edit-post-sidebar input[type="text"], |
|
1238 .edit-post-sidebar input[type="search"], |
|
1239 .edit-post-sidebar input[type="radio"], |
|
1240 .edit-post-sidebar input[type="tel"], |
|
1241 .edit-post-sidebar input[type="time"], |
|
1242 .edit-post-sidebar input[type="url"], |
|
1243 .edit-post-sidebar input[type="week"], |
|
1244 .edit-post-sidebar input[type="password"], |
|
1245 .edit-post-sidebar input[type="checkbox"], |
|
1246 .edit-post-sidebar input[type="color"], |
|
1247 .edit-post-sidebar input[type="date"], |
|
1248 .edit-post-sidebar input[type="datetime"], |
|
1249 .edit-post-sidebar input[type="datetime-local"], |
|
1250 .edit-post-sidebar input[type="email"], |
|
1251 .edit-post-sidebar input[type="month"], |
|
1252 .edit-post-sidebar input[type="number"], |
|
1253 .edit-post-sidebar select, |
|
1254 .edit-post-sidebar textarea, |
|
1255 .editor-post-publish-panel .input-control, |
|
1256 .editor-post-publish-panel input[type="text"], |
|
1257 .editor-post-publish-panel input[type="search"], |
|
1258 .editor-post-publish-panel input[type="radio"], |
|
1259 .editor-post-publish-panel input[type="tel"], |
|
1260 .editor-post-publish-panel input[type="time"], |
|
1261 .editor-post-publish-panel input[type="url"], |
|
1262 .editor-post-publish-panel input[type="week"], |
|
1263 .editor-post-publish-panel input[type="password"], |
|
1264 .editor-post-publish-panel input[type="checkbox"], |
|
1265 .editor-post-publish-panel input[type="color"], |
|
1266 .editor-post-publish-panel input[type="date"], |
|
1267 .editor-post-publish-panel input[type="datetime"], |
|
1268 .editor-post-publish-panel input[type="datetime-local"], |
|
1269 .editor-post-publish-panel input[type="email"], |
|
1270 .editor-post-publish-panel input[type="month"], |
|
1271 .editor-post-publish-panel input[type="number"], |
|
1272 .editor-post-publish-panel select, |
|
1273 .editor-post-publish-panel textarea, |
|
1274 .block-editor-block-list__block .input-control, |
|
1275 .block-editor-block-list__block input[type="text"], |
|
1276 .block-editor-block-list__block input[type="search"], |
|
1277 .block-editor-block-list__block input[type="radio"], |
|
1278 .block-editor-block-list__block input[type="tel"], |
|
1279 .block-editor-block-list__block input[type="time"], |
|
1280 .block-editor-block-list__block input[type="url"], |
|
1281 .block-editor-block-list__block input[type="week"], |
|
1282 .block-editor-block-list__block input[type="password"], |
|
1283 .block-editor-block-list__block input[type="checkbox"], |
|
1284 .block-editor-block-list__block input[type="color"], |
|
1285 .block-editor-block-list__block input[type="date"], |
|
1286 .block-editor-block-list__block input[type="datetime"], |
|
1287 .block-editor-block-list__block input[type="datetime-local"], |
|
1288 .block-editor-block-list__block input[type="email"], |
|
1289 .block-editor-block-list__block input[type="month"], |
|
1290 .block-editor-block-list__block input[type="number"], |
|
1291 .block-editor-block-list__block select, |
|
1292 .block-editor-block-list__block textarea, |
|
1293 .components-popover .input-control, |
|
1294 .components-popover input[type="text"], |
|
1295 .components-popover input[type="search"], |
|
1296 .components-popover input[type="radio"], |
|
1297 .components-popover input[type="tel"], |
|
1298 .components-popover input[type="time"], |
|
1299 .components-popover input[type="url"], |
|
1300 .components-popover input[type="week"], |
|
1301 .components-popover input[type="password"], |
|
1302 .components-popover input[type="checkbox"], |
|
1303 .components-popover input[type="color"], |
|
1304 .components-popover input[type="date"], |
|
1305 .components-popover input[type="datetime"], |
|
1306 .components-popover input[type="datetime-local"], |
|
1307 .components-popover input[type="email"], |
|
1308 .components-popover input[type="month"], |
|
1309 .components-popover input[type="number"], |
|
1310 .components-popover select, |
|
1311 .components-popover textarea, |
|
1312 .components-modal__content .input-control, |
|
1313 .components-modal__content input[type="text"], |
|
1314 .components-modal__content input[type="search"], |
|
1315 .components-modal__content input[type="radio"], |
|
1316 .components-modal__content input[type="tel"], |
|
1317 .components-modal__content input[type="time"], |
|
1318 .components-modal__content input[type="url"], |
|
1319 .components-modal__content input[type="week"], |
|
1320 .components-modal__content input[type="password"], |
|
1321 .components-modal__content input[type="checkbox"], |
|
1322 .components-modal__content input[type="color"], |
|
1323 .components-modal__content input[type="date"], |
|
1324 .components-modal__content input[type="datetime"], |
|
1325 .components-modal__content input[type="datetime-local"], |
|
1326 .components-modal__content input[type="email"], |
|
1327 .components-modal__content input[type="month"], |
|
1328 .components-modal__content input[type="number"], |
|
1329 .components-modal__content select, |
|
1330 .components-modal__content textarea { |
|
1331 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
1332 padding: 6px 8px; |
|
1333 box-shadow: 0 0 0 transparent; |
|
1334 transition: box-shadow 0.1s linear; |
|
1335 border-radius: 4px; |
|
1336 border: 1px solid #8d96a0; |
|
1337 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
1338 font-size: 16px; } |
|
1339 @media (min-width: 600px) { |
|
1340 .editor-post-permalink .input-control, |
|
1341 .editor-post-permalink input[type="text"], |
|
1342 .editor-post-permalink input[type="search"], |
|
1343 .editor-post-permalink input[type="radio"], |
|
1344 .editor-post-permalink input[type="tel"], |
|
1345 .editor-post-permalink input[type="time"], |
|
1346 .editor-post-permalink input[type="url"], |
|
1347 .editor-post-permalink input[type="week"], |
|
1348 .editor-post-permalink input[type="password"], |
|
1349 .editor-post-permalink input[type="checkbox"], |
|
1350 .editor-post-permalink input[type="color"], |
|
1351 .editor-post-permalink input[type="date"], |
|
1352 .editor-post-permalink input[type="datetime"], |
|
1353 .editor-post-permalink input[type="datetime-local"], |
|
1354 .editor-post-permalink input[type="email"], |
|
1355 .editor-post-permalink input[type="month"], |
|
1356 .editor-post-permalink input[type="number"], |
|
1357 .editor-post-permalink select, |
|
1358 .editor-post-permalink textarea, |
|
1359 .edit-post-sidebar .input-control, |
|
1360 .edit-post-sidebar input[type="text"], |
|
1361 .edit-post-sidebar input[type="search"], |
|
1362 .edit-post-sidebar input[type="radio"], |
|
1363 .edit-post-sidebar input[type="tel"], |
|
1364 .edit-post-sidebar input[type="time"], |
|
1365 .edit-post-sidebar input[type="url"], |
|
1366 .edit-post-sidebar input[type="week"], |
|
1367 .edit-post-sidebar input[type="password"], |
|
1368 .edit-post-sidebar input[type="checkbox"], |
|
1369 .edit-post-sidebar input[type="color"], |
|
1370 .edit-post-sidebar input[type="date"], |
|
1371 .edit-post-sidebar input[type="datetime"], |
|
1372 .edit-post-sidebar input[type="datetime-local"], |
|
1373 .edit-post-sidebar input[type="email"], |
|
1374 .edit-post-sidebar input[type="month"], |
|
1375 .edit-post-sidebar input[type="number"], |
|
1376 .edit-post-sidebar select, |
|
1377 .edit-post-sidebar textarea, |
|
1378 .editor-post-publish-panel .input-control, |
|
1379 .editor-post-publish-panel input[type="text"], |
|
1380 .editor-post-publish-panel input[type="search"], |
|
1381 .editor-post-publish-panel input[type="radio"], |
|
1382 .editor-post-publish-panel input[type="tel"], |
|
1383 .editor-post-publish-panel input[type="time"], |
|
1384 .editor-post-publish-panel input[type="url"], |
|
1385 .editor-post-publish-panel input[type="week"], |
|
1386 .editor-post-publish-panel input[type="password"], |
|
1387 .editor-post-publish-panel input[type="checkbox"], |
|
1388 .editor-post-publish-panel input[type="color"], |
|
1389 .editor-post-publish-panel input[type="date"], |
|
1390 .editor-post-publish-panel input[type="datetime"], |
|
1391 .editor-post-publish-panel input[type="datetime-local"], |
|
1392 .editor-post-publish-panel input[type="email"], |
|
1393 .editor-post-publish-panel input[type="month"], |
|
1394 .editor-post-publish-panel input[type="number"], |
|
1395 .editor-post-publish-panel select, |
|
1396 .editor-post-publish-panel textarea, |
|
1397 .block-editor-block-list__block .input-control, |
|
1398 .block-editor-block-list__block input[type="text"], |
|
1399 .block-editor-block-list__block input[type="search"], |
|
1400 .block-editor-block-list__block input[type="radio"], |
|
1401 .block-editor-block-list__block input[type="tel"], |
|
1402 .block-editor-block-list__block input[type="time"], |
|
1403 .block-editor-block-list__block input[type="url"], |
|
1404 .block-editor-block-list__block input[type="week"], |
|
1405 .block-editor-block-list__block input[type="password"], |
|
1406 .block-editor-block-list__block input[type="checkbox"], |
|
1407 .block-editor-block-list__block input[type="color"], |
|
1408 .block-editor-block-list__block input[type="date"], |
|
1409 .block-editor-block-list__block input[type="datetime"], |
|
1410 .block-editor-block-list__block input[type="datetime-local"], |
|
1411 .block-editor-block-list__block input[type="email"], |
|
1412 .block-editor-block-list__block input[type="month"], |
|
1413 .block-editor-block-list__block input[type="number"], |
|
1414 .block-editor-block-list__block select, |
|
1415 .block-editor-block-list__block textarea, |
|
1416 .components-popover .input-control, |
|
1417 .components-popover input[type="text"], |
|
1418 .components-popover input[type="search"], |
|
1419 .components-popover input[type="radio"], |
|
1420 .components-popover input[type="tel"], |
|
1421 .components-popover input[type="time"], |
|
1422 .components-popover input[type="url"], |
|
1423 .components-popover input[type="week"], |
|
1424 .components-popover input[type="password"], |
|
1425 .components-popover input[type="checkbox"], |
|
1426 .components-popover input[type="color"], |
|
1427 .components-popover input[type="date"], |
|
1428 .components-popover input[type="datetime"], |
|
1429 .components-popover input[type="datetime-local"], |
|
1430 .components-popover input[type="email"], |
|
1431 .components-popover input[type="month"], |
|
1432 .components-popover input[type="number"], |
|
1433 .components-popover select, |
|
1434 .components-popover textarea, |
|
1435 .components-modal__content .input-control, |
|
1436 .components-modal__content input[type="text"], |
|
1437 .components-modal__content input[type="search"], |
|
1438 .components-modal__content input[type="radio"], |
|
1439 .components-modal__content input[type="tel"], |
|
1440 .components-modal__content input[type="time"], |
|
1441 .components-modal__content input[type="url"], |
|
1442 .components-modal__content input[type="week"], |
|
1443 .components-modal__content input[type="password"], |
|
1444 .components-modal__content input[type="checkbox"], |
|
1445 .components-modal__content input[type="color"], |
|
1446 .components-modal__content input[type="date"], |
|
1447 .components-modal__content input[type="datetime"], |
|
1448 .components-modal__content input[type="datetime-local"], |
|
1449 .components-modal__content input[type="email"], |
|
1450 .components-modal__content input[type="month"], |
|
1451 .components-modal__content input[type="number"], |
|
1452 .components-modal__content select, |
|
1453 .components-modal__content textarea { |
|
1454 font-size: 13px; } } |
|
1455 .editor-post-permalink .input-control:focus, |
|
1456 .editor-post-permalink input[type="text"]:focus, |
|
1457 .editor-post-permalink input[type="search"]:focus, |
|
1458 .editor-post-permalink input[type="radio"]:focus, |
|
1459 .editor-post-permalink input[type="tel"]:focus, |
|
1460 .editor-post-permalink input[type="time"]:focus, |
|
1461 .editor-post-permalink input[type="url"]:focus, |
|
1462 .editor-post-permalink input[type="week"]:focus, |
|
1463 .editor-post-permalink input[type="password"]:focus, |
|
1464 .editor-post-permalink input[type="checkbox"]:focus, |
|
1465 .editor-post-permalink input[type="color"]:focus, |
|
1466 .editor-post-permalink input[type="date"]:focus, |
|
1467 .editor-post-permalink input[type="datetime"]:focus, |
|
1468 .editor-post-permalink input[type="datetime-local"]:focus, |
|
1469 .editor-post-permalink input[type="email"]:focus, |
|
1470 .editor-post-permalink input[type="month"]:focus, |
|
1471 .editor-post-permalink input[type="number"]:focus, |
|
1472 .editor-post-permalink select:focus, |
|
1473 .editor-post-permalink textarea:focus, |
|
1474 .edit-post-sidebar .input-control:focus, |
|
1475 .edit-post-sidebar input[type="text"]:focus, |
|
1476 .edit-post-sidebar input[type="search"]:focus, |
|
1477 .edit-post-sidebar input[type="radio"]:focus, |
|
1478 .edit-post-sidebar input[type="tel"]:focus, |
|
1479 .edit-post-sidebar input[type="time"]:focus, |
|
1480 .edit-post-sidebar input[type="url"]:focus, |
|
1481 .edit-post-sidebar input[type="week"]:focus, |
|
1482 .edit-post-sidebar input[type="password"]:focus, |
|
1483 .edit-post-sidebar input[type="checkbox"]:focus, |
|
1484 .edit-post-sidebar input[type="color"]:focus, |
|
1485 .edit-post-sidebar input[type="date"]:focus, |
|
1486 .edit-post-sidebar input[type="datetime"]:focus, |
|
1487 .edit-post-sidebar input[type="datetime-local"]:focus, |
|
1488 .edit-post-sidebar input[type="email"]:focus, |
|
1489 .edit-post-sidebar input[type="month"]:focus, |
|
1490 .edit-post-sidebar input[type="number"]:focus, |
|
1491 .edit-post-sidebar select:focus, |
|
1492 .edit-post-sidebar textarea:focus, |
|
1493 .editor-post-publish-panel .input-control:focus, |
|
1494 .editor-post-publish-panel input[type="text"]:focus, |
|
1495 .editor-post-publish-panel input[type="search"]:focus, |
|
1496 .editor-post-publish-panel input[type="radio"]:focus, |
|
1497 .editor-post-publish-panel input[type="tel"]:focus, |
|
1498 .editor-post-publish-panel input[type="time"]:focus, |
|
1499 .editor-post-publish-panel input[type="url"]:focus, |
|
1500 .editor-post-publish-panel input[type="week"]:focus, |
|
1501 .editor-post-publish-panel input[type="password"]:focus, |
|
1502 .editor-post-publish-panel input[type="checkbox"]:focus, |
|
1503 .editor-post-publish-panel input[type="color"]:focus, |
|
1504 .editor-post-publish-panel input[type="date"]:focus, |
|
1505 .editor-post-publish-panel input[type="datetime"]:focus, |
|
1506 .editor-post-publish-panel input[type="datetime-local"]:focus, |
|
1507 .editor-post-publish-panel input[type="email"]:focus, |
|
1508 .editor-post-publish-panel input[type="month"]:focus, |
|
1509 .editor-post-publish-panel input[type="number"]:focus, |
|
1510 .editor-post-publish-panel select:focus, |
|
1511 .editor-post-publish-panel textarea:focus, |
|
1512 .block-editor-block-list__block .input-control:focus, |
|
1513 .block-editor-block-list__block input[type="text"]:focus, |
|
1514 .block-editor-block-list__block input[type="search"]:focus, |
|
1515 .block-editor-block-list__block input[type="radio"]:focus, |
|
1516 .block-editor-block-list__block input[type="tel"]:focus, |
|
1517 .block-editor-block-list__block input[type="time"]:focus, |
|
1518 .block-editor-block-list__block input[type="url"]:focus, |
|
1519 .block-editor-block-list__block input[type="week"]:focus, |
|
1520 .block-editor-block-list__block input[type="password"]:focus, |
|
1521 .block-editor-block-list__block input[type="checkbox"]:focus, |
|
1522 .block-editor-block-list__block input[type="color"]:focus, |
|
1523 .block-editor-block-list__block input[type="date"]:focus, |
|
1524 .block-editor-block-list__block input[type="datetime"]:focus, |
|
1525 .block-editor-block-list__block input[type="datetime-local"]:focus, |
|
1526 .block-editor-block-list__block input[type="email"]:focus, |
|
1527 .block-editor-block-list__block input[type="month"]:focus, |
|
1528 .block-editor-block-list__block input[type="number"]:focus, |
|
1529 .block-editor-block-list__block select:focus, |
|
1530 .block-editor-block-list__block textarea:focus, |
|
1531 .components-popover .input-control:focus, |
|
1532 .components-popover input[type="text"]:focus, |
|
1533 .components-popover input[type="search"]:focus, |
|
1534 .components-popover input[type="radio"]:focus, |
|
1535 .components-popover input[type="tel"]:focus, |
|
1536 .components-popover input[type="time"]:focus, |
|
1537 .components-popover input[type="url"]:focus, |
|
1538 .components-popover input[type="week"]:focus, |
|
1539 .components-popover input[type="password"]:focus, |
|
1540 .components-popover input[type="checkbox"]:focus, |
|
1541 .components-popover input[type="color"]:focus, |
|
1542 .components-popover input[type="date"]:focus, |
|
1543 .components-popover input[type="datetime"]:focus, |
|
1544 .components-popover input[type="datetime-local"]:focus, |
|
1545 .components-popover input[type="email"]:focus, |
|
1546 .components-popover input[type="month"]:focus, |
|
1547 .components-popover input[type="number"]:focus, |
|
1548 .components-popover select:focus, |
|
1549 .components-popover textarea:focus, |
|
1550 .components-modal__content .input-control:focus, |
|
1551 .components-modal__content input[type="text"]:focus, |
|
1552 .components-modal__content input[type="search"]:focus, |
|
1553 .components-modal__content input[type="radio"]:focus, |
|
1554 .components-modal__content input[type="tel"]:focus, |
|
1555 .components-modal__content input[type="time"]:focus, |
|
1556 .components-modal__content input[type="url"]:focus, |
|
1557 .components-modal__content input[type="week"]:focus, |
|
1558 .components-modal__content input[type="password"]:focus, |
|
1559 .components-modal__content input[type="checkbox"]:focus, |
|
1560 .components-modal__content input[type="color"]:focus, |
|
1561 .components-modal__content input[type="date"]:focus, |
|
1562 .components-modal__content input[type="datetime"]:focus, |
|
1563 .components-modal__content input[type="datetime-local"]:focus, |
|
1564 .components-modal__content input[type="email"]:focus, |
|
1565 .components-modal__content input[type="month"]:focus, |
|
1566 .components-modal__content input[type="number"]:focus, |
|
1567 .components-modal__content select:focus, |
|
1568 .components-modal__content textarea:focus { |
|
1569 color: #191e23; |
|
1570 border-color: #00a0d2; |
|
1571 box-shadow: 0 0 0 1px #00a0d2; |
|
1572 outline: 2px solid transparent; |
|
1573 outline-offset: -2px; } |
|
1574 |
|
1575 .editor-post-permalink input[type="number"], |
|
1576 .edit-post-sidebar input[type="number"], |
|
1577 .editor-post-publish-panel input[type="number"], |
|
1578 .block-editor-block-list__block input[type="number"], |
|
1579 .components-popover input[type="number"], |
|
1580 .components-modal__content input[type="number"] { |
|
1581 padding-right: 4px; |
|
1582 padding-left: 4px; } |
|
1583 |
|
1584 .editor-post-permalink select, |
|
1585 .edit-post-sidebar select, |
|
1586 .editor-post-publish-panel select, |
|
1587 .block-editor-block-list__block select, |
|
1588 .components-popover select, |
|
1589 .components-modal__content select { |
|
1590 padding: 2px; } |
|
1591 .editor-post-permalink select:focus, |
|
1592 .edit-post-sidebar select:focus, |
|
1593 .editor-post-publish-panel select:focus, |
|
1594 .block-editor-block-list__block select:focus, |
|
1595 .components-popover select:focus, |
|
1596 .components-modal__content select:focus { |
|
1597 border-color: #008dbe; |
|
1598 outline: 2px solid transparent; |
|
1599 outline-offset: 0; } |
|
1600 |
|
1601 .editor-post-permalink input[type="checkbox"], |
|
1602 .editor-post-permalink input[type="radio"], |
|
1603 .edit-post-sidebar input[type="checkbox"], |
|
1604 .edit-post-sidebar input[type="radio"], |
|
1605 .editor-post-publish-panel input[type="checkbox"], |
|
1606 .editor-post-publish-panel input[type="radio"], |
|
1607 .block-editor-block-list__block input[type="checkbox"], |
|
1608 .block-editor-block-list__block input[type="radio"], |
|
1609 .components-popover input[type="checkbox"], |
|
1610 .components-popover input[type="radio"], |
|
1611 .components-modal__content input[type="checkbox"], |
|
1612 .components-modal__content input[type="radio"] { |
|
1613 border: 2px solid #6c7781; |
|
1614 margin-left: 12px; |
|
1615 transition: none; } |
|
1616 .editor-post-permalink input[type="checkbox"]:focus, |
|
1617 .editor-post-permalink input[type="radio"]:focus, |
|
1618 .edit-post-sidebar input[type="checkbox"]:focus, |
|
1619 .edit-post-sidebar input[type="radio"]:focus, |
|
1620 .editor-post-publish-panel input[type="checkbox"]:focus, |
|
1621 .editor-post-publish-panel input[type="radio"]:focus, |
|
1622 .block-editor-block-list__block input[type="checkbox"]:focus, |
|
1623 .block-editor-block-list__block input[type="radio"]:focus, |
|
1624 .components-popover input[type="checkbox"]:focus, |
|
1625 .components-popover input[type="radio"]:focus, |
|
1626 .components-modal__content input[type="checkbox"]:focus, |
|
1627 .components-modal__content input[type="radio"]:focus { |
|
1628 border-color: #6c7781; |
|
1629 box-shadow: 0 0 0 1px #6c7781; } |
|
1630 .editor-post-permalink input[type="checkbox"]:checked, |
|
1631 .editor-post-permalink input[type="radio"]:checked, |
|
1632 .edit-post-sidebar input[type="checkbox"]:checked, |
|
1633 .edit-post-sidebar input[type="radio"]:checked, |
|
1634 .editor-post-publish-panel input[type="checkbox"]:checked, |
|
1635 .editor-post-publish-panel input[type="radio"]:checked, |
|
1636 .block-editor-block-list__block input[type="checkbox"]:checked, |
|
1637 .block-editor-block-list__block input[type="radio"]:checked, |
|
1638 .components-popover input[type="checkbox"]:checked, |
|
1639 .components-popover input[type="radio"]:checked, |
|
1640 .components-modal__content input[type="checkbox"]:checked, |
|
1641 .components-modal__content input[type="radio"]:checked { |
|
1642 background: #11a0d2; |
|
1643 border-color: #11a0d2; } |
|
1644 body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked { |
|
1645 background: #c8b03c; |
|
1646 border-color: #c8b03c; } |
|
1647 body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked { |
|
1648 background: #a3b9a2; |
|
1649 border-color: #a3b9a2; } |
|
1650 body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked { |
|
1651 background: #77a6b9; |
|
1652 border-color: #77a6b9; } |
|
1653 body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked { |
|
1654 background: #a7b656; |
|
1655 border-color: #a7b656; } |
|
1656 body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked { |
|
1657 background: #c2a68c; |
|
1658 border-color: #c2a68c; } |
|
1659 body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked { |
|
1660 background: #82b4cb; |
|
1661 border-color: #82b4cb; } |
|
1662 body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked { |
|
1663 background: #11a0d2; |
|
1664 border-color: #11a0d2; } |
|
1665 .editor-post-permalink input[type="checkbox"]:checked:focus, |
|
1666 .editor-post-permalink input[type="radio"]:checked:focus, |
|
1667 .edit-post-sidebar input[type="checkbox"]:checked:focus, |
|
1668 .edit-post-sidebar input[type="radio"]:checked:focus, |
|
1669 .editor-post-publish-panel input[type="checkbox"]:checked:focus, |
|
1670 .editor-post-publish-panel input[type="radio"]:checked:focus, |
|
1671 .block-editor-block-list__block input[type="checkbox"]:checked:focus, |
|
1672 .block-editor-block-list__block input[type="radio"]:checked:focus, |
|
1673 .components-popover input[type="checkbox"]:checked:focus, |
|
1674 .components-popover input[type="radio"]:checked:focus, |
|
1675 .components-modal__content input[type="checkbox"]:checked:focus, |
|
1676 .components-modal__content input[type="radio"]:checked:focus { |
|
1677 box-shadow: 0 0 0 2px #555d66; } |
|
1678 |
|
1679 .editor-post-permalink input[type="checkbox"], |
|
1680 .edit-post-sidebar input[type="checkbox"], |
|
1681 .editor-post-publish-panel input[type="checkbox"], |
|
1682 .block-editor-block-list__block input[type="checkbox"], |
|
1683 .components-popover input[type="checkbox"], |
|
1684 .components-modal__content input[type="checkbox"] { |
|
1685 border-radius: 2px; } |
|
1686 .editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, |
|
1687 .edit-post-sidebar input[type="checkbox"]:checked::before, |
|
1688 .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, |
|
1689 .editor-post-publish-panel input[type="checkbox"]:checked::before, |
|
1690 .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, |
|
1691 .block-editor-block-list__block input[type="checkbox"]:checked::before, |
|
1692 .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, |
|
1693 .components-popover input[type="checkbox"]:checked::before, |
|
1694 .components-popover input[type="checkbox"][aria-checked="mixed"]::before, |
|
1695 .components-modal__content input[type="checkbox"]:checked::before, |
|
1696 .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { |
|
1697 margin: -3px -5px; |
|
1698 color: #fff; } |
|
1699 @media (min-width: 782px) { |
|
1700 .editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, |
|
1701 .edit-post-sidebar input[type="checkbox"]:checked::before, |
|
1702 .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, |
|
1703 .editor-post-publish-panel input[type="checkbox"]:checked::before, |
|
1704 .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, |
|
1705 .block-editor-block-list__block input[type="checkbox"]:checked::before, |
|
1706 .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, |
|
1707 .components-popover input[type="checkbox"]:checked::before, |
|
1708 .components-popover input[type="checkbox"][aria-checked="mixed"]::before, |
|
1709 .components-modal__content input[type="checkbox"]:checked::before, |
|
1710 .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { |
|
1711 margin: -4px -5px 0 0; } } |
|
1712 .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], |
|
1713 .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], |
|
1714 .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], |
|
1715 .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], |
|
1716 .components-popover input[type="checkbox"][aria-checked="mixed"], |
|
1717 .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1718 background: #11a0d2; |
|
1719 border-color: #11a0d2; } |
|
1720 body.admin-color-sunrise .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1721 background: #c8b03c; |
|
1722 border-color: #c8b03c; } |
|
1723 body.admin-color-ocean .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1724 background: #a3b9a2; |
|
1725 border-color: #a3b9a2; } |
|
1726 body.admin-color-midnight .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1727 background: #77a6b9; |
|
1728 border-color: #77a6b9; } |
|
1729 body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1730 background: #a7b656; |
|
1731 border-color: #a7b656; } |
|
1732 body.admin-color-coffee .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1733 background: #c2a68c; |
|
1734 border-color: #c2a68c; } |
|
1735 body.admin-color-blue .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1736 background: #82b4cb; |
|
1737 border-color: #82b4cb; } |
|
1738 body.admin-color-light .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-modal__content input[type="checkbox"][aria-checked="mixed"] { |
|
1739 background: #11a0d2; |
|
1740 border-color: #11a0d2; } |
|
1741 .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, |
|
1742 .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, |
|
1743 .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, |
|
1744 .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, |
|
1745 .components-popover input[type="checkbox"][aria-checked="mixed"]::before, |
|
1746 .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { |
|
1747 content: "\f460"; |
|
1748 float: right; |
|
1749 display: inline-block; |
|
1750 vertical-align: middle; |
|
1751 width: 16px; |
|
1752 /* stylelint-disable */ |
|
1753 font: normal 30px/1 dashicons; |
|
1754 /* stylelint-enable */ |
|
1755 speak: none; |
|
1756 -webkit-font-smoothing: antialiased; |
|
1757 -moz-osx-font-smoothing: grayscale; } |
|
1758 @media (min-width: 782px) { |
|
1759 .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, |
|
1760 .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, |
|
1761 .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, |
|
1762 .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, |
|
1763 .components-popover input[type="checkbox"][aria-checked="mixed"]::before, |
|
1764 .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { |
|
1765 float: none; |
|
1766 font-size: 21px; } } |
|
1767 .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]:focus, |
|
1768 .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]:focus, |
|
1769 .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]:focus, |
|
1770 .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]:focus, |
|
1771 .components-popover input[type="checkbox"][aria-checked="mixed"]:focus, |
|
1772 .components-modal__content input[type="checkbox"][aria-checked="mixed"]:focus { |
|
1773 box-shadow: 0 0 0 2px #555d66; } |
|
1774 |
|
1775 .editor-post-permalink input[type="radio"], |
|
1776 .edit-post-sidebar input[type="radio"], |
|
1777 .editor-post-publish-panel input[type="radio"], |
|
1778 .block-editor-block-list__block input[type="radio"], |
|
1779 .components-popover input[type="radio"], |
|
1780 .components-modal__content input[type="radio"] { |
|
1781 border-radius: 50%; } |
|
1782 .editor-post-permalink input[type="radio"]:checked::before, |
|
1783 .edit-post-sidebar input[type="radio"]:checked::before, |
|
1784 .editor-post-publish-panel input[type="radio"]:checked::before, |
|
1785 .block-editor-block-list__block input[type="radio"]:checked::before, |
|
1786 .components-popover input[type="radio"]:checked::before, |
|
1787 .components-modal__content input[type="radio"]:checked::before { |
|
1788 margin: 3px 3px 0 0; |
|
1789 background-color: #fff; } |
|
1790 |
|
1791 .editor-post-title input::-webkit-input-placeholder, |
|
1792 .editor-post-title textarea::-webkit-input-placeholder, |
|
1793 .block-editor-block-list__block input::-webkit-input-placeholder, |
|
1794 .block-editor-block-list__block textarea::-webkit-input-placeholder { |
|
1795 color: rgba(14, 28, 46, 0.62); } |
|
1796 |
|
1797 .editor-post-title input::-moz-placeholder, |
|
1798 .editor-post-title textarea::-moz-placeholder, |
|
1799 .block-editor-block-list__block input::-moz-placeholder, |
|
1800 .block-editor-block-list__block textarea::-moz-placeholder { |
|
1801 opacity: 1; |
|
1802 color: rgba(14, 28, 46, 0.62); } |
|
1803 |
|
1804 .editor-post-title input:-ms-input-placeholder, |
|
1805 .editor-post-title textarea:-ms-input-placeholder, |
|
1806 .block-editor-block-list__block input:-ms-input-placeholder, |
|
1807 .block-editor-block-list__block textarea:-ms-input-placeholder { |
|
1808 color: rgba(14, 28, 46, 0.62); } |
|
1809 |
|
1810 .is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme |
|
1811 .editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme |
|
1812 .block-editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme |
|
1813 .block-editor-block-list__block textarea::-webkit-input-placeholder { |
|
1814 color: rgba(255, 255, 255, 0.65); } |
|
1815 |
|
1816 .is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme |
|
1817 .editor-post-title textarea::-moz-placeholder, .is-dark-theme |
|
1818 .block-editor-block-list__block input::-moz-placeholder, .is-dark-theme |
|
1819 .block-editor-block-list__block textarea::-moz-placeholder { |
|
1820 opacity: 1; |
|
1821 color: rgba(255, 255, 255, 0.65); } |
|
1822 |
|
1823 .is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme |
|
1824 .editor-post-title textarea:-ms-input-placeholder, .is-dark-theme |
|
1825 .block-editor-block-list__block input:-ms-input-placeholder, .is-dark-theme |
|
1826 .block-editor-block-list__block textarea:-ms-input-placeholder { |
|
1827 color: rgba(255, 255, 255, 0.65); } |
|
1828 |
|
1829 .wp-block { |
1288 .wp-block { |
1830 max-width: 610px; } |
1289 max-width: 580px; } |
1831 .wp-block[data-align="wide"] { |
1290 .wp-block[data-align="wide"] { |
1832 max-width: 1100px; } |
1291 max-width: 1100px; } |
1833 .wp-block[data-align="full"] { |
1292 .wp-block[data-align="full"] { |
1834 max-width: none; } |
1293 max-width: none; } |
|
1294 |
|
1295 body.admin-color-light { |
|
1296 --wp-admin-theme-color: #0085ba; |
|
1297 --wp-admin-theme-color-darker-10: #0073a1; |
|
1298 --wp-admin-theme-color-darker-20: #006187; } |
|
1299 |
|
1300 body.admin-color-modern { |
|
1301 --wp-admin-theme-color: #3858e9; |
|
1302 --wp-admin-theme-color-darker-10: #2145e6; |
|
1303 --wp-admin-theme-color-darker-20: #183ad6; } |
|
1304 |
|
1305 body.admin-color-blue { |
|
1306 --wp-admin-theme-color: #096484; |
|
1307 --wp-admin-theme-color-darker-10: #07526c; |
|
1308 --wp-admin-theme-color-darker-20: #064054; } |
|
1309 |
|
1310 body.admin-color-coffee { |
|
1311 --wp-admin-theme-color: #46403c; |
|
1312 --wp-admin-theme-color-darker-10: #383330; |
|
1313 --wp-admin-theme-color-darker-20: #2b2724; } |
|
1314 |
|
1315 body.admin-color-ectoplasm { |
|
1316 --wp-admin-theme-color: #523f6d; |
|
1317 --wp-admin-theme-color-darker-10: #46365d; |
|
1318 --wp-admin-theme-color-darker-20: #3a2c4d; } |
|
1319 |
|
1320 body.admin-color-midnight { |
|
1321 --wp-admin-theme-color: #e14d43; |
|
1322 --wp-admin-theme-color-darker-10: #dd382d; |
|
1323 --wp-admin-theme-color-darker-20: #d02c21; } |
|
1324 |
|
1325 body.admin-color-ocean { |
|
1326 --wp-admin-theme-color: #627c83; |
|
1327 --wp-admin-theme-color-darker-10: #576e74; |
|
1328 --wp-admin-theme-color-darker-20: #4c6066; } |
|
1329 |
|
1330 body.admin-color-sunrise { |
|
1331 --wp-admin-theme-color: #dd823b; |
|
1332 --wp-admin-theme-color-darker-10: #d97426; |
|
1333 --wp-admin-theme-color-darker-20: #c36922; } |