205 top: 46px; |
219 top: 46px; |
206 bottom: 0; |
220 bottom: 0; |
207 left: 0; |
221 left: 0; |
208 right: 0; |
222 right: 0; |
209 overflow: auto; |
223 overflow: auto; |
210 box-sizing: border-box; } |
224 box-sizing: border-box; |
211 .entities-saved-states__panel *, |
225 } |
212 .entities-saved-states__panel *::before, |
226 .entities-saved-states__panel *, |
213 .entities-saved-states__panel *::after { |
227 .entities-saved-states__panel *::before, |
214 box-sizing: inherit; } |
228 .entities-saved-states__panel *::after { |
|
229 box-sizing: inherit; |
|
230 } |
|
231 .entities-saved-states__panel .entities-saved-states__find-entity { |
|
232 display: none; |
|
233 } |
|
234 .entities-saved-states__panel .entities-saved-states__find-entity-small { |
|
235 display: block; |
|
236 } |
|
237 @media (min-width: 782px) { |
|
238 .entities-saved-states__panel { |
|
239 top: 32px; |
|
240 right: auto; |
|
241 width: 280px; |
|
242 border-right: 1px solid #ddd; |
|
243 } |
|
244 body.is-fullscreen-mode .entities-saved-states__panel { |
|
245 top: 0; |
|
246 } |
215 .entities-saved-states__panel .entities-saved-states__find-entity { |
247 .entities-saved-states__panel .entities-saved-states__find-entity { |
216 display: none; } |
248 display: block; |
|
249 } |
217 .entities-saved-states__panel .entities-saved-states__find-entity-small { |
250 .entities-saved-states__panel .entities-saved-states__find-entity-small { |
218 display: block; } |
251 display: none; |
219 @media (min-width: 782px) { |
252 } |
220 .entities-saved-states__panel { |
253 } |
221 z-index: 99998; |
254 .entities-saved-states__panel .entities-saved-states__panel-header { |
222 top: 32px; |
255 background: #fff; |
223 right: auto; |
256 padding-right: 8px; |
224 width: 280px; |
257 padding-left: 8px; |
225 border-right: 1px solid #ddd; } |
258 height: 61px; |
226 body.is-fullscreen-mode .entities-saved-states__panel { |
259 border-bottom: 1px solid #ddd; |
227 top: 0; } |
260 display: flex; |
228 .entities-saved-states__panel .entities-saved-states__find-entity { |
261 align-items: center; |
229 display: block; } |
262 align-content: space-between; |
230 .entities-saved-states__panel .entities-saved-states__find-entity-small { |
263 } |
231 display: none; } } |
264 .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { |
232 .entities-saved-states__panel .entities-saved-states__panel-header { |
265 margin: auto; |
233 background: #fff; |
266 } |
234 padding-right: 8px; |
267 .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { |
235 padding-left: 8px; |
268 position: absolute; |
236 height: 61px; |
269 left: 8px; |
237 border-bottom: 1px solid #ddd; |
270 } |
238 display: flex; |
271 .entities-saved-states__panel .entities-saved-states__text-prompt { |
239 align-items: center; |
272 padding: 16px; |
240 align-content: space-between; } |
273 padding-bottom: 4px; |
241 .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { |
274 } |
242 margin: auto; } |
|
243 .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { |
|
244 position: absolute; |
|
245 left: 8px; } |
|
246 .entities-saved-states__panel .entities-saved-states__text-prompt { |
|
247 border-bottom: 1px solid #ddd; |
|
248 padding: 16px; |
|
249 padding-bottom: 4px; } |
|
250 |
275 |
251 .editor-error-boundary { |
276 .editor-error-boundary { |
252 margin: auto; |
277 margin: auto; |
253 max-width: 780px; |
278 max-width: 780px; |
254 padding: 20px; |
279 padding: 20px; |
255 margin-top: 60px; |
280 margin-top: 60px; |
256 box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); } |
281 box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); |
257 |
282 } |
258 .editor-page-attributes__template { |
|
259 margin-bottom: 10px; } |
|
260 .editor-page-attributes__template label, |
|
261 .editor-page-attributes__template select { |
|
262 width: 100%; } |
|
263 |
283 |
264 .editor-page-attributes__order { |
284 .editor-page-attributes__order { |
265 width: 100%; } |
285 width: 100%; |
266 .editor-page-attributes__order .components-base-control__field { |
286 } |
267 display: flex; |
287 .editor-page-attributes__order .components-base-control__field { |
268 justify-content: space-between; |
288 display: flex; |
269 align-items: center; } |
289 justify-content: space-between; |
270 .editor-page-attributes__order input { |
290 align-items: center; |
271 width: 66px; } |
291 } |
|
292 .editor-page-attributes__order input { |
|
293 width: 66px; |
|
294 } |
272 |
295 |
273 .editor-post-excerpt__textarea { |
296 .editor-post-excerpt__textarea { |
274 width: 100%; |
297 width: 100%; |
275 margin-bottom: 10px; } |
298 margin-bottom: 10px; |
|
299 } |
276 |
300 |
277 .editor-post-featured-image { |
301 .editor-post-featured-image { |
278 padding: 0; } |
302 padding: 0; |
279 .editor-post-featured-image__container { |
303 } |
280 margin-bottom: 1em; |
304 .editor-post-featured-image__container { |
281 position: relative; } |
305 margin-bottom: 1em; |
282 .editor-post-featured-image .components-spinner { |
306 position: relative; |
283 position: absolute; |
307 } |
284 top: 50%; |
308 .editor-post-featured-image .components-spinner { |
285 right: 50%; |
309 position: absolute; |
286 margin-top: -9px; |
310 top: 50%; |
287 margin-right: -9px; } |
311 right: 50%; |
288 .editor-post-featured-image .components-button + .components-button { |
312 margin-top: -9px; |
289 display: block; |
313 margin-right: -9px; |
290 margin-top: 1em; } |
314 } |
291 .editor-post-featured-image .components-responsive-wrapper__content { |
315 .editor-post-featured-image .components-button + .components-button { |
292 max-width: 100%; |
316 display: block; |
293 width: auto; } |
317 margin-top: 1em; |
|
318 } |
|
319 .editor-post-featured-image .components-responsive-wrapper__content { |
|
320 max-width: 100%; |
|
321 width: auto; |
|
322 } |
294 |
323 |
295 .editor-post-featured-image__toggle, |
324 .editor-post-featured-image__toggle, |
296 .editor-post-featured-image__preview { |
325 .editor-post-featured-image__preview { |
297 display: block; |
326 display: block; |
298 width: 100%; |
327 width: 100%; |
299 padding: 0; |
328 padding: 0; |
300 transition: all 0.1s ease-out; |
329 transition: all 0.1s ease-out; |
301 box-shadow: 0 0 0 0 #007cba; |
330 box-shadow: 0 0 0 0 var(--wp-admin-theme-color); |
302 box-shadow: 0 0 0 0 var(--wp-admin-theme-color); } |
331 } |
303 @media (prefers-reduced-motion: reduce) { |
332 @media (prefers-reduced-motion: reduce) { |
304 .editor-post-featured-image__toggle, |
333 .editor-post-featured-image__toggle, |
305 .editor-post-featured-image__preview { |
|
306 transition-duration: 0s; } } |
|
307 |
|
308 .editor-post-featured-image__preview { |
334 .editor-post-featured-image__preview { |
309 height: auto; } |
335 transition-duration: 0s; |
310 |
336 transition-delay: 0s; |
311 .editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus { |
337 } |
312 box-shadow: 0 0 0 4px #007cba; |
338 } |
313 box-shadow: 0 0 0 4px var(--wp-admin-theme-color); } |
339 |
|
340 .editor-post-featured-image__preview { |
|
341 height: auto; |
|
342 } |
|
343 |
|
344 .editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { |
|
345 box-shadow: 0 0 0 4px var(--wp-admin-theme-color); |
|
346 } |
314 |
347 |
315 .editor-post-featured-image__toggle { |
348 .editor-post-featured-image__toggle { |
316 border-radius: 2px; |
349 border-radius: 2px; |
317 background-color: #f0f0f0; |
350 background-color: #f0f0f0; |
318 min-height: 90px; |
351 min-height: 90px; |
319 line-height: 20px; |
352 line-height: 20px; |
320 padding: 8px 0; |
353 padding: 8px 0; |
321 text-align: center; } |
354 text-align: center; |
322 .editor-post-featured-image__toggle:hover { |
355 } |
323 background: #ddd; |
356 .editor-post-featured-image__toggle:hover { |
324 color: #1e1e1e; } |
357 background: #ddd; |
|
358 color: #1e1e1e; |
|
359 } |
325 |
360 |
326 .editor-post-format { |
361 .editor-post-format { |
327 flex-direction: column; |
362 flex-direction: column; |
328 align-items: stretch; |
363 align-items: stretch; |
329 width: 100%; } |
364 width: 100%; |
|
365 } |
330 |
366 |
331 .editor-post-format__content { |
367 .editor-post-format__content { |
332 display: inline-flex; |
368 display: inline-flex; |
333 justify-content: space-between; |
369 justify-content: space-between; |
334 align-items: center; |
370 align-items: center; |
335 width: 100%; } |
371 width: 100%; |
|
372 } |
336 |
373 |
337 .editor-post-format__suggestion { |
374 .editor-post-format__suggestion { |
338 text-align: left; |
375 text-align: left; |
339 font-size: 13px; } |
376 font-size: 13px; |
|
377 } |
340 |
378 |
341 .editor-post-last-revision__title { |
379 .editor-post-last-revision__title { |
342 width: 100%; |
380 width: 100%; |
343 font-weight: 600; } |
381 font-weight: 600; |
344 .editor-post-last-revision__title .dashicon { |
382 } |
345 margin-left: 5px; } |
383 .editor-post-last-revision__title .dashicon { |
|
384 margin-left: 5px; |
|
385 } |
346 |
386 |
347 .components-button.editor-post-last-revision__title { |
387 .components-button.editor-post-last-revision__title { |
348 height: 100%; } |
388 height: 100%; |
349 .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { |
389 } |
350 background: #f0f0f0; } |
390 .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { |
351 .components-button.editor-post-last-revision__title:focus { |
391 background: #f0f0f0; |
352 box-shadow: inset 0 0 0 1.5px #007cba; |
392 } |
353 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); |
393 .components-button.editor-post-last-revision__title:focus { |
354 border-radius: 0; } |
394 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
395 border-radius: 0; |
|
396 } |
355 |
397 |
356 .editor-post-locked-modal { |
398 .editor-post-locked-modal { |
357 height: auto; |
399 height: auto; |
358 padding-left: 10px; |
400 padding-left: 10px; |
359 padding-right: 10px; |
401 padding-right: 10px; |
360 padding-top: 10px; |
402 padding-top: 10px; |
361 max-width: 480px; } |
403 max-width: 480px; |
362 .editor-post-locked-modal .components-modal__header { |
404 } |
363 height: 36px; } |
405 .editor-post-locked-modal .components-modal__header { |
364 .editor-post-locked-modal .components-modal__content { |
406 height: 36px; |
365 height: auto; } |
407 } |
|
408 .editor-post-locked-modal .components-modal__content { |
|
409 height: auto; |
|
410 } |
366 |
411 |
367 .editor-post-locked-modal__buttons { |
412 .editor-post-locked-modal__buttons { |
368 margin-top: 10px; } |
413 margin-top: 10px; |
369 .editor-post-locked-modal__buttons .components-button { |
414 } |
370 margin-left: 5px; } |
415 .editor-post-locked-modal__buttons .components-button { |
|
416 margin-left: 5px; |
|
417 } |
371 |
418 |
372 .editor-post-locked-modal__avatar { |
419 .editor-post-locked-modal__avatar { |
373 float: right; |
420 float: right; |
374 margin: 5px; |
421 margin: 5px; |
375 margin-left: 15px; } |
422 margin-left: 15px; |
|
423 } |
376 |
424 |
377 .editor-post-publish-button__button.has-changes-dot::before { |
425 .editor-post-publish-button__button.has-changes-dot::before { |
378 background: currentcolor; |
426 background: currentcolor; |
379 border-radius: 4px; |
427 border-radius: 4px; |
380 content: ""; |
428 content: ""; |
381 height: 8px; |
429 height: 8px; |
382 margin: auto -3px auto 5px; |
430 margin: auto -3px auto 5px; |
383 width: 8px; } |
431 width: 8px; |
|
432 } |
384 |
433 |
385 .editor-post-publish-panel { |
434 .editor-post-publish-panel { |
386 background: #fff; } |
435 background: #fff; |
|
436 } |
387 |
437 |
388 .editor-post-publish-panel__content { |
438 .editor-post-publish-panel__content { |
389 min-height: calc(100% - 144px); } |
439 min-height: calc(100% - 144px); |
390 .editor-post-publish-panel__content .components-spinner { |
440 } |
391 display: block; |
441 .editor-post-publish-panel__content .components-spinner { |
392 margin: 100px auto 0; } |
442 display: block; |
|
443 margin: 100px auto 0; |
|
444 } |
393 |
445 |
394 .editor-post-publish-panel__header { |
446 .editor-post-publish-panel__header { |
395 background: #fff; |
447 background: #fff; |
396 padding-right: 16px; |
448 padding-right: 16px; |
397 padding-left: 16px; |
449 padding-left: 16px; |
398 height: 61px; |
450 height: 61px; |
399 border-bottom: 1px solid #ddd; |
451 border-bottom: 1px solid #ddd; |
400 display: flex; |
452 display: flex; |
401 align-items: center; |
453 align-items: center; |
402 align-content: space-between; } |
454 align-content: space-between; |
403 .editor-post-publish-panel__header .components-button { |
455 } |
404 width: 100%; |
456 .editor-post-publish-panel__header .components-button { |
405 justify-content: center; } |
457 width: 100%; |
406 .editor-post-publish-panel__header .has-icon { |
458 justify-content: center; |
407 margin-right: auto; |
459 } |
408 width: auto; } |
460 .editor-post-publish-panel__header .has-icon { |
|
461 margin-right: auto; |
|
462 width: auto; |
|
463 } |
|
464 |
|
465 .components-site-card { |
|
466 display: flex; |
|
467 align-items: center; |
|
468 margin: 16px 0; |
|
469 } |
|
470 |
|
471 .components-site-icon { |
|
472 border: none; |
|
473 border-radius: 2px; |
|
474 margin-left: 12px; |
|
475 height: 36px; |
|
476 width: 36px; |
|
477 } |
|
478 |
|
479 .components-site-name { |
|
480 display: block; |
|
481 font-size: 14px; |
|
482 } |
|
483 |
|
484 .components-site-home { |
|
485 display: block; |
|
486 color: #757575; |
|
487 font-size: 12px; |
|
488 } |
409 |
489 |
410 .editor-post-publish-panel__header-publish-button, |
490 .editor-post-publish-panel__header-publish-button, |
411 .editor-post-publish-panel__header-cancel-button { |
491 .editor-post-publish-panel__header-cancel-button { |
412 flex-grow: 1; } |
492 flex-grow: 1; |
413 @media (min-width: 480px) { |
493 } |
414 .editor-post-publish-panel__header-publish-button, |
494 @media (min-width: 480px) { |
415 .editor-post-publish-panel__header-cancel-button { |
495 .editor-post-publish-panel__header-publish-button, |
416 max-width: 160px; } } |
496 .editor-post-publish-panel__header-cancel-button { |
|
497 max-width: 160px; |
|
498 } |
|
499 } |
417 |
500 |
418 .editor-post-publish-panel__header-publish-button { |
501 .editor-post-publish-panel__header-publish-button { |
419 padding-left: 4px; } |
502 padding-left: 4px; |
|
503 } |
420 |
504 |
421 .editor-post-publish-panel__header-cancel-button { |
505 .editor-post-publish-panel__header-cancel-button { |
422 padding-right: 4px; } |
506 padding-right: 4px; |
|
507 } |
423 |
508 |
424 .editor-post-publish-panel__header-published { |
509 .editor-post-publish-panel__header-published { |
425 flex-grow: 1; } |
510 flex-grow: 1; |
|
511 } |
426 |
512 |
427 .editor-post-publish-panel__footer { |
513 .editor-post-publish-panel__footer { |
428 padding: 16px; } |
514 padding: 16px; |
|
515 } |
429 |
516 |
430 .components-button.editor-post-publish-panel__toggle.is-primary { |
517 .components-button.editor-post-publish-panel__toggle.is-primary { |
431 display: inline-flex; |
518 display: inline-flex; |
432 align-items: center; } |
519 align-items: center; |
433 .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { |
520 } |
434 display: none; } |
521 .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { |
435 .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { |
522 display: none; |
436 margin-left: -4px; } |
523 } |
|
524 .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { |
|
525 margin-left: -4px; |
|
526 } |
437 |
527 |
438 .editor-post-publish-panel__link { |
528 .editor-post-publish-panel__link { |
439 font-weight: 400; |
529 font-weight: 400; |
440 padding-right: 4px; } |
530 padding-right: 4px; |
|
531 } |
441 |
532 |
442 .editor-post-publish-panel__prepublish { |
533 .editor-post-publish-panel__prepublish { |
443 padding: 16px; } |
534 padding: 16px; |
444 .editor-post-publish-panel__prepublish strong { |
535 } |
445 color: #1e1e1e; } |
536 .editor-post-publish-panel__prepublish strong { |
446 .editor-post-publish-panel__prepublish .components-panel__body { |
537 color: #1e1e1e; |
447 background: #fff; |
538 } |
448 margin-right: -16px; |
539 .editor-post-publish-panel__prepublish .components-panel__body { |
449 margin-left: -16px; } |
540 background: #fff; |
450 .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { |
541 margin-right: -16px; |
451 display: none; } |
542 margin-left: -16px; |
|
543 } |
|
544 .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { |
|
545 display: none; |
|
546 } |
452 |
547 |
453 .post-publish-panel__postpublish .components-panel__body { |
548 .post-publish-panel__postpublish .components-panel__body { |
454 border-bottom: 1px solid #f0f0f0; |
549 border-bottom: 1px solid #e0e0e0; |
455 border-top: none; } |
550 border-top: none; |
|
551 } |
456 |
552 |
457 .post-publish-panel__postpublish-buttons { |
553 .post-publish-panel__postpublish-buttons { |
458 display: flex; |
554 display: flex; |
459 align-content: space-between; |
555 align-content: space-between; |
460 flex-wrap: wrap; |
556 flex-wrap: wrap; |
461 margin: -5px; } |
557 margin: -5px; |
462 .post-publish-panel__postpublish-buttons > * { |
558 } |
463 flex-grow: 1; |
559 .post-publish-panel__postpublish-buttons > * { |
464 margin: 5px; } |
560 flex-grow: 1; |
465 .post-publish-panel__postpublish-buttons .components-button { |
561 margin: 5px; |
466 height: auto; |
562 } |
467 justify-content: center; |
563 .post-publish-panel__postpublish-buttons .components-button { |
468 padding: 3px 10px 4px; |
564 height: auto; |
469 line-height: 1.6; |
565 justify-content: center; |
470 text-align: center; |
566 padding: 3px 10px 4px; |
471 white-space: normal; } |
567 line-height: 1.6; |
472 .post-publish-panel__postpublish-buttons .components-clipboard-button { |
568 text-align: center; |
473 width: 100%; } |
569 white-space: normal; |
|
570 } |
|
571 .post-publish-panel__postpublish-buttons .components-clipboard-button { |
|
572 width: 100%; |
|
573 } |
474 |
574 |
475 .post-publish-panel__postpublish-post-address { |
575 .post-publish-panel__postpublish-post-address { |
476 margin-bottom: 16px; } |
576 margin-bottom: 16px; |
477 .post-publish-panel__postpublish-post-address input[readonly] { |
577 } |
478 padding: 10px; |
578 .post-publish-panel__postpublish-post-address input[readonly] { |
479 background: #ddd; |
579 padding: 10px; |
480 overflow: hidden; |
580 background: #ddd; |
481 text-overflow: ellipsis; } |
581 overflow: hidden; |
|
582 text-overflow: ellipsis; |
|
583 } |
482 |
584 |
483 .post-publish-panel__postpublish-header { |
585 .post-publish-panel__postpublish-header { |
484 font-weight: 500; } |
586 font-weight: 500; |
|
587 } |
485 |
588 |
486 .post-publish-panel__postpublish-subheader { |
589 .post-publish-panel__postpublish-subheader { |
487 margin: 0 0 8px; } |
590 margin: 0 0 8px; |
|
591 } |
488 |
592 |
489 .post-publish-panel__tip { |
593 .post-publish-panel__tip { |
490 color: #f0b849; } |
594 color: #f0b849; |
|
595 } |
491 |
596 |
492 .editor-post-saved-state { |
597 .editor-post-saved-state { |
493 display: flex; |
598 display: flex; |
494 align-items: center; |
599 align-items: center; |
495 width: 28px; |
600 width: 28px; |
496 padding: 12px 4px; |
601 padding: 12px 4px; |
497 color: #757575; |
602 color: #757575; |
498 overflow: hidden; |
603 overflow: hidden; |
499 white-space: nowrap; } |
604 white-space: nowrap; |
|
605 } |
|
606 .editor-post-saved-state svg { |
|
607 display: inline-block; |
|
608 flex: 0 0 auto; |
|
609 fill: currentColor; |
|
610 margin-left: 8px; |
|
611 } |
|
612 @media (min-width: 600px) { |
|
613 .editor-post-saved-state { |
|
614 width: auto; |
|
615 padding: 8px 12px; |
|
616 text-indent: inherit; |
|
617 } |
500 .editor-post-saved-state svg { |
618 .editor-post-saved-state svg { |
501 display: inline-block; |
619 margin-left: 4px; |
502 flex: 0 0 auto; |
620 } |
503 fill: currentColor; |
621 } |
504 margin-left: 8px; } |
|
505 @media (min-width: 600px) { |
|
506 .editor-post-saved-state { |
|
507 width: auto; |
|
508 padding: 8px 12px; |
|
509 text-indent: inherit; } |
|
510 .editor-post-saved-state svg { |
|
511 margin-left: 4px; } } |
|
512 |
622 |
513 .editor-post-taxonomies__hierarchical-terms-list { |
623 .editor-post-taxonomies__hierarchical-terms-list { |
514 max-height: 14em; |
624 max-height: 14em; |
515 overflow: auto; |
625 overflow: auto; |
516 margin-right: -5.5px; |
626 margin-right: -6px; |
517 padding-right: 5.5px; |
627 padding-right: 6px; |
518 margin-top: -5.5px; |
628 margin-top: -6px; |
519 padding-top: 5.5px; } |
629 padding-top: 6px; |
|
630 } |
520 |
631 |
521 .editor-post-taxonomies__hierarchical-terms-choice { |
632 .editor-post-taxonomies__hierarchical-terms-choice { |
522 margin-bottom: 8px; } |
633 margin-bottom: 8px; |
|
634 } |
523 |
635 |
524 .editor-post-taxonomies__hierarchical-terms-subchoices { |
636 .editor-post-taxonomies__hierarchical-terms-subchoices { |
525 margin-top: 8px; |
637 margin-top: 8px; |
526 margin-right: 16px; } |
638 margin-right: 16px; |
|
639 } |
527 |
640 |
528 .components-button.editor-post-taxonomies__hierarchical-terms-submit, |
641 .components-button.editor-post-taxonomies__hierarchical-terms-submit, |
529 .components-button.editor-post-taxonomies__hierarchical-terms-add { |
642 .components-button.editor-post-taxonomies__hierarchical-terms-add { |
530 margin-top: 12px; } |
643 margin-top: 12px; |
|
644 } |
531 |
645 |
532 .editor-post-taxonomies__hierarchical-terms-label { |
646 .editor-post-taxonomies__hierarchical-terms-label { |
533 display: inline-block; |
647 display: inline-block; |
534 margin-top: 12px; } |
648 margin-top: 12px; |
|
649 } |
535 |
650 |
536 .editor-post-taxonomies__hierarchical-terms-input { |
651 .editor-post-taxonomies__hierarchical-terms-input { |
537 margin-top: 8px; |
652 margin-top: 8px; |
538 width: 100%; } |
653 width: 100%; |
|
654 } |
539 |
655 |
540 .editor-post-taxonomies__hierarchical-terms-filter { |
656 .editor-post-taxonomies__hierarchical-terms-filter { |
541 margin-bottom: 8px; |
657 margin-bottom: 8px; |
542 width: 100%; } |
658 width: 100%; |
|
659 } |
|
660 |
|
661 .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { |
|
662 font-weight: 400; |
|
663 margin-bottom: 12px; |
|
664 } |
|
665 |
|
666 .editor-post-taxonomies__flat-term-most-used-list { |
|
667 margin: 0; |
|
668 } |
|
669 .editor-post-taxonomies__flat-term-most-used-list li { |
|
670 display: inline-block; |
|
671 margin-left: 8px; |
|
672 } |
|
673 .editor-post-taxonomies__flat-term-most-used-list .components-button { |
|
674 font-size: 12px; |
|
675 } |
543 |
676 |
544 .edit-post-text-editor__body textarea.editor-post-text-editor { |
677 .edit-post-text-editor__body textarea.editor-post-text-editor { |
545 border: 1px solid #ccc; |
678 border: 1px solid #949494; |
|
679 border-radius: 0; |
546 display: block; |
680 display: block; |
547 margin: 0; |
681 margin: 0; |
548 width: 100%; |
682 width: 100%; |
549 box-shadow: none; |
683 box-shadow: none; |
550 resize: none; |
684 resize: none; |
551 overflow: hidden; |
685 overflow: hidden; |
552 font-family: Menlo, Consolas, monaco, monospace; |
686 font-family: Menlo, Consolas, monaco, monospace; |
553 line-height: 2.4; |
687 line-height: 2.4; |
554 border-radius: 0; |
|
555 min-height: 200px; |
688 min-height: 200px; |
|
689 transition: border 0.1s ease-out, box-shadow 0.1s linear; |
556 padding: 16px; |
690 padding: 16px; |
557 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
691 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
558 font-size: 16px !important; } |
692 font-size: 16px !important; |
559 @media (min-width: 600px) { |
693 } |
560 .edit-post-text-editor__body textarea.editor-post-text-editor { |
694 @media (prefers-reduced-motion: reduce) { |
561 padding: 24px; } } |
695 .edit-post-text-editor__body textarea.editor-post-text-editor { |
562 @media (min-width: 600px) { |
696 transition-duration: 0s; |
563 .edit-post-text-editor__body textarea.editor-post-text-editor { |
697 transition-delay: 0s; |
564 font-size: 15px !important; } } |
698 } |
565 .edit-post-text-editor__body textarea.editor-post-text-editor:focus { |
699 } |
566 border: 1px solid #1e1e1e; |
700 @media (min-width: 600px) { |
567 box-shadow: none; |
701 .edit-post-text-editor__body textarea.editor-post-text-editor { |
568 position: relative; } |
702 padding: 24px; |
|
703 } |
|
704 } |
|
705 @media (min-width: 600px) { |
|
706 .edit-post-text-editor__body textarea.editor-post-text-editor { |
|
707 font-size: 15px !important; |
|
708 } |
|
709 } |
|
710 .edit-post-text-editor__body textarea.editor-post-text-editor:focus { |
|
711 border-color: var(--wp-admin-theme-color); |
|
712 box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
713 position: relative; |
|
714 } |
|
715 .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { |
|
716 color: rgba(30, 30, 30, 0.62); |
|
717 } |
|
718 .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { |
|
719 color: rgba(30, 30, 30, 0.62); |
|
720 opacity: 1; |
|
721 } |
|
722 .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { |
|
723 color: rgba(30, 30, 30, 0.62); |
|
724 } |
569 |
725 |
570 .edit-post-post-visibility__dialog, |
726 .edit-post-post-visibility__dialog, |
571 .editor-post-visibility__dialog-fieldset { |
727 .editor-post-visibility__dialog-fieldset { |
572 padding: 4px; |
728 padding: 4px; |
573 padding-top: 0; } |
729 padding-top: 0; |
574 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, |
730 } |
575 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { |
731 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, |
576 font-weight: 600; |
732 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { |
577 margin-bottom: 1em; |
733 font-weight: 600; |
578 margin-top: 0.5em; |
734 margin-bottom: 1em; |
579 padding: 0; } |
735 margin-top: 0.5em; |
580 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], |
736 padding: 0; |
581 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { |
737 } |
582 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
738 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
583 padding: 6px 8px; |
739 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
584 box-shadow: 0 0 0 transparent; |
740 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
585 transition: box-shadow 0.1s linear; |
741 padding: 6px 8px; |
586 border-radius: 2px; |
742 box-shadow: 0 0 0 transparent; |
587 border: 1px solid #757575; |
743 transition: box-shadow 0.1s linear; |
588 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
744 border-radius: 2px; |
589 font-size: 16px; |
745 border: 1px solid #757575; |
|
746 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
|
747 font-size: 16px; |
|
748 /* Override core line-height. To be reviewed. */ |
|
749 line-height: normal; |
|
750 border: 1px solid #1e1e1e; |
|
751 margin-left: 12px; |
|
752 transition: none; |
|
753 border-radius: 50%; |
|
754 width: 24px; |
|
755 height: 24px; |
|
756 margin-top: 2px; |
|
757 } |
|
758 @media (prefers-reduced-motion: reduce) { |
|
759 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
|
760 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
|
761 transition-duration: 0s; |
|
762 transition-delay: 0s; |
|
763 } |
|
764 } |
|
765 @media (min-width: 600px) { |
|
766 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
|
767 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
|
768 font-size: 13px; |
590 /* Override core line-height. To be reviewed. */ |
769 /* Override core line-height. To be reviewed. */ |
591 line-height: normal; |
770 line-height: normal; |
592 border: 1px solid #1e1e1e; |
771 } |
593 margin-left: 12px; |
772 } |
594 transition: none; |
773 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, |
595 border-radius: 50%; |
774 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { |
596 margin-top: 2px; } |
775 border-color: var(--wp-admin-theme-color); |
597 @media (prefers-reduced-motion: reduce) { |
776 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
598 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], |
777 outline: 2px solid transparent; |
599 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { |
778 } |
600 transition-duration: 0s; } } |
779 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder, |
601 @media (min-width: 600px) { |
780 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder { |
602 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], |
781 color: rgba(30, 30, 30, 0.62); |
603 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { |
782 } |
604 font-size: 13px; |
783 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder, |
605 /* Override core line-height. To be reviewed. */ |
784 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder { |
606 line-height: normal; } } |
785 opacity: 1; |
607 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, |
786 color: rgba(30, 30, 30, 0.62); |
608 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { |
787 } |
609 border-color: #007cba; |
788 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder, |
610 border-color: var(--wp-admin-theme-color); |
789 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder { |
611 box-shadow: 0 0 0 0.5px #007cba; |
790 color: rgba(30, 30, 30, 0.62); |
612 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
791 } |
613 outline: 2px solid transparent; } |
792 @media (min-width: 600px) { |
614 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, |
793 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], |
615 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { |
794 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { |
616 color: rgba(30, 30, 30, 0.62); } |
795 height: 20px; |
617 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, |
796 width: 20px; |
618 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { |
797 } |
619 opacity: 1; |
798 } |
620 color: rgba(30, 30, 30, 0.62); } |
799 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, |
621 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, |
800 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { |
622 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { |
801 box-sizing: inherit; |
623 color: rgba(30, 30, 30, 0.62); } |
802 width: 8px; |
624 .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme |
803 height: 8px; |
625 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { |
804 transform: translate(-7px, 7px); |
626 color: rgba(255, 255, 255, 0.65); } |
805 margin: 0; |
627 .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme |
806 background-color: #fff; |
628 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { |
807 border: 4px solid #fff; |
629 opacity: 1; |
808 } |
630 color: rgba(255, 255, 255, 0.65); } |
809 @media (min-width: 600px) { |
631 .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme |
810 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, |
632 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { |
811 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { |
633 color: rgba(255, 255, 255, 0.65); } |
812 transform: translate(-5px, 5px); |
634 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, |
813 } |
635 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { |
814 } |
636 width: 7px; |
815 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, |
637 height: 7px; |
816 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { |
638 margin: 8px 8px 0 0; |
817 box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); |
639 background-color: #fff; |
818 outline: 2px solid transparent; |
640 border: 3px solid #fff; } |
819 } |
641 @media (min-width: 782px) { |
820 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked, |
642 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, |
821 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked { |
643 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { |
822 background: var(--wp-admin-theme-color); |
644 width: 6px; |
823 border-color: var(--wp-admin-theme-color); |
645 height: 6px; |
824 } |
646 margin: 4px 4px 0 0; } } |
825 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, |
647 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, |
826 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { |
648 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { |
827 font-weight: 600; |
649 box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; |
828 } |
650 box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); |
829 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, |
651 outline: 2px solid transparent; } |
830 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { |
652 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, |
831 margin-top: 0; |
653 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { |
832 margin-right: 32px; |
654 background: #007cba; |
833 } |
655 background: var(--wp-admin-theme-color); |
834 .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, |
656 border-color: #007cba; |
835 .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { |
657 border-color: var(--wp-admin-theme-color); } |
836 margin-bottom: 0; |
658 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, |
837 } |
659 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { |
838 |
660 font-weight: 600; } |
839 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { |
661 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, |
840 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
662 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { |
841 padding: 6px 8px; |
663 margin-top: 0; |
842 box-shadow: 0 0 0 transparent; |
664 margin-right: 28px; } |
843 transition: box-shadow 0.1s linear; |
665 .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, |
844 border-radius: 2px; |
666 .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { |
845 border: 1px solid #757575; |
667 margin-bottom: 0; } |
846 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
668 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], |
847 font-size: 16px; |
669 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { |
848 /* Override core line-height. To be reviewed. */ |
670 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
849 line-height: normal; |
671 padding: 6px 8px; |
850 margin-right: 36px; |
672 box-shadow: 0 0 0 transparent; |
851 margin-top: 8px; |
673 transition: box-shadow 0.1s linear; |
852 } |
674 border-radius: 2px; |
853 @media (prefers-reduced-motion: reduce) { |
675 border: 1px solid #757575; |
854 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { |
676 /* Fonts smaller than 16px causes mobile safari to zoom. */ |
855 transition-duration: 0s; |
677 font-size: 16px; |
856 transition-delay: 0s; |
|
857 } |
|
858 } |
|
859 @media (min-width: 600px) { |
|
860 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { |
|
861 font-size: 13px; |
678 /* Override core line-height. To be reviewed. */ |
862 /* Override core line-height. To be reviewed. */ |
679 line-height: normal; |
863 line-height: normal; |
680 margin-right: 28px; } |
864 } |
681 @media (prefers-reduced-motion: reduce) { |
865 } |
682 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], |
866 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus { |
683 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { |
867 border-color: var(--wp-admin-theme-color); |
684 transition-duration: 0s; } } |
868 box-shadow: 0 0 0 1px var(--wp-admin-theme-color); |
685 @media (min-width: 600px) { |
869 outline: 2px solid transparent; |
686 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], |
870 } |
687 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { |
871 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder { |
688 font-size: 13px; |
872 color: rgba(30, 30, 30, 0.62); |
689 /* Override core line-height. To be reviewed. */ |
873 } |
690 line-height: normal; } } |
874 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder { |
691 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, |
875 opacity: 1; |
692 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { |
876 color: rgba(30, 30, 30, 0.62); |
693 border-color: #007cba; |
877 } |
694 border-color: var(--wp-admin-theme-color); |
878 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder { |
695 box-shadow: 0 0 0 0.5px #007cba; |
879 color: rgba(30, 30, 30, 0.62); |
696 box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); |
880 } |
697 outline: 2px solid transparent; } |
|
698 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, |
|
699 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { |
|
700 color: rgba(30, 30, 30, 0.62); } |
|
701 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, |
|
702 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { |
|
703 opacity: 1; |
|
704 color: rgba(30, 30, 30, 0.62); } |
|
705 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, |
|
706 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { |
|
707 color: rgba(30, 30, 30, 0.62); } |
|
708 .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme |
|
709 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { |
|
710 color: rgba(255, 255, 255, 0.65); } |
|
711 .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme |
|
712 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { |
|
713 opacity: 1; |
|
714 color: rgba(255, 255, 255, 0.65); } |
|
715 .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme |
|
716 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { |
|
717 color: rgba(255, 255, 255, 0.65); } |
|
718 |
881 |
719 .editor-post-title { |
882 .editor-post-title { |
720 position: relative; } |
883 position: relative; |
|
884 } |
|
885 .editor-post-title .editor-post-title__input { |
|
886 display: block; |
|
887 width: 100%; |
|
888 margin: 0; |
|
889 box-shadow: none; |
|
890 background: transparent; |
|
891 transition: border 0.1s ease-out, box-shadow 0.1s linear; |
|
892 padding: 19px 0; |
|
893 word-break: keep-all; |
|
894 font-family: inherit; |
|
895 color: inherit; |
|
896 border: 1px solid transparent; |
|
897 border-right-width: 0; |
|
898 border-left-width: 0; |
|
899 border-radius: 0; |
|
900 outline: 1px solid transparent; |
|
901 font-size: 2.44em; |
|
902 font-weight: 800; |
|
903 line-height: 1.4; |
|
904 } |
|
905 @media (prefers-reduced-motion: reduce) { |
721 .editor-post-title .editor-post-title__input { |
906 .editor-post-title .editor-post-title__input { |
722 display: block; |
907 transition-duration: 0s; |
723 width: 100%; |
908 transition-delay: 0s; |
724 margin: 0; |
909 } |
725 box-shadow: none; |
910 } |
726 background: transparent; |
911 @media (min-width: 600px) { |
727 transition: border 0.1s ease-out, box-shadow 0.1s linear; |
912 .editor-post-title .editor-post-title__input { |
728 padding: 19px 0; |
913 border-width: 1px; |
729 word-break: keep-all; |
914 } |
730 font-family: inherit; |
915 } |
731 color: inherit; |
916 .editor-post-title .editor-post-title__input::-webkit-input-placeholder { |
732 border: 1px solid transparent; |
917 color: rgba(30, 30, 30, 0.62); |
733 border-right-width: 0; |
918 } |
734 border-left-width: 0; |
919 .editor-post-title .editor-post-title__input::-moz-placeholder { |
735 border-radius: 0; |
920 color: rgba(30, 30, 30, 0.62); |
736 outline: 1px solid transparent; |
921 opacity: 1; |
737 font-size: 2.44em; |
922 } |
738 font-weight: bold; |
923 .editor-post-title .editor-post-title__input:-ms-input-placeholder { |
739 line-height: 1.4; } |
924 color: rgba(30, 30, 30, 0.62); |
740 @media (prefers-reduced-motion: reduce) { |
925 } |
741 .editor-post-title .editor-post-title__input { |
926 .is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder { |
742 transition-duration: 0s; } } |
927 color: rgba(255, 255, 255, 0.65); |
743 @media (min-width: 600px) { |
928 } |
744 .editor-post-title .editor-post-title__input { |
929 .is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder { |
745 border-width: 1px; } } |
930 opacity: 1; |
746 .editor-post-title .editor-post-title__input::-webkit-input-placeholder { |
931 color: rgba(255, 255, 255, 0.65); |
747 color: rgba(30, 30, 30, 0.55); } |
932 } |
748 .editor-post-title .editor-post-title__input::-moz-placeholder { |
933 .is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder { |
749 color: rgba(30, 30, 30, 0.55); } |
934 color: rgba(255, 255, 255, 0.65); |
750 .editor-post-title .editor-post-title__input:-ms-input-placeholder { |
935 } |
751 color: rgba(30, 30, 30, 0.55); } |
936 .editor-post-title .editor-post-title__input:focus { |
752 .editor-post-title .editor-post-title__input:focus { |
937 border: 1px solid transparent; |
753 border: 1px solid transparent; |
938 outline: 1px solid transparent; |
754 outline: 1px solid transparent; |
939 box-shadow: none; |
755 box-shadow: none; } |
940 } |
|
941 .editor-post-title.is-focus-mode .editor-post-title__input { |
|
942 opacity: 0.5; |
|
943 transition: opacity 0.1s linear; |
|
944 } |
|
945 @media (prefers-reduced-motion: reduce) { |
756 .editor-post-title.is-focus-mode .editor-post-title__input { |
946 .editor-post-title.is-focus-mode .editor-post-title__input { |
757 opacity: 0.5; |
947 transition-duration: 0s; |
758 transition: opacity 0.1s linear; } |
948 transition-delay: 0s; |
759 @media (prefers-reduced-motion: reduce) { |
949 } |
760 .editor-post-title.is-focus-mode .editor-post-title__input { |
950 } |
761 transition-duration: 0s; } } |
951 .editor-post-title.is-focus-mode .editor-post-title__input:focus { |
762 .editor-post-title.is-focus-mode .editor-post-title__input:focus { |
952 opacity: 1; |
763 opacity: 1; } |
953 } |
764 |
954 |
765 .editor-post-trash.components-button { |
955 .editor-post-trash.components-button { |
766 margin-right: -6px; } |
956 margin-top: 4px; |
|
957 } |
767 |
958 |
768 .table-of-contents__popover.components-popover .components-popover__content { |
959 .table-of-contents__popover.components-popover .components-popover__content { |
769 min-width: 380px; } |
960 min-width: 380px; |
|
961 } |
770 |
962 |
771 .components-popover.table-of-contents__popover { |
963 .components-popover.table-of-contents__popover { |
772 z-index: 99998; } |
964 z-index: 99998; |
|
965 } |
773 |
966 |
774 .table-of-contents__popover .components-popover__content > div { |
967 .table-of-contents__popover .components-popover__content > div { |
775 padding: 16px; } |
968 padding: 16px; |
776 |
969 } |
777 @media (min-width: 600px) { |
970 @media (min-width: 600px) { |
778 .table-of-contents__popover .components-popover__content { |
971 .table-of-contents__popover .components-popover__content { |
779 max-height: calc(100vh - 120px); |
972 max-height: calc(100vh - 120px); |
780 overflow-y: auto; } } |
973 overflow-y: auto; |
781 |
974 } |
|
975 } |
782 .table-of-contents__popover hr { |
976 .table-of-contents__popover hr { |
783 margin: 10px -16px 0; } |
977 margin: 10px -16px 0; |
|
978 } |
784 |
979 |
785 .table-of-contents__wrapper:focus::before { |
980 .table-of-contents__wrapper:focus::before { |
786 content: ""; |
981 content: ""; |
787 display: block; |
982 display: block; |
788 position: absolute; |
983 position: absolute; |
789 top: 0; |
984 top: 0; |
790 left: 0; |
985 left: 0; |
791 bottom: 0; |
986 bottom: 0; |
792 right: 0; |
987 right: 0; |
793 box-shadow: inset 0 0 0 1.5px #007cba; |
988 box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
794 box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } |
989 pointer-events: none; |
|
990 } |
795 |
991 |
796 .table-of-contents__counts { |
992 .table-of-contents__counts { |
797 display: flex; |
993 display: flex; |
798 flex-wrap: wrap; |
994 flex-wrap: wrap; |
799 margin: 0; } |
995 margin: 0; |
|
996 margin-top: -8px; |
|
997 } |
800 |
998 |
801 .table-of-contents__count { |
999 .table-of-contents__count { |
802 flex-basis: 25%; |
1000 flex-basis: 33%; |
803 display: flex; |
1001 display: flex; |
804 flex-direction: column; |
1002 flex-direction: column; |
805 font-size: 13px; |
1003 font-size: 13px; |
806 color: #6c7781; |
1004 color: #1e1e1e; |
807 padding-left: 8px; |
1005 padding-left: 8px; |
808 margin-bottom: 0; } |
1006 margin-bottom: 0; |
809 .table-of-contents__count:last-child { |
1007 margin-top: 8px; |
810 padding-left: 0; } |
1008 } |
|
1009 .table-of-contents__count:nth-child(4n) { |
|
1010 padding-left: 0; |
|
1011 } |
811 |
1012 |
812 .table-of-contents__number, |
1013 .table-of-contents__number, |
813 .table-of-contents__popover .word-count { |
1014 .table-of-contents__popover .word-count { |
814 font-size: 21px; |
1015 font-size: 21px; |
815 font-weight: 400; |
1016 font-weight: 400; |
816 line-height: 30px; |
1017 line-height: 30px; |
817 color: #555d66; } |
1018 color: #1e1e1e; |
|
1019 } |
818 |
1020 |
819 .table-of-contents__title { |
1021 .table-of-contents__title { |
820 display: block; |
1022 display: block; |
821 margin-top: 20px; |
1023 margin-top: 20px; |
822 font-size: 15px; |
1024 font-size: 15px; |
823 font-weight: 600; } |
1025 font-weight: 600; |
|
1026 } |
824 |
1027 |
825 .editor-template-validation-notice { |
1028 .editor-template-validation-notice { |
826 display: flex; |
1029 display: flex; |
827 justify-content: space-between; |
1030 justify-content: space-between; |
828 align-items: center; } |
1031 align-items: center; |
829 .editor-template-validation-notice .components-button { |
1032 } |
830 margin-right: 5px; } |
1033 .editor-template-validation-notice .components-button { |
|
1034 margin-right: 5px; |
|
1035 } |