66 * Reset the WP Admin page styles for Gutenberg-like pages. |
69 * Reset the WP Admin page styles for Gutenberg-like pages. |
67 */ |
70 */ |
68 :root { |
71 :root { |
69 --wp-admin-theme-color: #007cba; |
72 --wp-admin-theme-color: #007cba; |
70 --wp-admin-theme-color-darker-10: #006ba1; |
73 --wp-admin-theme-color-darker-10: #006ba1; |
71 --wp-admin-theme-color-darker-20: #005a87; } |
74 --wp-admin-theme-color-darker-20: #005a87; |
|
75 --wp-admin-border-width-focus: 2px; |
|
76 } |
|
77 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
78 :root { |
|
79 --wp-admin-border-width-focus: 1.5px; |
|
80 } |
|
81 } |
72 |
82 |
73 .components-panel__header.interface-complementary-area-header__small { |
83 .components-panel__header.interface-complementary-area-header__small { |
74 background: #fff; |
84 background: #fff; |
75 padding-left: 4px; } |
85 padding-left: 4px; |
76 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { |
86 } |
77 overflow: hidden; |
87 .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { |
78 text-overflow: ellipsis; |
88 overflow: hidden; |
79 white-space: nowrap; |
89 text-overflow: ellipsis; |
80 width: 100%; } |
90 white-space: nowrap; |
81 @media (min-width: 782px) { |
91 width: 100%; |
82 .components-panel__header.interface-complementary-area-header__small { |
92 } |
83 display: none; } } |
93 @media (min-width: 782px) { |
|
94 .components-panel__header.interface-complementary-area-header__small { |
|
95 display: none; |
|
96 } |
|
97 } |
84 |
98 |
85 .interface-complementary-area-header { |
99 .interface-complementary-area-header { |
86 background: #fff; |
100 background: #fff; |
87 padding-left: 4px; } |
101 padding-left: 4px; |
|
102 } |
|
103 .interface-complementary-area-header .components-button.has-icon { |
|
104 display: none; |
|
105 margin-right: auto; |
|
106 } |
|
107 .interface-complementary-area-header .components-button.has-icon ~ .components-button { |
|
108 margin-right: 0; |
|
109 } |
|
110 @media (min-width: 782px) { |
88 .interface-complementary-area-header .components-button.has-icon { |
111 .interface-complementary-area-header .components-button.has-icon { |
89 display: none; |
112 display: flex; |
90 margin-right: auto; } |
113 } |
91 .interface-complementary-area-header .components-button.has-icon ~ .components-button { |
114 } |
92 margin-right: 0; } |
|
93 @media (min-width: 782px) { |
|
94 .interface-complementary-area-header .components-button.has-icon { |
|
95 display: flex; } } |
|
96 |
115 |
97 .interface-complementary-area { |
116 .interface-complementary-area { |
98 background: #fff; |
117 background: #fff; |
99 color: #1e1e1e; |
118 color: #1e1e1e; |
100 overflow: visible; } |
119 } |
101 @media (min-width: 600px) { |
120 @media (min-width: 600px) { |
102 .interface-complementary-area { |
121 .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; |
122 -webkit-overflow-scrolling: touch; |
115 height: auto; |
123 } |
116 max-height: calc(100vh - 142px); |
124 } |
117 margin-top: -1px; |
125 @media (min-width: 782px) { |
118 margin-bottom: -1px; |
126 .interface-complementary-area { |
119 position: relative; } |
127 width: 280px; |
120 @media (min-width: 600px) { |
128 } |
121 .interface-complementary-area > .components-panel { |
129 } |
122 overflow: visible; |
130 .interface-complementary-area .components-panel { |
123 height: auto; |
131 border: none; |
124 max-height: none; } } |
132 position: relative; |
125 .interface-complementary-area > .components-panel .components-panel__header { |
133 z-index: 0; |
126 position: fixed; |
134 } |
127 z-index: 1; |
135 .interface-complementary-area .components-panel__header { |
|
136 position: sticky; |
|
137 top: 0; |
|
138 z-index: 1; |
|
139 } |
|
140 .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { |
|
141 top: 48px; |
|
142 } |
|
143 @media (min-width: 782px) { |
|
144 .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { |
128 top: 0; |
145 top: 0; |
129 right: 0; |
146 } |
130 left: 0; |
147 } |
131 height: 48px; } |
148 .interface-complementary-area p { |
132 @media (min-width: 600px) { |
149 margin-top: 0; |
133 .interface-complementary-area > .components-panel .components-panel__header { |
150 } |
134 position: inherit; |
151 .interface-complementary-area h2, |
135 top: auto; |
152 .interface-complementary-area h3 { |
136 right: auto; |
153 font-size: 13px; |
137 left: auto; } } |
154 color: #1e1e1e; |
138 .interface-complementary-area p { |
155 margin-bottom: 1.5em; |
139 margin-top: 0; } |
156 } |
140 .interface-complementary-area h2, |
157 .interface-complementary-area hr { |
141 .interface-complementary-area h3 { |
158 border-top: none; |
142 font-size: 13px; |
159 border-bottom: 1px solid #f0f0f0; |
143 color: #1e1e1e; |
160 margin: 1.5em 0; |
144 margin-bottom: 1.5em; } |
161 } |
145 .interface-complementary-area hr { |
162 .interface-complementary-area div.components-toolbar-group, |
146 border-top: none; |
163 .interface-complementary-area div.components-toolbar { |
147 border-bottom: 1px solid #f0f0f0; |
164 box-shadow: none; |
148 margin: 1.5em 0; } |
165 margin-bottom: 1.5em; |
149 .interface-complementary-area div.components-toolbar-group, |
166 } |
150 .interface-complementary-area div.components-toolbar { |
167 .interface-complementary-area div.components-toolbar-group:last-child, |
151 box-shadow: none; |
168 .interface-complementary-area div.components-toolbar:last-child { |
152 margin-bottom: 1.5em; } |
169 margin-bottom: 0; |
153 .interface-complementary-area div.components-toolbar-group:last-child, |
170 } |
154 .interface-complementary-area div.components-toolbar:last-child { |
171 .interface-complementary-area .block-editor-skip-to-selected-block:focus { |
155 margin-bottom: 0; } |
172 top: auto; |
156 .interface-complementary-area .block-editor-skip-to-selected-block:focus { |
173 left: 10px; |
157 top: auto; |
174 bottom: 10px; |
158 left: 10px; |
175 right: auto; |
159 bottom: 10px; |
176 } |
160 right: auto; } |
|
161 |
177 |
162 @media (min-width: 782px) { |
178 @media (min-width: 782px) { |
163 body.js.is-fullscreen-mode { |
179 body.js.is-fullscreen-mode { |
164 margin-top: -32px; |
180 margin-top: -32px; |
165 height: calc(100% + 32px); } |
181 height: calc(100% + 32px); |
166 body.js.is-fullscreen-mode #adminmenumain, |
182 } |
167 body.js.is-fullscreen-mode #wpadminbar { |
183 body.js.is-fullscreen-mode #adminmenumain, |
168 display: none; } |
184 body.js.is-fullscreen-mode #wpadminbar { |
169 body.js.is-fullscreen-mode #wpcontent, |
185 display: none; |
170 body.js.is-fullscreen-mode #wpfooter { |
186 } |
171 margin-right: 0; } } |
187 body.js.is-fullscreen-mode #wpcontent, |
|
188 body.js.is-fullscreen-mode #wpfooter { |
|
189 margin-right: 0; |
|
190 } |
|
191 } |
172 |
192 |
173 html.interface-interface-skeleton__html-container { |
193 html.interface-interface-skeleton__html-container { |
174 position: fixed; |
194 position: fixed; |
175 width: 100%; } |
195 width: 100%; |
176 @media (min-width: 782px) { |
196 } |
177 html.interface-interface-skeleton__html-container { |
197 @media (min-width: 782px) { |
178 position: initial; |
198 html.interface-interface-skeleton__html-container { |
179 width: initial; } } |
199 position: initial; |
|
200 width: initial; |
|
201 } |
|
202 } |
180 |
203 |
181 .interface-interface-skeleton { |
204 .interface-interface-skeleton { |
182 display: flex; |
205 display: flex; |
183 flex-direction: column; |
206 flex-direction: row; |
184 height: auto; |
207 height: auto; |
185 max-height: 100%; |
208 max-height: 100%; |
186 position: fixed; |
209 position: fixed; |
187 top: 46px; |
210 top: 46px; |
188 right: 0; |
211 right: 0; |
189 left: 0; |
212 left: 0; |
190 bottom: 0; } |
213 bottom: 0; |
191 @media (min-width: 783px) { |
214 } |
192 .interface-interface-skeleton { |
215 @media (min-width: 783px) { |
193 top: 32px; } |
216 .interface-interface-skeleton { |
194 .is-fullscreen-mode .interface-interface-skeleton { |
217 top: 32px; |
195 top: 0; } } |
218 } |
|
219 .is-fullscreen-mode .interface-interface-skeleton { |
|
220 top: 0; |
|
221 } |
|
222 } |
|
223 |
|
224 .interface-interface-skeleton__editor { |
|
225 display: flex; |
|
226 flex-direction: column; |
|
227 flex: 0 1 100%; |
|
228 overflow: hidden; |
|
229 } |
196 |
230 |
197 .interface-interface-skeleton { |
231 .interface-interface-skeleton { |
198 /* Set left position when auto-fold is not on the body element. */ |
232 /* Set left position when auto-fold is not on the body element. */ |
199 right: 0; } |
233 right: 0; |
200 @media (min-width: 783px) { |
234 } |
201 .interface-interface-skeleton { |
235 @media (min-width: 783px) { |
202 right: 160px; } } |
236 .interface-interface-skeleton { |
|
237 right: 160px; |
|
238 } |
|
239 } |
203 |
240 |
204 .auto-fold .interface-interface-skeleton { |
241 .auto-fold .interface-interface-skeleton { |
205 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } |
242 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ |
206 @media (min-width: 783px) { |
243 } |
207 .auto-fold .interface-interface-skeleton { |
244 @media (min-width: 783px) { |
208 right: 36px; } } |
245 .auto-fold .interface-interface-skeleton { |
209 @media (min-width: 961px) { |
246 right: 36px; |
210 .auto-fold .interface-interface-skeleton { |
247 } |
211 right: 160px; } } |
248 } |
|
249 @media (min-width: 961px) { |
|
250 .auto-fold .interface-interface-skeleton { |
|
251 right: 160px; |
|
252 } |
|
253 } |
212 |
254 |
213 /* Sidebar manually collapsed. */ |
255 /* Sidebar manually collapsed. */ |
214 .folded .interface-interface-skeleton { |
256 .folded .interface-interface-skeleton { |
215 right: 0; } |
257 right: 0; |
216 @media (min-width: 783px) { |
258 } |
217 .folded .interface-interface-skeleton { |
259 @media (min-width: 783px) { |
218 right: 36px; } } |
260 .folded .interface-interface-skeleton { |
219 |
261 right: 36px; |
220 /* Mobile menu opened. */ |
262 } |
221 @media (max-width: 783px) { |
263 } |
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 |
264 |
230 body.is-fullscreen-mode .interface-interface-skeleton { |
265 body.is-fullscreen-mode .interface-interface-skeleton { |
231 right: 0 !important; } |
266 right: 0 !important; |
|
267 } |
232 |
268 |
233 .interface-interface-skeleton__body { |
269 .interface-interface-skeleton__body { |
234 flex-grow: 1; |
270 flex-grow: 1; |
235 display: flex; |
271 display: flex; |
236 overflow: auto; |
272 overflow: auto; |
237 overscroll-behavior-y: none; } |
273 overscroll-behavior-y: none; |
|
274 } |
|
275 @media (min-width: 782px) { |
|
276 .has-footer .interface-interface-skeleton__body { |
|
277 padding-bottom: 25px; |
|
278 } |
|
279 } |
238 |
280 |
239 .interface-interface-skeleton__content { |
281 .interface-interface-skeleton__content { |
240 flex-grow: 1; |
282 flex-grow: 1; |
241 display: flex; |
283 display: flex; |
242 flex-direction: column; |
284 flex-direction: column; |
243 overflow: auto; } |
285 overflow: auto; |
244 |
286 z-index: 20; |
245 .interface-interface-skeleton__left-sidebar, |
287 } |
|
288 |
|
289 .interface-interface-skeleton__secondary-sidebar, |
246 .interface-interface-skeleton__sidebar { |
290 .interface-interface-skeleton__sidebar { |
247 display: block; |
291 display: block; |
248 width: auto; |
|
249 flex-shrink: 0; |
292 flex-shrink: 0; |
250 position: absolute; |
293 position: absolute; |
251 z-index: 100000; |
294 z-index: 100000; |
252 top: 0; |
295 top: 0; |
253 left: 0; |
296 left: 0; |
254 bottom: 0; |
297 bottom: 0; |
255 right: 0; |
298 right: 0; |
256 background: #fff; |
299 background: #fff; |
257 color: #1e1e1e; } |
300 color: #1e1e1e; |
258 @media (min-width: 782px) { |
301 } |
259 .interface-interface-skeleton__left-sidebar, |
302 @media (min-width: 782px) { |
260 .interface-interface-skeleton__sidebar { |
303 .interface-interface-skeleton__secondary-sidebar, |
261 position: relative !important; |
304 .interface-interface-skeleton__sidebar { |
262 z-index: 90; } } |
305 position: relative !important; |
263 |
306 z-index: 90; |
|
307 width: auto; |
|
308 } |
|
309 } |
|
310 |
|
311 .interface-interface-skeleton__sidebar { |
|
312 overflow: auto; |
|
313 } |
264 @media (min-width: 782px) { |
314 @media (min-width: 782px) { |
265 .interface-interface-skeleton__sidebar { |
315 .interface-interface-skeleton__sidebar { |
266 overflow: auto; |
316 border-right: 1px solid #e0e0e0; |
267 border-right: 1px solid #f0f0f0; } } |
317 } |
268 |
318 } |
269 @media (min-width: 782px) { |
319 |
270 .interface-interface-skeleton__left-sidebar { |
320 @media (min-width: 782px) { |
271 border-left: 1px solid #f0f0f0; } } |
321 .interface-interface-skeleton__secondary-sidebar { |
|
322 border-left: 1px solid #e0e0e0; |
|
323 } |
|
324 } |
272 |
325 |
273 .interface-interface-skeleton__header { |
326 .interface-interface-skeleton__header { |
274 flex-shrink: 0; |
327 flex-shrink: 0; |
275 height: auto; |
328 height: auto; |
276 border-bottom: 1px solid #f0f0f0; |
329 border-bottom: 1px solid #e0e0e0; |
277 z-index: 30; |
330 z-index: 30; |
278 color: #1e1e1e; |
331 color: #1e1e1e; |
279 position: -webkit-sticky; |
332 } |
280 position: sticky; |
|
281 top: 0; } |
|
282 @media (min-width: 600px) { |
|
283 .interface-interface-skeleton__header { |
|
284 position: initial; |
|
285 top: 0; } } |
|
286 |
333 |
287 .interface-interface-skeleton__footer { |
334 .interface-interface-skeleton__footer { |
288 height: auto; |
335 height: auto; |
289 flex-shrink: 0; |
336 flex-shrink: 0; |
290 border-top: 1px solid #f0f0f0; |
337 border-top: 1px solid #e0e0e0; |
291 color: #1e1e1e; |
338 color: #1e1e1e; |
292 display: none; } |
339 position: absolute; |
293 @media (min-width: 782px) { |
340 bottom: 0; |
294 .interface-interface-skeleton__footer { |
341 right: 0; |
295 display: block; } } |
342 width: 100%; |
|
343 background-color: #fff; |
|
344 z-index: 90; |
|
345 display: none; |
|
346 } |
|
347 @media (min-width: 782px) { |
|
348 .interface-interface-skeleton__footer { |
|
349 display: flex; |
|
350 } |
|
351 } |
|
352 .interface-interface-skeleton__footer .block-editor-block-breadcrumb { |
|
353 z-index: 30; |
|
354 display: flex; |
|
355 background: #fff; |
|
356 height: 24px; |
|
357 align-items: center; |
|
358 font-size: 13px; |
|
359 padding: 0 18px; |
|
360 } |
296 |
361 |
297 .interface-interface-skeleton__actions { |
362 .interface-interface-skeleton__actions { |
298 z-index: 100000; |
363 z-index: 100000; |
299 position: fixed !important; |
364 position: fixed !important; |
300 top: -9999em; |
365 top: -9999em; |
301 bottom: auto; |
366 bottom: auto; |
302 right: auto; |
367 right: auto; |
303 left: 0; |
368 left: 0; |
304 width: 280px; |
369 width: 280px; |
305 color: #1e1e1e; } |
370 color: #1e1e1e; |
306 .interface-interface-skeleton__actions:focus { |
371 } |
307 top: auto; |
372 .interface-interface-skeleton__actions:focus { |
308 bottom: 0; } |
373 top: auto; |
|
374 bottom: 0; |
|
375 } |
309 |
376 |
310 .interface-pinned-items { |
377 .interface-pinned-items { |
311 display: flex; } |
378 display: flex; |
312 .interface-pinned-items .components-button { |
379 } |
313 margin-right: 4px; } |
380 .interface-pinned-items .components-button:not(:first-child) { |
314 .interface-pinned-items .components-button svg { |
381 display: none; |
315 max-width: 24px; |
382 } |
316 max-height: 24px; } |
383 @media (min-width: 600px) { |
|
384 .interface-pinned-items .components-button:not(:first-child) { |
|
385 display: flex; |
|
386 } |
|
387 } |
|
388 .interface-pinned-items .components-button { |
|
389 margin-right: 4px; |
|
390 } |
|
391 .interface-pinned-items .components-button svg { |
|
392 max-width: 24px; |
|
393 max-height: 24px; |
|
394 } |
317 |
395 |
318 .edit-post-header { |
396 .edit-post-header { |
319 height: 60px; |
397 height: 60px; |
320 background: #fff; |
398 background: #fff; |
321 display: flex; |
399 display: flex; |
322 flex-wrap: wrap; |
400 flex-wrap: wrap; |
323 align-items: center; |
401 align-items: center; |
324 max-width: 100vw; } |
402 max-width: 100vw; |
325 @media (min-width: 280px) { |
403 } |
326 .edit-post-header { |
404 @media (min-width: 280px) { |
327 flex-wrap: nowrap; } } |
405 .edit-post-header { |
|
406 flex-wrap: nowrap; |
|
407 } |
|
408 } |
|
409 .edit-post-header > .edit-post-header__settings { |
|
410 order: 1; |
|
411 } |
|
412 @supports (position: sticky) { |
328 .edit-post-header > .edit-post-header__settings { |
413 .edit-post-header > .edit-post-header__settings { |
329 order: 1; } |
414 order: initial; |
330 @supports ((position: -webkit-sticky) or (position: sticky)) { |
415 } |
331 .edit-post-header > .edit-post-header__settings { |
416 } |
332 order: initial; } } |
|
333 |
417 |
334 .edit-post-header__toolbar { |
418 .edit-post-header__toolbar { |
335 display: flex; |
419 display: flex; |
336 flex-grow: 1; |
420 flex-grow: 1; |
337 padding-right: 8px; } |
421 } |
338 @media (min-width: 600px) { |
422 .edit-post-header__toolbar .table-of-contents { |
339 .edit-post-header__toolbar { |
423 display: none; |
340 padding-right: 24px; } } |
424 } |
|
425 @media (min-width: 600px) { |
341 .edit-post-header__toolbar .table-of-contents { |
426 .edit-post-header__toolbar .table-of-contents { |
342 display: none; } |
427 display: block; |
343 @media (min-width: 600px) { |
428 } |
344 .edit-post-header__toolbar .table-of-contents { |
429 } |
345 display: block; } } |
|
346 |
430 |
347 .edit-post-header__settings { |
431 .edit-post-header__settings { |
348 display: inline-flex; |
432 display: inline-flex; |
349 align-items: center; |
433 align-items: center; |
350 flex-wrap: wrap; |
434 flex-wrap: wrap; |
351 padding-left: 4px; } |
435 padding-left: 4px; |
352 @media (min-width: 600px) { |
436 /** |
353 .edit-post-header__settings { |
437 * Buttons in the Toolbar |
354 padding-left: 16px; } } |
438 */ |
355 |
439 } |
356 /** |
440 @media (min-width: 600px) { |
357 * Buttons in the Toolbar |
441 .edit-post-header__settings { |
358 */ |
442 padding-left: 16px; |
359 .edit-post-header__settings .components-button.editor-post-save-draft, |
443 } |
|
444 } |
360 .edit-post-header__settings .editor-post-saved-state, |
445 .edit-post-header__settings .editor-post-saved-state, |
361 .edit-post-header__settings .components-button.editor-post-switch-to-draft, |
446 .edit-post-header__settings .components-button.components-button { |
362 .edit-post-header__settings .components-button.editor-post-preview, |
447 margin-left: 4px; |
363 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { |
448 } |
|
449 @media (min-width: 600px) { |
|
450 .edit-post-header__settings .editor-post-saved-state, |
|
451 .edit-post-header__settings .components-button.components-button { |
|
452 margin-left: 12px; |
|
453 } |
|
454 } |
|
455 .edit-post-header__settings .editor-post-saved-state, |
|
456 .edit-post-header__settings .components-button.is-tertiary { |
364 padding: 0 6px; |
457 padding: 0 6px; |
365 margin-left: 4px; } |
458 } |
366 @media (min-width: 600px) { |
459 .edit-post-header__settings .edit-post-more-menu .components-button, |
367 .edit-post-header__settings .components-button.editor-post-save-draft, |
460 .edit-post-header__settings .interface-pinned-items .components-button { |
368 .edit-post-header__settings .editor-post-saved-state, |
461 margin-left: 0; |
369 .edit-post-header__settings .components-button.editor-post-switch-to-draft, |
462 } |
370 .edit-post-header__settings .components-button.editor-post-preview, |
|
371 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { |
|
372 margin-left: 12px; } } |
|
373 |
|
374 .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, |
|
375 .edit-post-header__settings .components-button.editor-post-publish-button, |
|
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 |
463 |
386 .edit-post-header-preview__grouping-external { |
464 .edit-post-header-preview__grouping-external { |
387 display: flex; |
465 display: flex; |
388 position: relative; |
466 position: relative; |
389 padding-bottom: 0; } |
467 padding-bottom: 0; |
|
468 } |
390 |
469 |
391 .edit-post-header-preview__button-external { |
470 .edit-post-header-preview__button-external { |
392 padding-right: 8px; |
471 padding-right: 8px; |
393 margin-left: auto; |
472 margin-left: auto; |
394 width: 100%; |
473 width: 100%; |
395 display: flex; |
474 display: flex; |
396 justify-content: flex-start; } |
475 justify-content: flex-start; |
397 .edit-post-header-preview__button-external svg { |
476 } |
398 margin-left: 8px; } |
477 .edit-post-header-preview__button-external svg { |
|
478 margin-right: auto; |
|
479 } |
399 |
480 |
400 .edit-post-post-preview-dropdown .components-popover__content > div { |
481 .edit-post-post-preview-dropdown .components-popover__content > div { |
401 padding-bottom: 0; } |
482 padding-bottom: 0; |
|
483 } |
|
484 |
|
485 .show-icon-labels.interface-pinned-items .components-button.has-icon, |
|
486 .show-icon-labels .edit-post-header .components-button.has-icon, |
|
487 .edit-post-header__dropdown .components-button.has-icon { |
|
488 width: auto; |
|
489 } |
|
490 .show-icon-labels.interface-pinned-items .components-button.has-icon svg, |
|
491 .show-icon-labels .edit-post-header .components-button.has-icon svg, |
|
492 .edit-post-header__dropdown .components-button.has-icon svg { |
|
493 display: none; |
|
494 } |
|
495 .show-icon-labels.interface-pinned-items .components-button.has-icon::after, |
|
496 .show-icon-labels .edit-post-header .components-button.has-icon::after, |
|
497 .edit-post-header__dropdown .components-button.has-icon::after { |
|
498 content: attr(aria-label); |
|
499 } |
|
500 .show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], |
|
501 .show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], |
|
502 .edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { |
|
503 background-color: transparent; |
|
504 } |
|
505 .show-icon-labels.interface-pinned-items .is-tertiary:active, |
|
506 .show-icon-labels .edit-post-header .is-tertiary:active, |
|
507 .edit-post-header__dropdown .is-tertiary:active { |
|
508 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); |
|
509 background-color: transparent; |
|
510 } |
|
511 .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, |
|
512 .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, |
|
513 .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, |
|
514 .show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, |
|
515 .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, |
|
516 .edit-post-header__dropdown .components-button.has-icon.button-toggle svg { |
|
517 display: block; |
|
518 } |
|
519 .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, |
|
520 .show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, |
|
521 .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, |
|
522 .show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, |
|
523 .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, |
|
524 .edit-post-header__dropdown .components-button.has-icon.button-toggle::after { |
|
525 content: none; |
|
526 } |
|
527 .show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, |
|
528 .show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, |
|
529 .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { |
|
530 width: 60px; |
|
531 } |
|
532 .show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, |
|
533 .show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, |
|
534 .edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { |
|
535 display: block; |
|
536 } |
|
537 .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, |
|
538 .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, |
|
539 .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, |
|
540 .show-icon-labels .edit-post-header .interface-pinned-items .components-button, |
|
541 .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, |
|
542 .edit-post-header__dropdown .interface-pinned-items .components-button { |
|
543 padding-right: 8px; |
|
544 padding-left: 8px; |
|
545 } |
|
546 @media (min-width: 600px) { |
|
547 .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, |
|
548 .show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, |
|
549 .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, |
|
550 .show-icon-labels .edit-post-header .interface-pinned-items .components-button, |
|
551 .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, |
|
552 .edit-post-header__dropdown .interface-pinned-items .components-button { |
|
553 padding-right: 12px; |
|
554 padding-left: 12px; |
|
555 } |
|
556 } |
|
557 .show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle, |
|
558 .show-icon-labels .edit-post-header .components-dropdown-menu__toggle, |
|
559 .edit-post-header__dropdown .components-dropdown-menu__toggle { |
|
560 margin-right: 8px; |
|
561 padding-right: 8px; |
|
562 padding-left: 8px; |
|
563 } |
|
564 @media (min-width: 600px) { |
|
565 .show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle, |
|
566 .show-icon-labels .edit-post-header .components-dropdown-menu__toggle, |
|
567 .edit-post-header__dropdown .components-dropdown-menu__toggle { |
|
568 margin-right: 12px; |
|
569 padding-right: 12px; |
|
570 padding-left: 12px; |
|
571 } |
|
572 } |
|
573 .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after, |
|
574 .show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after, |
|
575 .edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after { |
|
576 content: none; |
|
577 } |
|
578 .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, |
|
579 .show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, |
|
580 .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { |
|
581 content: none; |
|
582 } |
|
583 @media (min-width: 600px) { |
|
584 .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, |
|
585 .show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, |
|
586 .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { |
|
587 content: attr(aria-label); |
|
588 } |
|
589 } |
|
590 |
|
591 .edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, |
|
592 .edit-post-header__dropdown .components-button.editor-history__undo, |
|
593 .edit-post-header__dropdown .components-button.editor-history__redo, |
|
594 .edit-post-header__dropdown .table-of-contents .components-button, |
|
595 .edit-post-header__dropdown .components-button.block-editor-block-navigation { |
|
596 margin: 0; |
|
597 padding: 6px 40px 6px 6px; |
|
598 width: 14.625rem; |
|
599 text-align: right; |
|
600 justify-content: flex-start; |
|
601 } |
|
602 |
|
603 .show-icon-labels.interface-pinned-items { |
|
604 padding: 6px 12px 12px; |
|
605 margin-top: 0; |
|
606 margin-bottom: 0; |
|
607 margin-right: -12px; |
|
608 margin-left: -12px; |
|
609 border-bottom: 1px solid #ccc; |
|
610 display: block; |
|
611 } |
|
612 .show-icon-labels.interface-pinned-items > .components-button.has-icon { |
|
613 margin: 0; |
|
614 padding: 6px 8px 6px 6px; |
|
615 width: 14.625rem; |
|
616 justify-content: flex-start; |
|
617 } |
|
618 .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { |
|
619 display: block; |
|
620 max-width: 24px; |
|
621 } |
|
622 .show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { |
|
623 padding-right: 40px; |
|
624 } |
|
625 .show-icon-labels.interface-pinned-items > .components-button.has-icon svg { |
|
626 margin-left: 8px; |
|
627 } |
402 |
628 |
403 .edit-post-fullscreen-mode-close.has-icon { |
629 .edit-post-fullscreen-mode-close.has-icon { |
404 display: none; } |
630 display: none; |
405 @media (min-width: 782px) { |
631 } |
406 .edit-post-fullscreen-mode-close.has-icon { |
632 @media (min-width: 782px) { |
407 display: flex; |
633 .edit-post-fullscreen-mode-close.has-icon { |
408 align-items: center; |
634 display: flex; |
409 align-self: stretch; |
635 align-items: center; |
410 border: none; |
636 align-self: stretch; |
411 background: #23282e; |
637 border: none; |
412 color: #fff; |
638 background: #23282e; |
413 border-radius: 0; |
639 color: #fff; |
414 height: auto; |
640 border-radius: 0; |
415 width: 60px; } |
641 height: 61px; |
416 .edit-post-fullscreen-mode-close.has-icon:hover { |
642 width: 60px; |
417 background: #32373d; } |
643 position: relative; |
418 .edit-post-fullscreen-mode-close.has-icon:active { |
644 margin-bottom: -1px; |
419 color: #fff; } |
645 } |
420 .edit-post-fullscreen-mode-close.has-icon:focus { |
646 .edit-post-fullscreen-mode-close.has-icon:active { |
421 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; |
647 color: #fff; |
422 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } } |
648 } |
|
649 .edit-post-fullscreen-mode-close.has-icon:focus { |
|
650 box-shadow: none; |
|
651 } |
|
652 .edit-post-fullscreen-mode-close.has-icon::before { |
|
653 transition: box-shadow 0.1s ease; |
|
654 content: ""; |
|
655 display: block; |
|
656 position: absolute; |
|
657 top: 9px; |
|
658 left: 9px; |
|
659 bottom: 9px; |
|
660 right: 9px; |
|
661 border-radius: 4px; |
|
662 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #23282e; |
|
663 } |
|
664 } |
|
665 @media (min-width: 782px) and (prefers-reduced-motion: reduce) { |
|
666 .edit-post-fullscreen-mode-close.has-icon::before { |
|
667 transition-duration: 0s; |
|
668 transition-delay: 0s; |
|
669 } |
|
670 } |
|
671 @media (min-width: 782px) { |
|
672 .edit-post-fullscreen-mode-close.has-icon:hover::before { |
|
673 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; |
|
674 } |
|
675 } |
|
676 @media (min-width: 782px) { |
|
677 .edit-post-fullscreen-mode-close.has-icon:focus::before { |
|
678 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
679 } |
|
680 } |
|
681 |
|
682 .edit-post-fullscreen-mode-close_site-icon { |
|
683 width: 36px; |
|
684 border-radius: 2px; |
|
685 } |
423 |
686 |
424 .edit-post-header-toolbar { |
687 .edit-post-header-toolbar { |
425 display: inline-flex; |
688 display: inline-flex; |
|
689 flex-grow: 1; |
426 align-items: center; |
690 align-items: center; |
427 border: none; } |
691 border: none; |
428 .edit-post-header-toolbar > .components-button { |
692 } |
429 display: none; } |
693 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { |
430 @media (min-width: 600px) { |
694 display: none; |
431 .edit-post-header-toolbar > .components-button { |
695 } |
432 display: inline-flex; } } |
696 @media (min-width: 600px) { |
433 .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { |
697 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { |
434 display: inline-flex; } |
698 display: inline-flex; |
|
699 } |
|
700 } |
|
701 .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { |
|
702 display: inline-flex; |
|
703 } |
|
704 .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { |
|
705 transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; |
|
706 } |
|
707 @media (prefers-reduced-motion: reduce) { |
|
708 .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { |
|
709 transition-duration: 0s; |
|
710 transition-delay: 0s; |
|
711 } |
|
712 } |
|
713 .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg { |
|
714 transform: rotate(-45deg); |
|
715 } |
|
716 .edit-post-header-toolbar .block-editor-block-navigation { |
|
717 display: none; |
|
718 } |
|
719 @media (min-width: 600px) { |
435 .edit-post-header-toolbar .block-editor-block-navigation { |
720 .edit-post-header-toolbar .block-editor-block-navigation { |
436 display: none; } |
721 display: flex; |
437 @media (min-width: 600px) { |
722 } |
438 .edit-post-header-toolbar .block-editor-block-navigation { |
723 } |
439 display: flex; } } |
724 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon, |
440 .edit-post-header-toolbar > .components-button.has-icon, |
725 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon { |
441 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon { |
726 height: 36px; |
442 height: 36px; |
727 min-width: 36px; |
443 min-width: 36px; |
728 padding: 6px; |
444 padding: 6px; } |
729 } |
445 .edit-post-header-toolbar > .components-button.has-icon.is-pressed, |
730 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed, |
446 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { |
731 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed { |
447 background: #1e1e1e; } |
732 background: #1e1e1e; |
448 .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled), |
733 } |
449 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { |
734 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled), |
450 box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff; |
735 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { |
451 box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
736 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; |
452 outline: 1px solid transparent; } |
737 outline: 1px solid transparent; |
453 .edit-post-header-toolbar > .components-button.has-icon::before, |
738 } |
454 .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before { |
739 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before, |
455 display: none; } |
740 .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before { |
456 |
741 display: none; |
457 .edit-post-header-toolbar__block-toolbar { |
742 } |
458 position: absolute; |
743 |
459 top: 61px; |
744 @media (min-width: 600px) { |
460 right: 0; |
745 .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, |
461 left: 0; |
746 .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { |
462 background: #fff; |
747 transition: opacity 0.1s linear; |
463 border-bottom: 1px solid #ddd; } |
748 } |
464 .edit-post-header-toolbar__block-toolbar:empty { |
749 } |
465 display: none; } |
750 @media (min-width: 600px) and (prefers-reduced-motion: reduce) { |
466 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, |
751 .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, |
467 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { |
752 .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { |
468 border-top: none; |
753 transition-duration: 0s; |
469 border-bottom: none; } |
754 transition-delay: 0s; |
470 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
755 } |
471 display: none; } |
756 } |
472 @media (min-width: 782px) { |
757 @media (min-width: 600px) { |
473 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
758 .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { |
474 display: block; |
759 opacity: 0; |
475 left: 280px; } } |
760 } |
476 @media (min-width: 1280px) { |
761 } |
477 .edit-post-header-toolbar__block-toolbar { |
762 |
478 padding-right: 8px; |
763 .edit-post-header-toolbar__left { |
479 position: static; |
764 display: inline-flex; |
480 right: auto; |
765 align-items: center; |
481 left: auto; |
766 padding-right: 8px; |
482 background: none; |
767 } |
483 border-bottom: none; } |
768 @media (min-width: 600px) { |
484 .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { |
769 .edit-post-header-toolbar__left { |
485 left: auto; } |
770 padding-right: 24px; |
486 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { |
771 } |
487 border-right: 1px solid #ddd; } |
772 } |
488 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, |
773 @media (min-width: 1280px) { |
489 .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { |
774 .edit-post-header-toolbar__left { |
490 height: 60px; |
775 padding-left: 8px; |
491 padding: 6px 0; } } |
776 } |
492 |
777 } |
493 .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon { |
778 |
|
779 .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { |
494 margin-left: 8px; |
780 margin-left: 8px; |
495 min-width: 32px; |
781 min-width: 32px; |
496 width: 32px; |
782 width: 32px; |
497 height: 32px; |
783 height: 32px; |
498 padding: 0; } |
784 padding: 0; |
|
785 } |
|
786 .show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { |
|
787 height: 36px; |
|
788 } |
|
789 |
|
790 .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-text.has-icon { |
|
791 width: auto; |
|
792 padding: 0 8px; |
|
793 } |
|
794 |
|
795 .show-icon-labels .edit-post-header-toolbar__left > * + * { |
|
796 margin-right: 8px; |
|
797 } |
499 |
798 |
500 .edit-post-more-menu { |
799 .edit-post-more-menu { |
501 margin-right: -4px; } |
800 margin-right: -4px; |
|
801 } |
|
802 .edit-post-more-menu .components-button { |
|
803 width: auto; |
|
804 padding: 0 2px; |
|
805 } |
|
806 @media (min-width: 600px) { |
|
807 .edit-post-more-menu { |
|
808 margin-right: 0; |
|
809 } |
502 .edit-post-more-menu .components-button { |
810 .edit-post-more-menu .components-button { |
|
811 padding: 0 4px; |
|
812 } |
|
813 } |
|
814 |
|
815 .edit-post-more-menu__content .components-popover__content { |
|
816 min-width: 280px; |
|
817 } |
|
818 @media (min-width: 480px) { |
|
819 .edit-post-more-menu__content .components-popover__content { |
503 width: auto; |
820 width: auto; |
504 padding: 0 2px; } |
821 max-width: 480px; |
505 @media (min-width: 600px) { |
822 } |
506 .edit-post-more-menu { |
823 } |
507 margin-right: 0; } |
824 .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { |
508 .edit-post-more-menu .components-button { |
825 padding: 0; |
509 padding: 0 4px; } } |
826 } |
510 |
|
511 .edit-post-more-menu__content .components-popover__content { |
|
512 min-width: 260px; } |
|
513 @media (min-width: 480px) { |
|
514 .edit-post-more-menu__content .components-popover__content { |
|
515 width: auto; |
|
516 max-width: 480px; } } |
|
517 .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { |
|
518 padding: 0; } |
|
519 |
827 |
520 .components-popover.edit-post-more-menu__content { |
828 .components-popover.edit-post-more-menu__content { |
521 z-index: 99998; } |
829 z-index: 99998; |
|
830 } |
|
831 |
|
832 .edit-post-template-top-area { |
|
833 display: flex; |
|
834 flex-direction: column; |
|
835 align-content: space-between; |
|
836 width: 100%; |
|
837 align-items: center; |
|
838 } |
|
839 .edit-post-template-top-area .edit-post-template-title, |
|
840 .edit-post-template-top-area .edit-post-template-post-title { |
|
841 padding: 0; |
|
842 text-decoration: none; |
|
843 height: auto; |
|
844 } |
|
845 .edit-post-template-top-area .edit-post-template-title::before, |
|
846 .edit-post-template-top-area .edit-post-template-post-title::before { |
|
847 height: 100%; |
|
848 } |
|
849 .edit-post-template-top-area .edit-post-template-title.has-icon svg, |
|
850 .edit-post-template-top-area .edit-post-template-post-title.has-icon svg { |
|
851 order: 1; |
|
852 margin-left: 0; |
|
853 } |
|
854 .edit-post-template-top-area .edit-post-template-title { |
|
855 color: #1e1e1e; |
|
856 } |
|
857 .edit-post-template-top-area .edit-post-template-post-title { |
|
858 margin-top: 4px; |
|
859 max-width: 160px; |
|
860 white-space: nowrap; |
|
861 overflow: hidden; |
|
862 text-overflow: ellipsis; |
|
863 display: block; |
|
864 } |
|
865 .edit-post-template-top-area .edit-post-template-post-title::before { |
|
866 right: 0; |
|
867 left: 0; |
|
868 } |
|
869 @media (min-width: 1080px) { |
|
870 .edit-post-template-top-area .edit-post-template-post-title { |
|
871 max-width: none; |
|
872 } |
|
873 } |
|
874 |
|
875 .edit-post-template-top-area__popover .components-popover__content { |
|
876 min-width: 280px; |
|
877 } |
|
878 |
|
879 .edit-post-template-top-area__second-menu-group { |
|
880 margin-right: -12px; |
|
881 margin-left: -12px; |
|
882 padding: 12px; |
|
883 padding-bottom: 0; |
|
884 border-top: 1px solid #ddd; |
|
885 } |
|
886 .edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button { |
|
887 display: flex; |
|
888 justify-content: center; |
|
889 } |
|
890 .edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item { |
|
891 margin-left: 0; |
|
892 } |
522 |
893 |
523 .edit-post-keyboard-shortcut-help-modal__section { |
894 .edit-post-keyboard-shortcut-help-modal__section { |
524 margin: 0 0 2rem 0; } |
895 margin: 0 0 2rem 0; |
525 |
896 } |
526 .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { |
897 .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { |
527 margin-top: -25px; } |
898 margin-top: -25px; |
528 |
899 } |
529 .edit-post-keyboard-shortcut-help-modal__section-title { |
900 .edit-post-keyboard-shortcut-help-modal__section-title { |
530 font-size: 0.9rem; |
901 font-size: 0.9rem; |
531 font-weight: 600; } |
902 font-weight: 600; |
532 |
903 } |
533 .edit-post-keyboard-shortcut-help-modal__shortcut { |
904 .edit-post-keyboard-shortcut-help-modal__shortcut { |
534 display: flex; |
905 display: flex; |
535 align-items: baseline; |
906 align-items: baseline; |
536 padding: 0.6rem 0; |
907 padding: 0.6rem 0; |
537 border-top: 1px solid #ddd; |
908 border-top: 1px solid #ddd; |
538 margin-bottom: 0; } |
909 margin-bottom: 0; |
539 .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { |
910 } |
540 border-bottom: 1px solid #ddd; } |
911 .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { |
541 .edit-post-keyboard-shortcut-help-modal__shortcut:empty { |
912 border-bottom: 1px solid #ddd; |
542 display: none; } |
913 } |
543 |
914 .edit-post-keyboard-shortcut-help-modal__shortcut:empty { |
|
915 display: none; |
|
916 } |
544 .edit-post-keyboard-shortcut-help-modal__shortcut-term { |
917 .edit-post-keyboard-shortcut-help-modal__shortcut-term { |
545 font-weight: 600; |
918 font-weight: 600; |
546 margin: 0 1rem 0 0; |
919 margin: 0 1rem 0 0; |
547 text-align: left; } |
920 text-align: left; |
548 |
921 } |
549 .edit-post-keyboard-shortcut-help-modal__shortcut-description { |
922 .edit-post-keyboard-shortcut-help-modal__shortcut-description { |
550 flex: 1; |
923 flex: 1; |
551 margin: 0; |
924 margin: 0; |
552 flex-basis: auto; } |
925 flex-basis: auto; |
553 |
926 } |
554 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { |
927 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { |
555 display: block; |
928 display: block; |
556 background: none; |
929 background: none; |
557 margin: 0; |
930 margin: 0; |
558 padding: 0; } |
931 padding: 0; |
559 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { |
932 } |
560 margin-top: 10px; } |
933 .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { |
561 |
934 margin-top: 10px; |
|
935 } |
562 .edit-post-keyboard-shortcut-help-modal__shortcut-key { |
936 .edit-post-keyboard-shortcut-help-modal__shortcut-key { |
563 padding: 0.25rem 0.5rem; |
937 padding: 0.25rem 0.5rem; |
564 border-radius: 8%; |
938 border-radius: 8%; |
565 margin: 0 0.2rem 0 0.2rem; } |
939 margin: 0 0.2rem 0 0.2rem; |
566 .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { |
940 } |
567 margin: 0 0.2rem 0 0; } |
941 .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { |
|
942 margin: 0 0.2rem 0 0; |
|
943 } |
568 |
944 |
569 .edit-post-layout__metaboxes { |
945 .edit-post-layout__metaboxes { |
570 flex-shrink: 0; } |
946 flex-shrink: 0; |
|
947 } |
571 |
948 |
572 .edit-post-layout__metaboxes:not(:empty) { |
949 .edit-post-layout__metaboxes:not(:empty) { |
573 border-top: 1px solid #ddd; |
950 border-top: 1px solid #ddd; |
574 padding: 10px 0 10px; |
951 padding: 10px 0 10px; |
575 clear: both; } |
952 clear: both; |
576 .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { |
953 } |
577 margin: auto 20px; } |
954 .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { |
|
955 margin: auto 20px; |
|
956 } |
578 |
957 |
579 .edit-post-layout .components-editor-notices__snackbar { |
958 .edit-post-layout .components-editor-notices__snackbar { |
580 position: fixed; |
959 position: fixed; |
581 left: 0; |
960 left: 0; |
582 bottom: 40px; |
961 bottom: 40px; |
583 padding-right: 16px; |
962 padding-right: 16px; |
584 padding-left: 16px; } |
963 padding-left: 16px; |
|
964 } |
585 |
965 |
586 .edit-post-layout .components-editor-notices__snackbar { |
966 .edit-post-layout .components-editor-notices__snackbar { |
587 /* Set left position when auto-fold is not on the body element. */ |
967 /* Set left position when auto-fold is not on the body element. */ |
588 right: 0; } |
968 right: 0; |
589 @media (min-width: 783px) { |
969 } |
590 .edit-post-layout .components-editor-notices__snackbar { |
970 @media (min-width: 783px) { |
591 right: 160px; } } |
971 .edit-post-layout .components-editor-notices__snackbar { |
|
972 right: 160px; |
|
973 } |
|
974 } |
592 |
975 |
593 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
976 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
594 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } |
977 /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ |
595 @media (min-width: 783px) { |
978 } |
596 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
979 @media (min-width: 783px) { |
597 right: 36px; } } |
980 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
598 @media (min-width: 961px) { |
981 right: 36px; |
599 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
982 } |
600 right: 160px; } } |
983 } |
|
984 @media (min-width: 961px) { |
|
985 .auto-fold .edit-post-layout .components-editor-notices__snackbar { |
|
986 right: 160px; |
|
987 } |
|
988 } |
601 |
989 |
602 /* Sidebar manually collapsed. */ |
990 /* Sidebar manually collapsed. */ |
603 .folded .edit-post-layout .components-editor-notices__snackbar { |
991 .folded .edit-post-layout .components-editor-notices__snackbar { |
604 right: 0; } |
992 right: 0; |
605 @media (min-width: 783px) { |
993 } |
606 .folded .edit-post-layout .components-editor-notices__snackbar { |
994 @media (min-width: 783px) { |
607 right: 36px; } } |
995 .folded .edit-post-layout .components-editor-notices__snackbar { |
608 |
996 right: 36px; |
609 /* Mobile menu opened. */ |
997 } |
610 @media (max-width: 783px) { |
998 } |
611 .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { |
|
612 right: 190px; } } |
|
613 |
|
614 /* In small screens with responsive menu expanded there is small white space. */ |
|
615 @media (max-width: 600px) { |
|
616 .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { |
|
617 margin-right: -18px; } } |
|
618 |
999 |
619 body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { |
1000 body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { |
620 right: 0 !important; } |
1001 right: 0 !important; |
|
1002 } |
621 |
1003 |
622 .edit-post-layout .editor-post-publish-panel { |
1004 .edit-post-layout .editor-post-publish-panel { |
623 position: fixed; |
1005 position: fixed; |
624 z-index: 100001; |
1006 z-index: 100001; |
625 top: 46px; |
1007 top: 46px; |
626 bottom: 0; |
1008 bottom: 0; |
627 left: 0; |
1009 left: 0; |
628 right: 0; |
1010 right: 0; |
629 overflow: auto; } |
1011 overflow: auto; |
630 @media (min-width: 782px) { |
1012 } |
631 .edit-post-layout .editor-post-publish-panel { |
1013 @media (min-width: 782px) { |
632 z-index: 99998; |
1014 .edit-post-layout .editor-post-publish-panel { |
633 top: 32px; |
1015 z-index: 99998; |
634 right: auto; |
1016 top: 32px; |
635 width: 281px; |
1017 right: auto; |
636 border-right: 1px solid #ddd; |
1018 width: 281px; |
637 transform: translateX(-100%); |
1019 border-right: 1px solid #ddd; |
638 animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } |
1020 transform: translateX(-100%); |
639 @media (min-width: 782px) and (prefers-reduced-motion: reduce) { |
1021 animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; |
640 .edit-post-layout .editor-post-publish-panel { |
1022 } |
641 animation-duration: 1ms; } } |
1023 } |
642 @media (min-width: 782px) { |
1024 @media (min-width: 782px) and (prefers-reduced-motion: reduce) { |
643 body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { |
1025 .edit-post-layout .editor-post-publish-panel { |
644 top: 0; } |
1026 animation-duration: 1ms; |
645 .is-focusing-regions .edit-post-layout .editor-post-publish-panel { |
1027 animation-delay: 0s; |
646 transform: translateX(0%); } } |
1028 } |
|
1029 } |
|
1030 @media (min-width: 782px) { |
|
1031 body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { |
|
1032 top: 0; |
|
1033 } |
|
1034 } |
|
1035 @media (min-width: 782px) { |
|
1036 [role=region]:focus .edit-post-layout .editor-post-publish-panel { |
|
1037 transform: translateX(0%); |
|
1038 } |
|
1039 } |
647 |
1040 |
648 @keyframes edit-post-post-publish-panel__slide-in-animation { |
1041 @keyframes edit-post-post-publish-panel__slide-in-animation { |
649 100% { |
1042 100% { |
650 transform: translateX(0%); } } |
1043 transform: translateX(0%); |
651 |
1044 } |
652 .interface-interface-skeleton__sidebar > div { |
1045 } |
653 height: 100%; } |
|
654 |
|
655 .edit-post-layout .editor-post-publish-panel__header-publish-button { |
1046 .edit-post-layout .editor-post-publish-panel__header-publish-button { |
656 justify-content: center; } |
1047 justify-content: center; |
|
1048 } |
657 |
1049 |
658 .edit-post-layout__toggle-publish-panel, |
1050 .edit-post-layout__toggle-publish-panel, |
659 .edit-post-layout__toogle-sidebar-panel, |
1051 .edit-post-layout__toggle-sidebar-panel, |
660 .edit-post-layout__toggle-entities-saved-states-panel { |
1052 .edit-post-layout__toggle-entities-saved-states-panel { |
661 z-index: 100000; |
1053 z-index: 100000; |
662 position: fixed !important; |
1054 position: fixed !important; |
663 top: -9999em; |
1055 top: -9999em; |
664 bottom: auto; |
1056 bottom: auto; |
668 background-color: #fff; |
1060 background-color: #fff; |
669 border: 1px dotted #ddd; |
1061 border: 1px dotted #ddd; |
670 height: auto !important; |
1062 height: auto !important; |
671 padding: 24px; |
1063 padding: 24px; |
672 display: flex; |
1064 display: flex; |
673 justify-content: center; } |
1065 justify-content: center; |
674 .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, |
1066 } |
675 .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, |
1067 .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, |
676 .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, |
1068 .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel, |
677 .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus |
1069 .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel, |
678 .edit-post-layout__toogle-sidebar-panel, |
1070 .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, |
679 .interface-interface-skeleton__actions:focus-within |
1071 .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { |
680 .edit-post-layout__toogle-sidebar-panel, |
1072 top: auto; |
681 .interface-interface-skeleton__actions:focus |
1073 bottom: 0; |
682 .edit-post-layout__toogle-sidebar-panel, |
1074 } |
683 .interface-interface-skeleton__actions:focus-within |
|
684 .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus |
|
685 .edit-post-layout__toggle-entities-saved-states-panel, |
|
686 .interface-interface-skeleton__actions:focus-within |
|
687 .edit-post-layout__toggle-entities-saved-states-panel, |
|
688 .interface-interface-skeleton__actions:focus |
|
689 .edit-post-layout__toggle-entities-saved-states-panel, |
|
690 .interface-interface-skeleton__actions:focus-within |
|
691 .edit-post-layout__toggle-entities-saved-states-panel { |
|
692 top: auto; |
|
693 bottom: 0; } |
|
694 |
|
695 .edit-post-layout__footer { |
|
696 display: none; |
|
697 z-index: 30; } |
|
698 @media (min-width: 782px) { |
|
699 .edit-post-layout__footer { |
|
700 display: flex; |
|
701 background: #fff; |
|
702 height: 24px; |
|
703 align-items: center; |
|
704 font-size: 13px; |
|
705 padding: 0 18px; } } |
|
706 |
|
707 .edit-post-layout .interface-interface-skeleton__content { |
|
708 background-color: #ccd0d4; } |
|
709 |
|
710 .edit-post-layout__inserter-panel-popover-wrapper, |
|
711 .edit-post-layout__inserter-panel-popover-wrapper > div, |
|
712 .edit-post-layout__inserter-panel-popover-wrapper > div > div, |
|
713 .edit-post-layout__inserter-panel-popover-wrapper > div > div > div { |
|
714 height: 100%; } |
|
715 |
|
716 .edit-post-layout__inserter-panel { |
|
717 height: 100%; |
|
718 display: flex; |
|
719 flex-direction: column; } |
|
720 |
|
721 .edit-post-layout__inserter-panel-header { |
|
722 padding-top: 8px; |
|
723 padding-left: 8px; |
|
724 display: flex; |
|
725 justify-content: flex-end; } |
|
726 @media (min-width: 782px) { |
|
727 .edit-post-layout__inserter-panel-header { |
|
728 display: none; } } |
|
729 |
|
730 .edit-post-layout__inserter-panel-content { |
|
731 height: calc(100% - 36px - 8px); } |
|
732 @media (min-width: 782px) { |
|
733 .edit-post-layout__inserter-panel-content { |
|
734 height: 100%; } } |
|
735 |
1075 |
736 @media (min-width: 600px) { |
1076 @media (min-width: 600px) { |
737 .edit-post-manage-blocks-modal { |
1077 .edit-post-manage-blocks-modal { |
738 height: calc(100% - 60px - 60px); } } |
1078 height: calc(100% - 60px - 60px); |
|
1079 } |
|
1080 } |
739 |
1081 |
740 .edit-post-manage-blocks-modal .components-modal__content { |
1082 .edit-post-manage-blocks-modal .components-modal__content { |
741 padding-bottom: 0; |
1083 padding-bottom: 0; |
742 display: flex; |
1084 display: flex; |
743 flex-direction: column; } |
1085 flex-direction: column; |
|
1086 } |
744 |
1087 |
745 .edit-post-manage-blocks-modal .components-modal__header { |
1088 .edit-post-manage-blocks-modal .components-modal__header { |
746 flex-shrink: 0; |
1089 flex-shrink: 0; |
747 margin-bottom: 0; } |
1090 margin-bottom: 0; |
|
1091 } |
748 |
1092 |
749 .edit-post-manage-blocks-modal__content { |
1093 .edit-post-manage-blocks-modal__content { |
750 display: flex; |
1094 display: flex; |
751 flex-direction: column; |
1095 flex-direction: column; |
752 flex: 0 1 100%; |
1096 flex: 0 1 100%; |
753 min-height: 0; } |
1097 min-height: 0; |
|
1098 } |
754 |
1099 |
755 .edit-post-manage-blocks-modal__no-results { |
1100 .edit-post-manage-blocks-modal__no-results { |
756 font-style: italic; |
1101 font-style: italic; |
757 padding: 24px 0; |
1102 padding: 24px 0; |
758 text-align: center; } |
1103 text-align: center; |
|
1104 } |
759 |
1105 |
760 .edit-post-manage-blocks-modal__search { |
1106 .edit-post-manage-blocks-modal__search { |
761 margin: 16px 0; } |
1107 margin: 16px 0; |
762 .edit-post-manage-blocks-modal__search .components-base-control__field { |
1108 } |
763 margin-bottom: 0; } |
1109 .edit-post-manage-blocks-modal__search .components-base-control__field { |
764 .edit-post-manage-blocks-modal__search .components-base-control__label { |
1110 margin-bottom: 0; |
765 margin-top: -4px; } |
1111 } |
766 .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { |
1112 .edit-post-manage-blocks-modal__search .components-base-control__label { |
767 padding: 8px; |
1113 margin-top: -4px; |
768 border-radius: 2px; } |
1114 } |
|
1115 .edit-post-manage-blocks-modal__search input[type=search].components-text-control__input { |
|
1116 padding: 8px; |
|
1117 border-radius: 2px; |
|
1118 } |
769 |
1119 |
770 .edit-post-manage-blocks-modal__disabled-blocks-count { |
1120 .edit-post-manage-blocks-modal__disabled-blocks-count { |
771 border-top: 1px solid #ddd; |
1121 border-top: 1px solid #ddd; |
772 margin-right: -24px; |
1122 margin-right: -24px; |
773 margin-left: -24px; |
1123 margin-left: -24px; |
774 padding-top: 0.6rem; |
1124 padding-top: 0.6rem; |
775 padding-bottom: 0.6rem; |
1125 padding-bottom: 0.6rem; |
776 padding-right: 24px; |
1126 padding-right: 24px; |
777 padding-left: 24px; |
1127 padding-left: 24px; |
778 background-color: #f0f0f0; } |
1128 background-color: #f0f0f0; |
|
1129 } |
779 |
1130 |
780 .edit-post-manage-blocks-modal__category { |
1131 .edit-post-manage-blocks-modal__category { |
781 margin: 0 0 2rem 0; } |
1132 margin: 0 0 2rem 0; |
|
1133 } |
782 |
1134 |
783 .edit-post-manage-blocks-modal__category-title { |
1135 .edit-post-manage-blocks-modal__category-title { |
784 position: -webkit-sticky; |
|
785 position: sticky; |
1136 position: sticky; |
786 top: 0; |
1137 top: 0; |
787 padding: 16px 0; |
1138 padding: 16px 0; |
788 background-color: #fff; |
1139 background-color: #fff; |
789 z-index: 1; } |
1140 z-index: 1; |
790 .edit-post-manage-blocks-modal__category-title .components-base-control__field { |
1141 } |
791 margin-bottom: 0; } |
1142 .edit-post-manage-blocks-modal__category-title .components-base-control__field { |
792 .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { |
1143 margin-bottom: 0; |
793 font-size: 0.9rem; |
1144 } |
794 font-weight: 600; } |
1145 .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { |
|
1146 font-size: 0.9rem; |
|
1147 font-weight: 600; |
|
1148 } |
795 |
1149 |
796 .edit-post-manage-blocks-modal__show-all { |
1150 .edit-post-manage-blocks-modal__show-all { |
797 margin-left: 8px; } |
1151 margin-left: 8px; |
|
1152 } |
798 |
1153 |
799 .edit-post-manage-blocks-modal__checklist { |
1154 .edit-post-manage-blocks-modal__checklist { |
800 margin-top: 0; } |
1155 margin-top: 0; |
|
1156 } |
801 |
1157 |
802 .edit-post-manage-blocks-modal__checklist-item { |
1158 .edit-post-manage-blocks-modal__checklist-item { |
803 margin-bottom: 0; |
1159 margin-bottom: 0; |
804 padding-right: 16px; |
1160 padding-right: 16px; |
805 border-top: 1px solid #ddd; } |
1161 border-top: 1px solid #ddd; |
806 .edit-post-manage-blocks-modal__checklist-item:last-child { |
1162 } |
807 border-bottom: 1px solid #ddd; } |
1163 .edit-post-manage-blocks-modal__checklist-item:last-child { |
808 .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { |
1164 border-bottom: 1px solid #ddd; |
809 align-items: center; |
1165 } |
810 display: flex; |
1166 .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { |
811 margin: 0; } |
1167 align-items: center; |
812 .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { |
1168 display: flex; |
813 margin: 0 8px; } |
1169 margin: 0; |
814 .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { |
1170 } |
815 display: flex; |
1171 .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { |
816 align-items: center; |
1172 margin: 0 8px; |
817 justify-content: space-between; |
1173 } |
818 flex-grow: 1; |
1174 .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { |
819 padding: 0.6rem 10px 0.6rem 0; } |
1175 display: flex; |
820 .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { |
1176 align-items: center; |
821 margin-left: 10px; |
1177 justify-content: space-between; |
822 fill: #555d66; } |
1178 flex-grow: 1; |
|
1179 padding: 0.6rem 10px 0.6rem 0; |
|
1180 } |
|
1181 .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { |
|
1182 margin-left: 10px; |
|
1183 fill: #1e1e1e; |
|
1184 } |
823 |
1185 |
824 .edit-post-manage-blocks-modal__results { |
1186 .edit-post-manage-blocks-modal__results { |
825 height: 100%; |
1187 height: 100%; |
826 overflow: auto; |
1188 overflow: auto; |
827 margin-right: -24px; |
1189 margin-right: -32px; |
828 margin-left: -24px; |
1190 margin-left: -32px; |
829 padding-right: 24px; |
1191 padding-right: 32px; |
830 padding-left: 24px; |
1192 padding-left: 32px; |
831 border-top: 1px solid #ddd; } |
1193 border-top: 1px solid #ddd; |
|
1194 } |
832 |
1195 |
833 .edit-post-meta-boxes-area { |
1196 .edit-post-meta-boxes-area { |
834 position: relative; |
1197 position: relative; |
835 /** |
1198 /** |
836 * The wordpress default for most meta-box elements is content-box. Some |
1199 * The wordpress default for most meta-box elements is content-box. Some |
837 * elements such as textarea and input are set to border-box in forms.css. |
1200 * elements such as textarea and input are set to border-box in forms.css. |
838 * These elements therefore specifically set back to border-box here, while |
1201 * These elements therefore specifically set back to border-box here, while |
839 * other elements (such as .button) are unaffected by Gutenberg's style |
1202 * other elements (such as .button) are unaffected by Gutenberg's style |
840 * because of their higher specificity. |
1203 * because of their higher specificity. |
841 */ |
1204 */ |
842 /* Match width and positioning of the meta boxes. Override default styles. */ |
1205 /* Match width and positioning of the meta boxes. Override default styles. */ |
843 /* Override Default meta box stylings */ } |
1206 /* Override Default meta box stylings */ |
844 .edit-post-meta-boxes-area__container, |
1207 } |
845 .edit-post-meta-boxes-area .inside { |
1208 .edit-post-meta-boxes-area__container, |
846 box-sizing: content-box; } |
1209 .edit-post-meta-boxes-area .inside { |
847 .edit-post-meta-boxes-area textarea, |
1210 box-sizing: content-box; |
848 .edit-post-meta-boxes-area input { |
1211 } |
849 box-sizing: border-box; } |
1212 .edit-post-meta-boxes-area textarea, |
850 .edit-post-meta-boxes-area #poststuff { |
1213 .edit-post-meta-boxes-area input { |
851 margin: 0 auto; |
1214 box-sizing: border-box; |
852 padding-top: 0; |
1215 } |
853 min-width: auto; } |
1216 .edit-post-meta-boxes-area #poststuff { |
854 .edit-post-meta-boxes-area #poststuff h3.hndle, |
1217 margin: 0 auto; |
855 .edit-post-meta-boxes-area #poststuff .stuffbox > h3, |
1218 padding-top: 0; |
856 .edit-post-meta-boxes-area #poststuff h2.hndle { |
1219 min-width: auto; |
857 /* WordPress selectors yolo */ |
1220 } |
858 border-bottom: 1px solid #ddd; |
1221 .edit-post-meta-boxes-area #poststuff h3.hndle, |
859 box-sizing: border-box; |
1222 .edit-post-meta-boxes-area #poststuff .stuffbox > h3, |
860 color: inherit; |
1223 .edit-post-meta-boxes-area #poststuff h2.hndle { |
861 font-weight: 600; |
1224 /* WordPress selectors yolo */ |
862 outline: none; |
1225 box-sizing: border-box; |
863 padding: 15px; |
1226 color: inherit; |
864 position: relative; |
1227 font-weight: 600; |
865 width: 100%; } |
1228 outline: none; |
866 .edit-post-meta-boxes-area .postbox { |
1229 padding: 15px; |
867 border: 0; |
1230 position: relative; |
868 color: inherit; |
1231 width: 100%; |
869 margin-bottom: 0; } |
1232 } |
870 .edit-post-meta-boxes-area .postbox > .inside { |
1233 .edit-post-meta-boxes-area .postbox { |
871 border-bottom: 1px solid #ddd; |
1234 border: 0; |
872 color: inherit; |
1235 color: inherit; |
873 padding: 0 14px 14px; |
1236 margin-bottom: 0; |
874 margin: 0; } |
1237 } |
875 .edit-post-meta-boxes-area .postbox .handlediv { |
1238 .edit-post-meta-boxes-area .postbox > .inside { |
876 height: 44px; |
1239 border-bottom: 1px solid #ddd; |
877 width: 44px; } |
1240 color: inherit; |
878 .edit-post-meta-boxes-area.is-loading::before { |
1241 padding: 0 14px 14px; |
879 position: absolute; |
1242 margin: 0; |
880 top: 0; |
1243 } |
881 right: 0; |
1244 .edit-post-meta-boxes-area .postbox .handlediv { |
882 left: 0; |
1245 height: 44px; |
883 bottom: 0; |
1246 width: 44px; |
884 content: ""; |
1247 } |
885 background: transparent; |
1248 .edit-post-meta-boxes-area.is-loading::before { |
886 z-index: 1; } |
1249 position: absolute; |
887 .edit-post-meta-boxes-area .components-spinner { |
1250 top: 0; |
888 position: absolute; |
1251 right: 0; |
889 top: 10px; |
1252 left: 0; |
890 left: 20px; |
1253 bottom: 0; |
891 z-index: 5; } |
1254 content: ""; |
892 .edit-post-meta-boxes-area .is-hidden { |
1255 background: transparent; |
893 display: none; } |
1256 z-index: 1; |
894 .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { |
1257 } |
895 border: 1px solid #6c7781; } |
1258 .edit-post-meta-boxes-area .components-spinner { |
896 .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { |
1259 position: absolute; |
897 background: #fff; |
1260 top: 10px; |
898 border-color: #6c7781; } |
1261 left: 20px; |
899 .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { |
1262 z-index: 5; |
900 margin: -3px -4px; } |
1263 } |
|
1264 .edit-post-meta-boxes-area .is-hidden { |
|
1265 display: none; |
|
1266 } |
|
1267 .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { |
|
1268 border: 1px solid #757575; |
|
1269 } |
|
1270 .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { |
|
1271 background: #fff; |
|
1272 border-color: #757575; |
|
1273 } |
|
1274 .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { |
|
1275 margin: -3px -4px; |
|
1276 } |
901 |
1277 |
902 .edit-post-meta-boxes-area__clear { |
1278 .edit-post-meta-boxes-area__clear { |
903 clear: both; } |
1279 clear: both; |
|
1280 } |
|
1281 |
|
1282 .edit-post-preferences-modal { |
|
1283 min-width: 360px; |
|
1284 width: 100%; |
|
1285 } |
|
1286 @media (min-width: 782px) { |
|
1287 .edit-post-preferences-modal { |
|
1288 width: auto; |
|
1289 } |
|
1290 } |
|
1291 @media (min-width: 600px) { |
|
1292 .edit-post-preferences-modal { |
|
1293 height: calc(100% - 60px - 60px); |
|
1294 } |
|
1295 } |
|
1296 .edit-post-preferences-modal .components-navigation { |
|
1297 background-color: #fff; |
|
1298 margin: -8px; |
|
1299 padding: 8px; |
|
1300 } |
|
1301 .edit-post-preferences-modal .components-navigation .components-navigation__menu { |
|
1302 margin: 0; |
|
1303 color: #1e1e1e; |
|
1304 } |
|
1305 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item { |
|
1306 color: #1e1e1e; |
|
1307 } |
|
1308 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button { |
|
1309 color: inherit; |
|
1310 padding: 3px 16px; |
|
1311 height: 48px; |
|
1312 } |
|
1313 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button:focus { |
|
1314 background: #f0f0f0; |
|
1315 font-weight: 500; |
|
1316 } |
|
1317 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button:hover { |
|
1318 color: var(--wp-admin-theme-color); |
|
1319 } |
|
1320 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item .components-toggle-control__label { |
|
1321 color: inherit; |
|
1322 } |
|
1323 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__menu-title-heading { |
|
1324 color: inherit; |
|
1325 border-bottom: 1px solid #ddd; |
|
1326 padding-right: 0; |
|
1327 padding-left: 0; |
|
1328 } |
|
1329 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button { |
|
1330 color: inherit; |
|
1331 padding-right: 0; |
|
1332 } |
|
1333 .edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button:hover { |
|
1334 color: var(--wp-admin-theme-color); |
|
1335 } |
|
1336 .edit-post-preferences-modal .components-navigation .components-navigation__menu .edit-post-preferences-modal__custom-fields-confirmation-button { |
|
1337 width: auto; |
|
1338 } |
|
1339 .edit-post-preferences-modal .edit-post-preferences__tabs { |
|
1340 display: flex; |
|
1341 flex-direction: row; |
|
1342 } |
|
1343 .edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs { |
|
1344 width: 160px; |
|
1345 } |
|
1346 .edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { |
|
1347 border-radius: 2px; |
|
1348 font-weight: 400; |
|
1349 } |
|
1350 .edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { |
|
1351 background: #f0f0f0; |
|
1352 box-shadow: none; |
|
1353 font-weight: 500; |
|
1354 } |
|
1355 .edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { |
|
1356 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1357 } |
|
1358 .edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tab-content { |
|
1359 width: 500px; |
|
1360 padding-right: 24px; |
|
1361 } |
|
1362 .edit-post-preferences-modal__section { |
|
1363 margin: 0 0 2.5rem 0; |
|
1364 } |
|
1365 .edit-post-preferences-modal__section-title { |
|
1366 font-size: 0.9rem; |
|
1367 font-weight: 600; |
|
1368 } |
|
1369 .edit-post-preferences-modal__option .components-base-control .components-base-control__field { |
|
1370 align-items: center; |
|
1371 display: flex; |
|
1372 margin-bottom: 0; |
|
1373 } |
|
1374 .edit-post-preferences-modal__option .components-base-control .components-base-control__field > label { |
|
1375 flex-grow: 1; |
|
1376 padding: 0.6rem 10px 0.6rem 0; |
|
1377 } |
|
1378 .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { |
|
1379 margin: 0 48px 0.6rem 0; |
|
1380 } |
|
1381 @media (min-width: 782px) { |
|
1382 .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { |
|
1383 margin-right: 38px; |
|
1384 } |
|
1385 } |
|
1386 @media (min-width: 600px) { |
|
1387 .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { |
|
1388 max-width: 300px; |
|
1389 } |
|
1390 } |
|
1391 .edit-post-preferences-modal .components-base-control__help { |
|
1392 margin: -8px 58px 8px 0; |
|
1393 font-size: 12px; |
|
1394 font-style: normal; |
|
1395 color: #757575; |
|
1396 } |
|
1397 .edit-post-preferences-modal .edit-post-preferences-modal__section-description { |
|
1398 margin: -8px 0 8px 0; |
|
1399 font-size: 12px; |
|
1400 font-style: normal; |
|
1401 color: #757575; |
|
1402 } |
|
1403 |
|
1404 .edit-post-editor__inserter-panel, |
|
1405 .edit-post-editor__list-view-panel { |
|
1406 height: 100%; |
|
1407 display: flex; |
|
1408 flex-direction: column; |
|
1409 } |
|
1410 |
|
1411 .edit-post-editor__list-view-panel { |
|
1412 min-width: 350px; |
|
1413 } |
|
1414 |
|
1415 .edit-post-editor__inserter-panel-header { |
|
1416 padding-top: 8px; |
|
1417 padding-left: 8px; |
|
1418 display: flex; |
|
1419 justify-content: flex-end; |
|
1420 } |
|
1421 @media (min-width: 782px) { |
|
1422 .edit-post-editor__inserter-panel-header { |
|
1423 display: none; |
|
1424 } |
|
1425 } |
|
1426 |
|
1427 .edit-post-editor__inserter-panel-content, |
|
1428 .edit-post-editor__list-view-panel-content { |
|
1429 height: calc(100% - 36px - 8px); |
|
1430 } |
|
1431 |
|
1432 @media (min-width: 782px) { |
|
1433 .edit-post-editor__inserter-panel-content { |
|
1434 height: 100%; |
|
1435 } |
|
1436 } |
|
1437 |
|
1438 .edit-post-editor__list-view-panel-header { |
|
1439 align-items: center; |
|
1440 border-bottom: 1px solid #ddd; |
|
1441 display: flex; |
|
1442 justify-content: space-between; |
|
1443 height: 48px; |
|
1444 padding-right: 16px; |
|
1445 padding-left: 4px; |
|
1446 } |
|
1447 |
|
1448 .edit-post-editor__list-view-panel-content { |
|
1449 overflow-y: auto; |
|
1450 padding: 8px; |
|
1451 } |
904 |
1452 |
905 .components-panel__header.edit-post-sidebar__panel-tabs { |
1453 .components-panel__header.edit-post-sidebar__panel-tabs { |
906 justify-content: flex-start; |
1454 justify-content: flex-start; |
907 padding-right: 0; |
1455 padding-right: 0; |
908 padding-left: 16px; |
1456 padding-left: 16px; |
909 border-top: 0; |
1457 border-top: 0; |
910 margin-top: 0; } |
1458 margin-top: 0; |
911 .components-panel__header.edit-post-sidebar__panel-tabs ul { |
1459 } |
912 display: flex; } |
1460 .components-panel__header.edit-post-sidebar__panel-tabs ul { |
913 .components-panel__header.edit-post-sidebar__panel-tabs li { |
1461 display: flex; |
914 margin: 0; } |
1462 } |
|
1463 .components-panel__header.edit-post-sidebar__panel-tabs li { |
|
1464 margin: 0; |
|
1465 } |
|
1466 .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { |
|
1467 display: none; |
|
1468 margin: 0 auto 0 0; |
|
1469 padding: 0; |
|
1470 min-width: 24px; |
|
1471 height: 24px; |
|
1472 } |
|
1473 @media (min-width: 782px) { |
915 .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { |
1474 .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { |
916 display: none; |
1475 display: flex; |
917 margin: 0 auto 0 0; |
1476 } |
918 padding: 0; |
1477 } |
919 min-width: 24px; |
|
920 height: 24px; } |
|
921 @media (min-width: 782px) { |
|
922 .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { |
|
923 display: flex; } } |
|
924 |
1478 |
925 .components-panel__body.is-opened.edit-post-last-revision__panel { |
1479 .components-panel__body.is-opened.edit-post-last-revision__panel { |
926 padding: 0; |
1480 padding: 0; |
927 height: 48px; } |
1481 height: 48px; |
|
1482 } |
928 |
1483 |
929 .editor-post-last-revision__title.components-button { |
1484 .editor-post-last-revision__title.components-button { |
930 padding: 16px; } |
1485 padding: 16px; |
|
1486 } |
931 |
1487 |
932 .editor-post-author__select { |
1488 .editor-post-author__select { |
933 margin: -5px 0; |
1489 margin: -5px 0; |
934 width: 100%; } |
1490 width: 100%; |
935 @supports ((position: -webkit-sticky) or (position: sticky)) { |
1491 } |
936 .editor-post-author__select { |
1492 @supports (position: sticky) { |
937 width: auto; } } |
1493 .editor-post-author__select { |
|
1494 width: auto; |
|
1495 } |
|
1496 } |
938 |
1497 |
939 .edit-post-post-link__link-post-name { |
1498 .edit-post-post-link__link-post-name { |
940 font-weight: 600; } |
1499 font-weight: 600; |
|
1500 } |
941 |
1501 |
942 .edit-post-post-link__preview-label { |
1502 .edit-post-post-link__preview-label { |
943 font-weight: 400; |
1503 font-weight: 400; |
944 margin: 0; } |
1504 margin: 0; |
|
1505 } |
945 |
1506 |
946 .edit-post-post-link__link { |
1507 .edit-post-post-link__link { |
947 text-align: right; |
1508 text-align: right; |
948 word-wrap: break-word; |
1509 word-wrap: break-word; |
949 display: block; } |
1510 display: block; |
|
1511 } |
950 .edit-post-post-link__preview-link-container { |
1512 .edit-post-post-link__preview-link-container { |
951 direction: ltr; } |
1513 direction: ltr; |
|
1514 } |
952 .edit-post-post-schedule { |
1515 .edit-post-post-schedule { |
953 width: 100%; |
1516 width: 100%; |
954 position: relative; |
1517 position: relative; |
955 justify-content: left; } |
1518 justify-content: left; |
956 .edit-post-post-schedule span { |
1519 } |
957 display: block; |
1520 .edit-post-post-schedule span { |
958 width: 45%; } |
1521 display: block; |
|
1522 width: 45%; |
|
1523 } |
959 |
1524 |
960 .components-button.edit-post-post-schedule__toggle { |
1525 .components-button.edit-post-post-schedule__toggle { |
961 text-align: left; } |
1526 text-align: left; |
|
1527 } |
|
1528 |
|
1529 .edit-post-post-schedule__dialog .components-popover__content > div { |
|
1530 padding: 0; |
|
1531 } |
962 |
1532 |
963 .editor-post-slug__input { |
1533 .editor-post-slug__input { |
964 margin: -5px 0; |
1534 margin: -5px 0; |
965 padding: 2px; } |
1535 padding: 2px; |
|
1536 } |
966 |
1537 |
967 .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { |
1538 .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { |
968 margin-top: 15px; |
1539 margin-top: 15px; |
969 width: 100%; |
1540 width: 100%; |
970 text-align: center; } |
1541 text-align: center; |
|
1542 } |
971 |
1543 |
972 .edit-post-post-visibility { |
1544 .edit-post-post-visibility { |
973 width: 100%; |
1545 width: 100%; |
974 justify-content: left; } |
1546 justify-content: left; |
975 .edit-post-post-visibility span { |
1547 } |
976 display: block; |
1548 .edit-post-post-visibility span { |
977 width: 45%; } |
1549 display: block; |
|
1550 width: 45%; |
|
1551 } |
978 |
1552 |
979 @media (min-width: 782px) { |
1553 @media (min-width: 782px) { |
980 .edit-post-post-visibility__dialog .components-popover__content { |
1554 .edit-post-post-visibility__dialog .components-popover__content { |
981 width: 257px; } } |
1555 width: 257px; |
|
1556 } |
|
1557 } |
982 |
1558 |
983 .edit-post-post-visibility__dialog-legend { |
1559 .edit-post-post-visibility__dialog-legend { |
984 font-weight: 600; } |
1560 font-weight: 600; |
|
1561 } |
985 |
1562 |
986 .edit-post-post-visibility__choice { |
1563 .edit-post-post-visibility__choice { |
987 margin: 10px 0; } |
1564 margin: 10px 0; |
|
1565 } |
988 |
1566 |
989 .edit-post-post-visibility__dialog-radio, |
1567 .edit-post-post-visibility__dialog-radio, |
990 .edit-post-post-visibility__dialog-label { |
1568 .edit-post-post-visibility__dialog-label { |
991 vertical-align: top; } |
1569 vertical-align: top; |
|
1570 } |
992 |
1571 |
993 .edit-post-post-visibility__dialog-password-input { |
1572 .edit-post-post-visibility__dialog-password-input { |
994 width: calc(100% - 20px); |
1573 width: calc(100% - 20px); |
995 margin-right: 20px; } |
1574 margin-right: 20px; |
|
1575 } |
996 |
1576 |
997 .edit-post-post-visibility__dialog-info { |
1577 .edit-post-post-visibility__dialog-info { |
998 color: #7e8993; |
1578 color: #757575; |
999 padding-right: 20px; |
1579 padding-right: 20px; |
1000 font-style: italic; |
1580 font-style: italic; |
1001 margin: 4px 0 0; |
1581 margin: 4px 0 0; |
1002 line-height: 1.4; } |
1582 line-height: 1.4; |
|
1583 } |
1003 |
1584 |
1004 .components-button.edit-post-sidebar__panel-tab { |
1585 .components-button.edit-post-sidebar__panel-tab { |
1005 border-radius: 0; |
1586 border-radius: 0; |
1006 height: 48px; |
1587 height: 48px; |
1007 background: transparent; |
1588 background: transparent; |
1009 box-shadow: none; |
1590 box-shadow: none; |
1010 cursor: pointer; |
1591 cursor: pointer; |
1011 display: inline-block; |
1592 display: inline-block; |
1012 padding: 3px 15px; |
1593 padding: 3px 15px; |
1013 margin-right: 0; |
1594 margin-right: 0; |
1014 font-weight: 500; } |
1595 font-weight: 500; |
1015 .components-button.edit-post-sidebar__panel-tab::after { |
1596 } |
1016 content: attr(data-label); |
1597 .components-button.edit-post-sidebar__panel-tab::after { |
1017 display: block; |
1598 content: attr(data-label); |
1018 font-weight: 600; |
1599 display: block; |
1019 height: 0; |
1600 font-weight: 600; |
1020 overflow: hidden; |
1601 height: 0; |
1021 speak: none; |
1602 overflow: hidden; |
1022 visibility: hidden; } |
1603 speak: none; |
1023 .components-button.edit-post-sidebar__panel-tab.is-active { |
1604 visibility: hidden; |
1024 box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; |
1605 } |
1025 box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); |
1606 .components-button.edit-post-sidebar__panel-tab.is-active { |
1026 position: relative; |
1607 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); |
1027 z-index: 1; } |
1608 position: relative; |
1028 .components-button.edit-post-sidebar__panel-tab.is-active::before { |
1609 z-index: 1; |
1029 content: ""; |
1610 } |
1030 position: absolute; |
1611 .components-button.edit-post-sidebar__panel-tab.is-active::before { |
1031 top: 0; |
1612 content: ""; |
1032 bottom: 1px; |
1613 position: absolute; |
1033 left: 0; |
1614 top: 0; |
1034 right: 0; |
1615 bottom: 1px; |
1035 border-bottom: 4px solid transparent; } |
1616 left: 0; |
1036 .components-button.edit-post-sidebar__panel-tab:focus { |
1617 right: 0; |
1037 box-shadow: inset 0 0 0 1.5px #007cba; |
1618 border-bottom: 4px solid transparent; |
1038 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); |
1619 } |
1039 position: relative; |
1620 .components-button.edit-post-sidebar__panel-tab:focus { |
1040 z-index: 1; } |
1621 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
1041 .components-button.edit-post-sidebar__panel-tab.is-active:focus { |
1622 position: relative; |
1042 box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; |
1623 z-index: 1; |
1043 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } |
1624 } |
|
1625 .components-button.edit-post-sidebar__panel-tab.is-active:focus { |
|
1626 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); |
|
1627 } |
|
1628 |
|
1629 @media (min-width: 782px) { |
|
1630 .edit-post-template__modal .components-base-control { |
|
1631 width: 320px; |
|
1632 } |
|
1633 } |
|
1634 .edit-post-template__modal .components-modal__header { |
|
1635 border-bottom: none; |
|
1636 } |
|
1637 .edit-post-template__modal .components-modal__content::before { |
|
1638 margin-bottom: 4px; |
|
1639 } |
|
1640 |
|
1641 .edit-post-template__modal-actions { |
|
1642 margin-top: 12px; |
|
1643 } |
|
1644 |
|
1645 .edit-post-template-modal__tip { |
|
1646 padding: 16px 24px; |
|
1647 background: #f0f0f0; |
|
1648 border-radius: 2px; |
|
1649 } |
|
1650 @media (min-width: 782px) { |
|
1651 .edit-post-template-modal__tip { |
|
1652 width: 240px; |
|
1653 } |
|
1654 } |
|
1655 |
|
1656 .edit-post-template__actions button:not(:last-child) { |
|
1657 margin-left: 8px; |
|
1658 } |
|
1659 |
|
1660 h2.edit-post-template-summary__title { |
|
1661 margin: 0; |
|
1662 line-height: 24px; |
|
1663 } |
1044 |
1664 |
1045 .edit-post-text-editor { |
1665 .edit-post-text-editor { |
1046 position: relative; |
1666 position: relative; |
1047 width: 100%; |
1667 width: 100%; |
1048 background-color: #fff; |
1668 background-color: #fff; |
1049 flex-grow: 1; } |
1669 flex-grow: 1; |
1050 .edit-post-text-editor .wp-block.editor-post-title { |
1670 } |
1051 max-width: none; |
1671 .edit-post-text-editor .editor-post-title.editor-post-title__block { |
1052 line-height: 1.4; } |
1672 max-width: none; |
1053 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { |
1673 line-height: 1.4; |
1054 font-family: Menlo, Consolas, monaco, monospace; |
1674 } |
1055 font-size: 2.5em; |
1675 .edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input.editor-post-title__input.editor-post-title__input { |
1056 font-weight: normal; } |
1676 font-family: Menlo, Consolas, monaco, monospace; |
1057 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { |
1677 font-size: 2.5em; |
1058 border: 1px solid #ccc; |
1678 font-weight: normal; |
1059 margin-bottom: -1px; |
1679 } |
1060 padding: 16px; } |
1680 .edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input { |
1061 @media (min-width: 600px) { |
1681 border: 1px solid #949494; |
1062 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { |
1682 margin-bottom: -1px; |
1063 padding: 24px; } } |
1683 padding: 16px; |
1064 .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { |
1684 } |
1065 border: 1px solid #1e1e1e; } |
1685 @media (min-width: 600px) { |
1066 @media (min-width: 600px) { |
1686 .edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input { |
1067 .edit-post-text-editor .wp-block.editor-post-title { |
1687 padding: 24px; |
1068 padding: 0; } } |
1688 } |
|
1689 } |
|
1690 .edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input:focus { |
|
1691 border-color: var(--wp-admin-theme-color); |
|
1692 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
1693 } |
|
1694 @media (min-width: 600px) { |
|
1695 .edit-post-text-editor .editor-post-title.editor-post-title__block { |
|
1696 padding: 0; |
|
1697 } |
|
1698 } |
1069 |
1699 |
1070 .edit-post-text-editor__body { |
1700 .edit-post-text-editor__body { |
1071 width: 100%; |
1701 width: 100%; |
1072 padding: 0 12px 12px 12px; |
1702 padding: 0 12px 12px 12px; |
1073 max-width: 1080px; |
1703 max-width: 1080px; |
1074 margin-right: auto; |
1704 margin-right: auto; |
1075 margin-left: auto; } |
1705 margin-left: auto; |
1076 @media (min-width: 960px) { |
1706 } |
1077 .edit-post-text-editor__body { |
1707 @media (min-width: 960px) { |
1078 padding: 16px 24px 96px 24px; |
1708 .edit-post-text-editor__body { |
1079 padding: 0 24px 24px 24px; } } |
1709 padding: 16px 24px 96px 24px; |
|
1710 padding: 0 24px 24px 24px; |
|
1711 } |
|
1712 } |
1080 |
1713 |
1081 .edit-post-text-editor__toolbar { |
1714 .edit-post-text-editor__toolbar { |
1082 position: -webkit-sticky; |
|
1083 position: sticky; |
1715 position: sticky; |
1084 z-index: 1; |
1716 z-index: 1; |
1085 top: 0; |
1717 top: 0; |
1086 right: 0; |
1718 right: 0; |
1087 left: 0; |
1719 left: 0; |
1088 display: flex; |
1720 display: flex; |
1089 background: rgba(255, 255, 255, 0.8); |
1721 background: rgba(255, 255, 255, 0.8); |
1090 padding: 4px 12px; } |
1722 padding: 4px 12px; |
1091 @media (min-width: 600px) { |
1723 } |
1092 .edit-post-text-editor__toolbar { |
1724 @media (min-width: 600px) { |
1093 padding: 12px; } } |
1725 .edit-post-text-editor__toolbar { |
1094 @media (min-width: 960px) { |
1726 padding: 12px; |
1095 .edit-post-text-editor__toolbar { |
1727 } |
1096 padding: 12px 24px; } } |
1728 } |
1097 .edit-post-text-editor__toolbar h2 { |
1729 @media (min-width: 960px) { |
1098 line-height: 36px; |
1730 .edit-post-text-editor__toolbar { |
1099 margin: 0 0 0 auto; |
1731 padding: 12px 24px; |
1100 font-size: 13px; |
1732 } |
1101 color: #1e1e1e; } |
1733 } |
1102 .edit-post-text-editor__toolbar .components-button svg { |
1734 .edit-post-text-editor__toolbar h2 { |
1103 order: 1; } |
1735 line-height: 36px; |
|
1736 margin: 0 0 0 auto; |
|
1737 font-size: 13px; |
|
1738 color: #1e1e1e; |
|
1739 } |
|
1740 .edit-post-text-editor__toolbar .components-button svg { |
|
1741 order: 1; |
|
1742 } |
1104 |
1743 |
1105 .edit-post-visual-editor { |
1744 .edit-post-visual-editor { |
1106 position: relative; |
1745 position: relative; |
1107 padding-top: 50px; |
1746 display: flex; |
1108 background-color: #fff; |
1747 flex-flow: column; |
1109 flex: 1 1 auto; } |
1748 background-color: #2f2f2f; |
1110 .edit-post-visual-editor .components-button { |
1749 flex: 1 1 auto; |
1111 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1750 } |
1112 font-size: 13px; |
1751 .edit-post-visual-editor .components-button { |
1113 padding: 6px 12px; } |
1752 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1114 .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { |
1753 font-size: 13px; |
1115 padding: 6px; } |
1754 padding: 6px 12px; |
1116 @supports ((position: -webkit-sticky) or (position: sticky)) { |
1755 } |
1117 .edit-post-visual-editor { |
1756 .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { |
1118 flex-basis: 100%; } } |
1757 padding: 6px; |
1119 |
1758 } |
1120 .edit-post-visual-editor > .block-editor__typewriter, |
1759 @supports (position: sticky) { |
1121 .edit-post-visual-editor > .block-editor__typewriter > div, |
1760 .edit-post-visual-editor { |
1122 .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, |
1761 flex-basis: 100%; |
1123 .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { |
1762 } |
1124 height: 100%; } |
1763 } |
1125 |
|
1126 .edit-post-visual-editor .block-editor-writing-flow__click-redirect { |
|
1127 min-height: 40vh; |
|
1128 width: 100%; } |
|
1129 |
|
1130 .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { |
|
1131 height: 0; } |
|
1132 |
1764 |
1133 .edit-post-visual-editor__post-title-wrapper .editor-post-title { |
1765 .edit-post-visual-editor__post-title-wrapper .editor-post-title { |
1134 margin-top: 2em; |
1766 margin-top: 2em; |
1135 margin-right: auto; |
1767 margin-right: auto; |
1136 margin-left: auto; |
1768 margin-left: auto; |
1137 margin-bottom: 32px; } |
1769 margin-bottom: 0; |
1138 |
1770 } |
1139 .edit-post-options-modal__section { |
1771 |
1140 margin: 0 0 2rem 0; } |
1772 .edit-post-visual-editor__exit-template-mode { |
1141 |
1773 position: absolute; |
1142 .edit-post-options-modal__section-title { |
1774 top: 8px; |
1143 font-size: 0.9rem; |
1775 right: 8px; |
1144 font-weight: 600; } |
1776 color: #fff; |
1145 |
1777 } |
1146 .edit-post-options-modal__option { |
1778 .edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:hover { |
1147 border-top: 1px solid #ddd; } |
1779 color: #f0f0f0; |
1148 .edit-post-options-modal__option:last-child { |
1780 } |
1149 border-bottom: 1px solid #ddd; } |
1781 |
1150 .edit-post-options-modal__option .components-base-control__field { |
1782 .edit-post-visual-editor__content-area { |
1151 align-items: center; |
1783 width: 100%; |
1152 display: flex; |
1784 height: 100%; |
1153 margin: 0; } |
1785 position: relative; |
1154 .edit-post-options-modal__option .components-checkbox-control__label { |
1786 display: flex; |
1155 flex-grow: 1; |
1787 } |
1156 padding: 0.6rem 10px 0.6rem 0; } |
|
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 |
1788 |
1167 .edit-post-welcome-guide { |
1789 .edit-post-welcome-guide { |
1168 width: 312px; } |
1790 width: 312px; |
1169 .edit-post-welcome-guide__image { |
1791 } |
1170 background: #00a0d2; |
1792 .edit-post-welcome-guide__image { |
1171 height: 240px; } |
1793 background: #00a0d2; |
1172 .edit-post-welcome-guide__image__prm-r { |
1794 margin: 0 0 16px; |
1173 display: none; } |
1795 } |
1174 @media (prefers-reduced-motion: reduce) { |
1796 .edit-post-welcome-guide__heading { |
1175 .edit-post-welcome-guide__image__prm-r { |
1797 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
1176 display: block; } |
1798 font-size: 24px; |
1177 .edit-post-welcome-guide__image__prm-np { |
1799 line-height: 1.4; |
1178 display: none; } } |
1800 margin: 16px 0 16px 0; |
1179 .edit-post-welcome-guide__heading { |
1801 padding: 0 32px; |
1180 font-family: "Noto Serif", serif; |
1802 } |
1181 font-size: 24px; |
1803 .edit-post-welcome-guide__text { |
1182 line-height: 1.4; |
1804 font-size: 13px; |
1183 margin: 0 0 16px 0; |
1805 line-height: 1.4; |
1184 padding: 0 32px; } |
1806 margin: 0 0 24px 0; |
1185 .edit-post-welcome-guide__text { |
1807 padding: 0 32px; |
1186 font-size: 13px; |
1808 } |
1187 line-height: 1.4; |
1809 .edit-post-welcome-guide__inserter-icon { |
1188 margin: 0 0 24px 0; |
1810 margin: 0 4px; |
1189 padding: 0 32px; } |
1811 vertical-align: text-top; |
1190 .edit-post-welcome-guide__inserter-icon { |
1812 } |
1191 margin: 0 4px; |
|
1192 vertical-align: text-top; } |
|
1193 |
1813 |
1194 /** |
1814 /** |
1195 * Animations |
1815 * Animations |
1196 */ |
1816 */ |
1197 @keyframes edit-post__fade-in-animation { |
1817 @keyframes edit-post__fade-in-animation { |
1198 from { |
1818 from { |
1199 opacity: 0; } |
1819 opacity: 0; |
|
1820 } |
1200 to { |
1821 to { |
1201 opacity: 1; } } |
1822 opacity: 1; |
1202 |
1823 } |
|
1824 } |
1203 html.wp-toolbar { |
1825 html.wp-toolbar { |
1204 background: #fff; } |
1826 background: #fff; |
|
1827 } |
1205 |
1828 |
1206 body.block-editor-page { |
1829 body.block-editor-page { |
1207 background: #fff; |
1830 background: #fff; |
1208 /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. |
1831 /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. |
1209 Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } |
1832 Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ |
1210 body.block-editor-page #wpcontent { |
1833 } |
1211 padding-right: 0; } |
1834 body.block-editor-page #wpcontent { |
1212 body.block-editor-page #wpbody-content { |
1835 padding-right: 0; |
1213 padding-bottom: 0; } |
1836 } |
1214 body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { |
1837 body.block-editor-page #wpbody-content { |
1215 display: none; } |
1838 padding-bottom: 0; |
1216 body.block-editor-page #wpfooter { |
1839 } |
1217 display: none; } |
1840 body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { |
1218 body.block-editor-page .a11y-speak-region { |
1841 display: none; |
1219 right: -1px; |
1842 } |
1220 top: -1px; } |
1843 body.block-editor-page #wpfooter { |
1221 body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, |
1844 display: none; |
1222 body.block-editor-page ul#adminmenu > li.current > a.current::after { |
1845 } |
1223 border-left-color: #fff; } |
1846 body.block-editor-page .a11y-speak-region { |
1224 body.block-editor-page .media-frame select.attachment-filters:last-of-type { |
1847 right: -1px; |
1225 width: auto; |
1848 top: -1px; |
1226 max-width: 100%; } |
1849 } |
|
1850 body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, |
|
1851 body.block-editor-page ul#adminmenu > li.current > a.current::after { |
|
1852 border-left-color: #fff; |
|
1853 } |
|
1854 body.block-editor-page .media-frame select.attachment-filters:last-of-type { |
|
1855 width: auto; |
|
1856 max-width: 100%; |
|
1857 } |
|
1858 |
|
1859 .block-editor-page #wpwrap { |
|
1860 overflow-y: auto; |
|
1861 } |
|
1862 @media (min-width: 782px) { |
|
1863 .block-editor-page #wpwrap { |
|
1864 overflow-y: initial; |
|
1865 } |
|
1866 } |
1227 |
1867 |
1228 .edit-post-header, |
1868 .edit-post-header, |
1229 .edit-post-visual-editor, |
1869 .edit-post-visual-editor, |
1230 .edit-post-text-editor, |
1870 .edit-post-text-editor, |
1231 .edit-post-sidebar, |
1871 .edit-post-sidebar, |
1232 .editor-post-publish-panel, |
1872 .editor-post-publish-panel, |
1233 .components-popover, |
1873 .components-popover, |
1234 .components-modal__frame, |
1874 .components-modal__frame, |
1235 .edit-post-layout__inserter-panel { |
1875 .edit-post-editor__inserter-panel { |
1236 box-sizing: border-box; } |
1876 box-sizing: border-box; |
1237 .edit-post-header *, |
1877 } |
1238 .edit-post-header *::before, |
1878 .edit-post-header *, |
1239 .edit-post-header *::after, |
1879 .edit-post-header *::before, |
1240 .edit-post-visual-editor *, |
1880 .edit-post-header *::after, |
1241 .edit-post-visual-editor *::before, |
1881 .edit-post-visual-editor *, |
1242 .edit-post-visual-editor *::after, |
1882 .edit-post-visual-editor *::before, |
1243 .edit-post-text-editor *, |
1883 .edit-post-visual-editor *::after, |
1244 .edit-post-text-editor *::before, |
1884 .edit-post-text-editor *, |
1245 .edit-post-text-editor *::after, |
1885 .edit-post-text-editor *::before, |
1246 .edit-post-sidebar *, |
1886 .edit-post-text-editor *::after, |
1247 .edit-post-sidebar *::before, |
1887 .edit-post-sidebar *, |
1248 .edit-post-sidebar *::after, |
1888 .edit-post-sidebar *::before, |
1249 .editor-post-publish-panel *, |
1889 .edit-post-sidebar *::after, |
1250 .editor-post-publish-panel *::before, |
1890 .editor-post-publish-panel *, |
1251 .editor-post-publish-panel *::after, |
1891 .editor-post-publish-panel *::before, |
1252 .components-popover *, |
1892 .editor-post-publish-panel *::after, |
1253 .components-popover *::before, |
1893 .components-popover *, |
1254 .components-popover *::after, |
1894 .components-popover *::before, |
1255 .components-modal__frame *, |
1895 .components-popover *::after, |
1256 .components-modal__frame *::before, |
1896 .components-modal__frame *, |
1257 .components-modal__frame *::after, |
1897 .components-modal__frame *::before, |
1258 .edit-post-layout__inserter-panel *, |
1898 .components-modal__frame *::after, |
1259 .edit-post-layout__inserter-panel *::before, |
1899 .edit-post-editor__inserter-panel *, |
1260 .edit-post-layout__inserter-panel *::after { |
1900 .edit-post-editor__inserter-panel *::before, |
1261 box-sizing: inherit; } |
1901 .edit-post-editor__inserter-panel *::after { |
|
1902 box-sizing: inherit; |
|
1903 } |
1262 |
1904 |
1263 @media (min-width: 600px) { |
1905 @media (min-width: 600px) { |
1264 .block-editor__container { |
1906 .block-editor__container { |
1265 position: absolute; |
1907 position: absolute; |
1266 top: 0; |
1908 top: 0; |
1267 left: 0; |
1909 left: 0; |
1268 bottom: 0; |
1910 bottom: 0; |
1269 right: 0; |
1911 right: 0; |
1270 min-height: calc(100vh - 46px); } } |
1912 min-height: calc(100vh - 46px); |
1271 |
1913 } |
|
1914 } |
1272 @media (min-width: 782px) { |
1915 @media (min-width: 782px) { |
1273 .block-editor__container { |
1916 .block-editor__container { |
1274 min-height: calc(100vh - 32px); } |
1917 min-height: calc(100vh - 32px); |
1275 body.is-fullscreen-mode .block-editor__container { |
1918 } |
1276 min-height: 100vh; } } |
1919 body.is-fullscreen-mode .block-editor__container { |
1277 |
1920 min-height: 100vh; |
|
1921 } |
|
1922 } |
1278 .block-editor__container img { |
1923 .block-editor__container img { |
1279 max-width: 100%; |
1924 max-width: 100%; |
1280 height: auto; } |
1925 height: auto; |
1281 |
1926 } |
1282 .block-editor__container iframe { |
1927 .block-editor__container iframe { |
1283 width: 100%; } |
1928 width: 100%; |
1284 |
1929 } |
1285 .block-editor__container .components-navigate-regions { |
|
1286 height: 100%; } |
|
1287 |
|
1288 .wp-block { |
|
1289 max-width: 580px; } |
|
1290 .wp-block[data-align="wide"] { |
|
1291 max-width: 1100px; } |
|
1292 .wp-block[data-align="full"] { |
|
1293 max-width: none; } |
|
1294 |
1930 |
1295 body.admin-color-light { |
1931 body.admin-color-light { |
1296 --wp-admin-theme-color: #0085ba; |
1932 --wp-admin-theme-color: #0085ba; |
1297 --wp-admin-theme-color-darker-10: #0073a1; |
1933 --wp-admin-theme-color-darker-10: #0073a1; |
1298 --wp-admin-theme-color-darker-20: #006187; } |
1934 --wp-admin-theme-color-darker-20: #006187; |
|
1935 --wp-admin-border-width-focus: 2px; |
|
1936 } |
|
1937 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1938 body.admin-color-light { |
|
1939 --wp-admin-border-width-focus: 1.5px; |
|
1940 } |
|
1941 } |
1299 |
1942 |
1300 body.admin-color-modern { |
1943 body.admin-color-modern { |
1301 --wp-admin-theme-color: #3858e9; |
1944 --wp-admin-theme-color: #3858e9; |
1302 --wp-admin-theme-color-darker-10: #2145e6; |
1945 --wp-admin-theme-color-darker-10: #2145e6; |
1303 --wp-admin-theme-color-darker-20: #183ad6; } |
1946 --wp-admin-theme-color-darker-20: #183ad6; |
|
1947 --wp-admin-border-width-focus: 2px; |
|
1948 } |
|
1949 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1950 body.admin-color-modern { |
|
1951 --wp-admin-border-width-focus: 1.5px; |
|
1952 } |
|
1953 } |
1304 |
1954 |
1305 body.admin-color-blue { |
1955 body.admin-color-blue { |
1306 --wp-admin-theme-color: #096484; |
1956 --wp-admin-theme-color: #096484; |
1307 --wp-admin-theme-color-darker-10: #07526c; |
1957 --wp-admin-theme-color-darker-10: #07526c; |
1308 --wp-admin-theme-color-darker-20: #064054; } |
1958 --wp-admin-theme-color-darker-20: #064054; |
|
1959 --wp-admin-border-width-focus: 2px; |
|
1960 } |
|
1961 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1962 body.admin-color-blue { |
|
1963 --wp-admin-border-width-focus: 1.5px; |
|
1964 } |
|
1965 } |
1309 |
1966 |
1310 body.admin-color-coffee { |
1967 body.admin-color-coffee { |
1311 --wp-admin-theme-color: #46403c; |
1968 --wp-admin-theme-color: #46403c; |
1312 --wp-admin-theme-color-darker-10: #383330; |
1969 --wp-admin-theme-color-darker-10: #383330; |
1313 --wp-admin-theme-color-darker-20: #2b2724; } |
1970 --wp-admin-theme-color-darker-20: #2b2724; |
|
1971 --wp-admin-border-width-focus: 2px; |
|
1972 } |
|
1973 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1974 body.admin-color-coffee { |
|
1975 --wp-admin-border-width-focus: 1.5px; |
|
1976 } |
|
1977 } |
1314 |
1978 |
1315 body.admin-color-ectoplasm { |
1979 body.admin-color-ectoplasm { |
1316 --wp-admin-theme-color: #523f6d; |
1980 --wp-admin-theme-color: #523f6d; |
1317 --wp-admin-theme-color-darker-10: #46365d; |
1981 --wp-admin-theme-color-darker-10: #46365d; |
1318 --wp-admin-theme-color-darker-20: #3a2c4d; } |
1982 --wp-admin-theme-color-darker-20: #3a2c4d; |
|
1983 --wp-admin-border-width-focus: 2px; |
|
1984 } |
|
1985 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1986 body.admin-color-ectoplasm { |
|
1987 --wp-admin-border-width-focus: 1.5px; |
|
1988 } |
|
1989 } |
1319 |
1990 |
1320 body.admin-color-midnight { |
1991 body.admin-color-midnight { |
1321 --wp-admin-theme-color: #e14d43; |
1992 --wp-admin-theme-color: #e14d43; |
1322 --wp-admin-theme-color-darker-10: #dd382d; |
1993 --wp-admin-theme-color-darker-10: #dd382d; |
1323 --wp-admin-theme-color-darker-20: #d02c21; } |
1994 --wp-admin-theme-color-darker-20: #d02c21; |
|
1995 --wp-admin-border-width-focus: 2px; |
|
1996 } |
|
1997 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
1998 body.admin-color-midnight { |
|
1999 --wp-admin-border-width-focus: 1.5px; |
|
2000 } |
|
2001 } |
1324 |
2002 |
1325 body.admin-color-ocean { |
2003 body.admin-color-ocean { |
1326 --wp-admin-theme-color: #627c83; |
2004 --wp-admin-theme-color: #627c83; |
1327 --wp-admin-theme-color-darker-10: #576e74; |
2005 --wp-admin-theme-color-darker-10: #576e74; |
1328 --wp-admin-theme-color-darker-20: #4c6066; } |
2006 --wp-admin-theme-color-darker-20: #4c6066; |
|
2007 --wp-admin-border-width-focus: 2px; |
|
2008 } |
|
2009 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
2010 body.admin-color-ocean { |
|
2011 --wp-admin-border-width-focus: 1.5px; |
|
2012 } |
|
2013 } |
1329 |
2014 |
1330 body.admin-color-sunrise { |
2015 body.admin-color-sunrise { |
1331 --wp-admin-theme-color: #dd823b; |
2016 --wp-admin-theme-color: #dd823b; |
1332 --wp-admin-theme-color-darker-10: #d97426; |
2017 --wp-admin-theme-color-darker-10: #d97426; |
1333 --wp-admin-theme-color-darker-20: #c36922; } |
2018 --wp-admin-theme-color-darker-20: #c36922; |
|
2019 --wp-admin-border-width-focus: 2px; |
|
2020 } |
|
2021 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { |
|
2022 body.admin-color-sunrise { |
|
2023 --wp-admin-border-width-focus: 1.5px; |
|
2024 } |
|
2025 } |