:root{ --wp-admin-theme-color:#007cba; --wp-admin-theme-color--rgb:0, 124, 186; --wp-admin-theme-color-darker-10:#006ba1; --wp-admin-theme-color-darker-10--rgb:0, 107, 161; --wp-admin-theme-color-darker-20:#005a87; --wp-admin-theme-color-darker-20--rgb:0, 90, 135; --wp-admin-border-width-focus:2px; --wp-block-synced-color:#7a00df; --wp-block-synced-color--rgb:122, 0, 223; --wp-bound-block-color:#9747ff; } @media (min-resolution:192dpi){ :root{ --wp-admin-border-width-focus:1.5px; } } .components-panel__header.interface-complementary-area-header__small{ background:#fff; padding-left:4px; } .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; } @media (min-width:782px){ .components-panel__header.interface-complementary-area-header__small{ display:none; } } .interface-complementary-area-header{ background:#fff; padding-left:4px; } .interface-complementary-area-header .components-button.has-icon{ display:none; margin-right:auto; } .interface-complementary-area-header .components-button.has-icon~.components-button{ margin-right:0; } @media (min-width:782px){ .interface-complementary-area-header .components-button.has-icon{ display:flex; } .components-panel__header+.interface-complementary-area-header{ margin-top:0; } } .interface-complementary-area{ background:#fff; color:#1e1e1e; } @media (min-width:600px){ .interface-complementary-area{ -webkit-overflow-scrolling:touch; } } @media (min-width:782px){ .interface-complementary-area{ width:280px; } } .interface-complementary-area .components-panel{ border:none; position:relative; z-index:0; } .interface-complementary-area .components-panel__header{ position:sticky; top:0; z-index:1; } .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ top:48px; } @media (min-width:782px){ .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{ top:0; } } .interface-complementary-area p:not(.components-base-control__help){ margin-top:0; } .interface-complementary-area h2{ color:#1e1e1e; font-size:13px; margin-bottom:1.5em; } .interface-complementary-area h3{ color:#1e1e1e; font-size:11px; font-weight:500; margin-bottom:1.5em; text-transform:uppercase; } .interface-complementary-area hr{ border-bottom:1px solid #f0f0f0; border-top:none; margin:1.5em 0; } .interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ box-shadow:none; margin-bottom:1.5em; } .interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ margin-bottom:0; } .interface-complementary-area .block-editor-skip-to-selected-block:focus{ bottom:10px; left:10px; right:auto; top:auto; } @media (min-width:782px){ body.js.is-fullscreen-mode{ height:calc(100% + 32px); margin-top:-32px; } body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ display:none; } body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ margin-right:0; } } html.interface-interface-skeleton__html-container{ position:fixed; width:100%; } @media (min-width:782px){ html.interface-interface-skeleton__html-container{ position:static; width:auto; } } .interface-interface-skeleton{ bottom:0; display:flex; flex-direction:row; height:auto; left:0; max-height:100%; position:fixed; top:46px; } @media (min-width:783px){ .interface-interface-skeleton{ top:32px; } .is-fullscreen-mode .interface-interface-skeleton{ top:0; } } .interface-interface-skeleton__editor{ display:flex; flex:0 1 100%; flex-direction:column; overflow:hidden; } .interface-interface-skeleton{ right:0; } @media (min-width:783px){ .interface-interface-skeleton{ right:160px; } } @media (min-width:783px){ .auto-fold .interface-interface-skeleton{ right:36px; } } @media (min-width:961px){ .auto-fold .interface-interface-skeleton{ right:160px; } } .folded .interface-interface-skeleton{ right:0; } @media (min-width:783px){ .folded .interface-interface-skeleton{ right:36px; } } body.is-fullscreen-mode .interface-interface-skeleton{ right:0 !important; } .interface-interface-skeleton__body{ display:flex; flex-grow:1; overflow:auto; overscroll-behavior-y:none; } @media (min-width:782px){ .has-footer .interface-interface-skeleton__body{ padding-bottom:25px; } } .interface-interface-skeleton__content{ display:flex; flex-direction:column; flex-grow:1; overflow:auto; z-index:20; } @media (min-width:782px){ .interface-interface-skeleton__content{ z-index:auto; } } .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ background:#fff; bottom:0; color:#1e1e1e; flex-shrink:0; left:0; position:absolute; right:0; top:0; z-index:100000; } @media (min-width:782px){ .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ position:relative !important; width:auto; } .is-sidebar-opened .interface-interface-skeleton__secondary-sidebar,.is-sidebar-opened .interface-interface-skeleton__sidebar{ z-index:90; } } .interface-interface-skeleton__sidebar{ overflow:auto; } @media (min-width:782px){ .interface-interface-skeleton__sidebar{ border-right:1px solid #e0e0e0; } .interface-interface-skeleton__secondary-sidebar{ border-left:1px solid #e0e0e0; } } .interface-interface-skeleton__header{ border-bottom:1px solid #e0e0e0; color:#1e1e1e; flex-shrink:0; height:auto; z-index:30; } .interface-interface-skeleton__footer{ background-color:#fff; border-top:1px solid #e0e0e0; bottom:0; color:#1e1e1e; display:none; flex-shrink:0; height:auto; position:absolute; right:0; width:100%; z-index:90; } @media (min-width:782px){ .interface-interface-skeleton__footer{ display:flex; } } .interface-interface-skeleton__footer .block-editor-block-breadcrumb{ align-items:center; background:#fff; display:flex; font-size:13px; height:24px; padding:0 18px; z-index:30; } .interface-interface-skeleton__actions{ background:#fff; bottom:auto; color:#1e1e1e; left:0; position:fixed !important; right:auto; top:-9999em; width:100vw; z-index:100000; } @media (min-width:782px){ .interface-interface-skeleton__actions{ width:280px; } } .interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ bottom:0; top:auto; } .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ top:46px; } @media (min-width:782px){ .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ border-right:1px solid #ddd; top:32px; } .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ top:0; } } .interface-more-menu-dropdown{ margin-right:-4px; } .interface-more-menu-dropdown .components-button{ padding:0 2px; width:auto; } @media (min-width:600px){ .interface-more-menu-dropdown{ margin-right:0; } .interface-more-menu-dropdown .components-button{ padding:0 4px; } } .interface-more-menu-dropdown__content .components-popover__content{ min-width:300px; } @media (min-width:480px){ .interface-more-menu-dropdown__content .components-popover__content{ max-width:480px; } } .interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu{ padding:0; } .components-popover.interface-more-menu-dropdown__content{ z-index:99998; } .interface-pinned-items{ display:flex; gap:8px; } .interface-pinned-items .components-button{ display:none; margin:0; } .interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:global-styles"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{ display:flex; } .interface-pinned-items .components-button svg{ max-height:24px; max-width:24px; } @media (min-width:600px){ .interface-pinned-items .components-button{ display:flex; } } .edit-post-header{ align-items:center; background:#fff; display:flex; flex-wrap:wrap; height:60px; justify-content:space-between; max-width:100vw; } @media (min-width:280px){ .edit-post-header{ flex-wrap:nowrap; } } .edit-post-header__toolbar{ align-items:center; display:flex; flex-grow:3; flex-shrink:8; overflow:hidden; padding:2px 0; } .edit-post-header__toolbar .table-of-contents{ display:none; } @media (min-width:600px){ .edit-post-header__toolbar .table-of-contents{ display:block; } } .edit-post-header__toolbar .selected-block-tools-wrapper{ align-items:center; display:flex; height:60px; overflow:hidden; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{ border-bottom:0; height:100%; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar{ height:100%; padding-top:15px; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){ height:32px; } .edit-post-header__toolbar .selected-block-tools-wrapper:after{ background-color:#ddd; content:""; height:24px; margin-right:8px; width:1px; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar,.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group{ border-left:none; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group:after,.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar:after{ background-color:#ddd; content:""; height:24px; margin-right:8px; margin-top:4px; width:1px; } .edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group:after,.edit-post-header__toolbar .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{ display:none; } .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{ height:32px; overflow:visible; } @media (min-width:600px){ .edit-post-header__toolbar .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ position:relative; top:-10px; } } .edit-post-header__toolbar .selected-block-tools-wrapper.is-collapsed{ display:none; } .edit-post-header__block-tools-toggle{ margin-right:2px; } .edit-post-header__center{ display:flex; flex-grow:1; justify-content:center; } .edit-post-header__center.is-collapsed{ display:none; } .edit-post-header__settings{ align-items:center; display:inline-flex; flex-wrap:nowrap; gap:8px; padding-left:4px; } @media (min-width:600px){ .edit-post-header__settings{ padding-left:8px; } } .edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{ width:auto; } .edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{ display:none; } .edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{ content:attr(aria-label); } .edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{ background-color:initial; } .edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{ background-color:initial; box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); } .edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{ display:block; } .edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{ content:none; } .edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{ width:60px; } .edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{ display:block; } .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ padding-left:8px; padding-right:8px; } @media (min-width:600px){ .edit-post-header__dropdown .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ padding-left:12px; padding-right:12px; } } .edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.edit-post-header__dropdown .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{ content:none; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover{ border-right:none; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover:before{ background-color:#ddd; content:""; height:24px; margin-right:8px; margin-top:4px; width:1px; } .show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container:before{ background:#ddd; right:calc(50% + 1px); width:calc(100% - 24px); } .edit-post-header__dropdown .components-button.block-editor-list-view,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{ justify-content:flex-start; margin:0; padding:6px 40px 6px 6px; text-align:right; width:14.625rem; } .show-icon-labels.interface-pinned-items{ border-bottom:1px solid #ccc; display:block; margin:0 -12px; padding:6px 12px 12px; } .show-icon-labels.interface-pinned-items>.components-button.has-icon{ justify-content:flex-start; margin:0; padding:6px 8px 6px 6px; width:14.625rem; } .show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{ display:block; max-width:24px; } .show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{ padding-right:40px; } .show-icon-labels.interface-pinned-items>.components-button.has-icon svg{ margin-left:8px; } @media (min-width:600px){ .edit-post-header__post-preview-button{ display:none; } } .is-distraction-free .interface-interface-skeleton__header{ border-bottom:none; } .is-distraction-free .edit-post-header{ background-color:#fff; border-bottom:1px solid #e0e0e0; position:absolute; width:100%; } .is-distraction-free .edit-post-header>.edit-post-header__settings>.edit-post-header__post-preview-button{ visibility:hidden; } .is-distraction-free .edit-post-header>.edit-post-header__settings>.editor-preview-dropdown,.is-distraction-free .edit-post-header>.edit-post-header__settings>.interface-pinned-items,.is-distraction-free .edit-post-header>.edit-post-header__toolbar .editor-document-tools__document-overview-toggle{ display:none; } .is-distraction-free .interface-interface-skeleton__header:focus-within{ opacity:1 !important; } .is-distraction-free .interface-interface-skeleton__header:focus-within div{ transform:translateX(0) translateZ(0) !important; } .is-distraction-free .components-editor-notices__dismissible{ position:absolute; z-index:35; } .edit-post-fullscreen-mode-close.components-button{ display:none; } @media (min-width:782px){ .edit-post-fullscreen-mode-close.components-button{ align-items:center; align-self:stretch; background:#1e1e1e; border:none; border-radius:0; color:#fff; display:flex; height:61px; margin-bottom:-1px; position:relative; width:60px; } .edit-post-fullscreen-mode-close.components-button:active{ color:#fff; } .edit-post-fullscreen-mode-close.components-button:focus{ box-shadow:none; } .edit-post-fullscreen-mode-close.components-button:before{ border-radius:4px; bottom:10px; box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; content:""; display:block; left:9px; position:absolute; right:9px; top:9px; transition:box-shadow .1s ease; } } @media (min-width:782px) and (prefers-reduced-motion:reduce){ .edit-post-fullscreen-mode-close.components-button:before{ transition-delay:0s; transition-duration:0s; } } @media (min-width:782px){ .edit-post-fullscreen-mode-close.components-button:hover:before{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575; } .edit-post-fullscreen-mode-close.components-button.has-icon:hover:before{ box-shadow:none; } .edit-post-fullscreen-mode-close.components-button:focus:before{ box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #ffffff1a, inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } } .edit-post-fullscreen-mode-close.components-button .edit-post-fullscreen-mode-close_site-icon{ border-radius:2px; height:36px; margin-top:-1px; object-fit:cover; width:36px; } .edit-post-keyboard-shortcut-help-modal__section{ margin:0 0 2rem; } .edit-post-keyboard-shortcut-help-modal__section-title{ font-size:.9rem; font-weight:600; } .edit-post-keyboard-shortcut-help-modal__shortcut{ align-items:baseline; border-top:1px solid #ddd; display:flex; margin-bottom:0; padding:.6rem 0; } .edit-post-keyboard-shortcut-help-modal__shortcut:last-child{ border-bottom:1px solid #ddd; } .edit-post-keyboard-shortcut-help-modal__shortcut:empty{ display:none; } .edit-post-keyboard-shortcut-help-modal__shortcut-term{ font-weight:600; margin:0 1rem 0 0; text-align:left; } .edit-post-keyboard-shortcut-help-modal__shortcut-description{ flex:1; flex-basis:auto; margin:0; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ background:none; display:block; margin:0; padding:0; } .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{ margin-top:10px; } .edit-post-keyboard-shortcut-help-modal__shortcut-key{ border-radius:8%; margin:0 .2rem; padding:.25rem .5rem; } .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{ margin:0 .2rem 0 0; } .edit-post-layout__metaboxes{ clear:both; flex-shrink:0; } .edit-post-layout .components-editor-notices__snackbar{ bottom:40px; left:0; padding-left:16px; padding-right:16px; position:fixed; } .is-distraction-free .components-editor-notices__snackbar{ bottom:20px; } .edit-post-layout .components-editor-notices__snackbar{ right:0; } @media (min-width:783px){ .edit-post-layout .components-editor-notices__snackbar{ right:160px; } } @media (min-width:783px){ .auto-fold .edit-post-layout .components-editor-notices__snackbar{ right:36px; } } @media (min-width:961px){ .auto-fold .edit-post-layout .components-editor-notices__snackbar{ right:160px; } } .folded .edit-post-layout .components-editor-notices__snackbar{ right:0; } @media (min-width:783px){ .folded .edit-post-layout .components-editor-notices__snackbar{ right:36px; } } body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{ right:0 !important; } .edit-post-layout .editor-post-publish-panel{ bottom:0; left:0; overflow:auto; position:fixed; right:0; top:46px; z-index:100001; } @media (min-width:782px){ .edit-post-layout .editor-post-publish-panel{ animation:edit-post-post-publish-panel__slide-in-animation .1s forwards; border-right:1px solid #ddd; right:auto; top:32px; transform:translateX(-100%); width:281px; z-index:99998; } } @media (min-width:782px) and (prefers-reduced-motion:reduce){ .edit-post-layout .editor-post-publish-panel{ animation-delay:0s; animation-duration:1ms; } } @media (min-width:782px){ body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{ top:0; } [role=region]:focus .edit-post-layout .editor-post-publish-panel{ transform:translateX(0); } } @keyframes edit-post-post-publish-panel__slide-in-animation{ to{ transform:translateX(0); } } .edit-post-layout .editor-post-publish-panel__header-publish-button{ justify-content:center; } .edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{ background-color:#fff; border:1px dotted #ddd; bottom:auto; box-sizing:border-box; display:flex; height:auto !important; justify-content:center; left:0; padding:24px; position:fixed !important; right:auto; top:-9999em; width:280px; z-index:100000; } .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__sidebar:focus .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__sidebar:focus-within .edit-post-layout__toggle-sidebar-panel{ bottom:0; top:auto; } .edit-post-layout .entities-saved-states__panel-header{ height:61px; } .edit-post-meta-boxes-area{ position:relative; } .edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{ box-sizing:initial; } .edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{ box-sizing:border-box; } .edit-post-meta-boxes-area .postbox-header{ border-bottom:0; border-top:1px solid #ddd; } .edit-post-meta-boxes-area #poststuff{ margin:0 auto; min-width:auto; padding-top:0; } .edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{ box-sizing:border-box; color:inherit; font-weight:600; outline:none; padding:0 24px; position:relative; width:100%; } .edit-post-meta-boxes-area .postbox{ border:0; color:inherit; margin-bottom:0; } .edit-post-meta-boxes-area .postbox>.inside{ color:inherit; margin:0; padding:0 24px 24px; } .edit-post-meta-boxes-area .postbox .handlediv{ height:44px; width:44px; } .edit-post-meta-boxes-area.is-loading:before{ background:#0000; bottom:0; content:""; left:0; position:absolute; right:0; top:0; z-index:1; } .edit-post-meta-boxes-area .components-spinner{ left:20px; position:absolute; top:10px; z-index:5; } .edit-post-meta-boxes-area .is-hidden{ display:none; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{ border:1px solid #757575; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{ background:#fff; border-color:#757575; } .edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{ margin:-3px -4px; } .edit-post-meta-boxes-area__clear{ clear:both; } .components-panel__header.edit-post-sidebar__panel-tabs{ padding-left:16px; padding-right:0; } .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ height:24px; min-width:24px; padding:0; } @media (min-width:782px){ .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{ display:flex; } } .edit-post-sidebar__panel{ margin-top:-1px; } .edit-post-post-format,.edit-post-post-slug{ align-items:stretch; display:flex; flex-direction:column; } .edit-post-post-visibility__dialog .editor-post-visibility{ margin:8px; min-width:248px; } h2.edit-post-template-summary__title{ font-weight:500; line-height:24px; margin:0 0 4px; } .edit-post-text-editor{ background-color:#fff; flex-grow:1; position:relative; width:100%; } .edit-post-text-editor .editor-post-title.is-raw-text textarea,.edit-post-text-editor .editor-post-title:not(.is-raw-text){ border:1px solid #949494; border-radius:0; font-family:Menlo,Consolas,monaco,monospace; font-size:2.5em; font-weight:400; line-height:1.4; max-width:none; padding:16px; } @media (min-width:600px){ .edit-post-text-editor .editor-post-title.is-raw-text textarea,.edit-post-text-editor .editor-post-title:not(.is-raw-text){ padding:24px; } } .edit-post-text-editor .editor-post-title.is-raw-text textarea:focus,.edit-post-text-editor .editor-post-title:not(.is-raw-text):focus{ border-color:var(--wp-admin-theme-color); box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .edit-post-text-editor__body{ margin-left:auto; margin-right:auto; max-width:1080px; padding:0 12px 12px; width:100%; } @media (min-width:960px){ .edit-post-text-editor__body{ padding:0 24px 24px; } } .edit-post-text-editor__toolbar{ background:#fffc; display:flex; left:0; padding:4px 12px; position:sticky; right:0; top:0; z-index:1; } @media (min-width:600px){ .edit-post-text-editor__toolbar{ padding:12px; } } @media (min-width:960px){ .edit-post-text-editor__toolbar{ padding:12px 24px; } } .edit-post-text-editor__toolbar h2{ color:#1e1e1e; font-size:13px; line-height:36px; margin:0 0 0 auto; } .edit-post-visual-editor{ background-color:#ddd; display:flex; flex:1 0 auto; flex-flow:column; position:relative; } .edit-post-visual-editor:not(.has-inline-canvas){ overflow:hidden; } .edit-post-visual-editor .components-button{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:13px; padding:6px 12px; } .edit-post-visual-editor .components-button.has-icon{ padding:6px; } .edit-post-visual-editor__content-area{ box-sizing:border-box; display:flex; flex-grow:1; height:100%; position:relative; width:100%; } .edit-post-welcome-guide,.edit-template-welcome-guide{ width:312px; } .edit-post-welcome-guide__image,.edit-template-welcome-guide__image{ background:#00a0d2; margin:0 0 16px; } .edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{ display:block; max-width:100%; object-fit:cover; } .edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{ font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; font-size:24px; line-height:1.4; margin:16px 0; padding:0 32px; } .edit-post-welcome-guide__text,.edit-template-welcome-guide__text{ font-size:13px; line-height:1.4; margin:0 0 24px; padding:0 32px; } .edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{ margin:0 4px; vertical-align:text-top; } .edit-template-welcome-guide .components-button svg{ fill:#fff; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ column-count:2; column-gap:24px; } @media (min-width:782px){ .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ column-count:3; } } @media (min-width:1280px){ .edit-post-start-page-options__modal-content .block-editor-block-patterns-list{ column-count:4; } } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ break-inside:avoid-column; margin-bottom:24px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ min-height:100px; } .edit-post-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{ width:100%; } @keyframes edit-post__fade-in-animation{ 0%{ opacity:0; } to{ opacity:1; } } body.js.block-editor-page{ background:#fff; } body.js.block-editor-page #wpcontent{ padding-right:0; } body.js.block-editor-page #wpbody-content{ padding-bottom:0; } body.js.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.js.block-editor-page #wpfooter{ display:none; } body.js.block-editor-page .a11y-speak-region{ right:-1px; top:-1px; } body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.js.block-editor-page ul#adminmenu>li.current>a.current:after{ border-left-color:#fff; } body.js.block-editor-page .media-frame select.attachment-filters:last-of-type{ max-width:100%; width:auto; } .block-editor-page #wpwrap{ overflow-y:auto; } @media (min-width:782px){ .block-editor-page #wpwrap{ overflow-y:initial; } } .components-modal__frame,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.editor-post-publish-panel{ box-sizing:border-box; } .components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{ box-sizing:inherit; } @media (min-width:600px){ .block-editor__container{ bottom:0; left:0; min-height:calc(100vh - 46px); position:absolute; right:0; top:0; } } @media (min-width:782px){ .block-editor__container{ min-height:calc(100vh - 32px); } body.is-fullscreen-mode .block-editor__container{ min-height:100vh; } } .block-editor__container img{ height:auto; max-width:100%; } body.admin-color-light{ --wp-admin-theme-color:#0085ba; --wp-admin-theme-color--rgb:0, 133, 186; --wp-admin-theme-color-darker-10:#0073a1; --wp-admin-theme-color-darker-10--rgb:0, 115, 161; --wp-admin-theme-color-darker-20:#006187; --wp-admin-theme-color-darker-20--rgb:0, 97, 135; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-light{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-modern{ --wp-admin-theme-color:#3858e9; --wp-admin-theme-color--rgb:56, 88, 233; --wp-admin-theme-color-darker-10:#2145e6; --wp-admin-theme-color-darker-10--rgb:33, 69, 230; --wp-admin-theme-color-darker-20:#183ad6; --wp-admin-theme-color-darker-20--rgb:24, 58, 214; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-modern{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-blue{ --wp-admin-theme-color:#096484; --wp-admin-theme-color--rgb:9, 100, 132; --wp-admin-theme-color-darker-10:#07526c; --wp-admin-theme-color-darker-10--rgb:7, 82, 108; --wp-admin-theme-color-darker-20:#064054; --wp-admin-theme-color-darker-20--rgb:6, 64, 84; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-blue{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-coffee{ --wp-admin-theme-color:#46403c; --wp-admin-theme-color--rgb:70, 64, 60; --wp-admin-theme-color-darker-10:#383330; --wp-admin-theme-color-darker-10--rgb:56, 51, 48; --wp-admin-theme-color-darker-20:#2b2724; --wp-admin-theme-color-darker-20--rgb:43, 39, 36; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-coffee{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-ectoplasm{ --wp-admin-theme-color:#523f6d; --wp-admin-theme-color--rgb:82, 63, 109; --wp-admin-theme-color-darker-10:#46365d; --wp-admin-theme-color-darker-10--rgb:70, 54, 93; --wp-admin-theme-color-darker-20:#3a2c4d; --wp-admin-theme-color-darker-20--rgb:58, 44, 77; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-ectoplasm{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-midnight{ --wp-admin-theme-color:#e14d43; --wp-admin-theme-color--rgb:225, 77, 67; --wp-admin-theme-color-darker-10:#dd382d; --wp-admin-theme-color-darker-10--rgb:221, 56, 45; --wp-admin-theme-color-darker-20:#d02c21; --wp-admin-theme-color-darker-20--rgb:208, 44, 33; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-midnight{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-ocean{ --wp-admin-theme-color:#627c83; --wp-admin-theme-color--rgb:98, 124, 131; --wp-admin-theme-color-darker-10:#576e74; --wp-admin-theme-color-darker-10--rgb:87, 110, 116; --wp-admin-theme-color-darker-20:#4c6066; --wp-admin-theme-color-darker-20--rgb:76, 96, 102; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-ocean{ --wp-admin-border-width-focus:1.5px; } } body.admin-color-sunrise{ --wp-admin-theme-color:#dd823b; --wp-admin-theme-color--rgb:221, 130, 59; --wp-admin-theme-color-darker-10:#d97426; --wp-admin-theme-color-darker-10--rgb:217, 116, 38; --wp-admin-theme-color-darker-20:#c36922; --wp-admin-theme-color-darker-20--rgb:195, 105, 34; --wp-admin-border-width-focus:2px; } @media (min-resolution:192dpi){ body.admin-color-sunrise{ --wp-admin-border-width-focus:1.5px; } } .interface-interface-skeleton__sidebar{ border-right:none; } @media (min-width:782px){ .is-sidebar-opened .interface-interface-skeleton__sidebar{ border-right:1px solid #e0e0e0; overflow:hidden scroll; } }