diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-17 07:56:49 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-17 07:56:49 +0000 |
commit | a415c29efee45520ae252d2aa28f1083a521cd7b (patch) | |
tree | f4ade4b6668ecc0765de7e1424f7c1427ad433ff /wp-includes/css/dist/edit-site/style-rtl.css | |
parent | Initial commit. (diff) | |
download | wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.tar.xz wordpress-a415c29efee45520ae252d2aa28f1083a521cd7b.zip |
Adding upstream version 6.4.3+dfsg1.upstream/6.4.3+dfsg1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'wp-includes/css/dist/edit-site/style-rtl.css')
-rw-r--r-- | wp-includes/css/dist/edit-site/style-rtl.css | 3935 |
1 files changed, 3935 insertions, 0 deletions
diff --git a/wp-includes/css/dist/edit-site/style-rtl.css b/wp-includes/css/dist/edit-site/style-rtl.css new file mode 100644 index 0000000..b71ff62 --- /dev/null +++ b/wp-includes/css/dist/edit-site/style-rtl.css @@ -0,0 +1,3935 @@ +: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; +} +@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:280px; +} +@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:4px; + margin-left:-4px; +} +.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; + } + .interface-preferences-modal{ + height:calc(100% - 120px); + width:calc(100% - 32px); + } +} +@media (min-width:782px){ + .interface-preferences-modal{ + width:750px; + } +} +@media (min-width:960px){ + .interface-preferences-modal{ + height:70%; + } +} +@media (max-width:781px){ + .interface-preferences-modal .components-modal__content{ + padding:0; + } +} + +.interface-preferences__tabs .components-tab-panel__tabs{ + position:absolute; + right:16px; + top:84px; + width:160px; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{ + border-radius:2px; + font-weight:400; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{ + background:#f0f0f0; + box-shadow:none; + font-weight:500; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active:after{ + content:none; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible:before{ + content:none; +} +.interface-preferences__tabs .components-tab-panel__tab-content{ + margin-right:160px; + padding-right:24px; +} + +@media (max-width:781px){ + .interface-preferences__provider{ + height:100%; + } +} +.interface-preferences-modal__section{ + margin:0 0 2.5rem; +} +.interface-preferences-modal__section:last-child{ + margin:0; +} + +.interface-preferences-modal__section-legend{ + margin-bottom:8px; +} + +.interface-preferences-modal__section-title{ + font-size:.9rem; + font-weight:600; + margin-top:0; +} + +.interface-preferences-modal__section-description{ + color:#757575; + font-size:12px; + font-style:normal; + margin:-8px 0 8px; +} + +.interface-preferences-modal__option+.interface-preferences-modal__option{ + margin-top:16px; +} +.interface-preferences-modal__option .components-base-control__help{ + margin-right:48px; + margin-top:0; +} + +.edit-site-custom-template-modal__contents-wrapper{ + height:100%; + justify-content:flex-start !important; +} +.edit-site-custom-template-modal__contents-wrapper>*{ + width:100%; +} +.edit-site-custom-template-modal__contents-wrapper__suggestions_list{ + margin-left:-12px; + margin-right:-12px; + width:calc(100% + 24px); +} +.edit-site-custom-template-modal__contents>.components-button{ + height:auto; + justify-content:center; +} +.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input{ + background:#fff; + border:1px solid #ddd; +} +.edit-site-custom-template-modal .components-search-control input[type=search].components-search-control__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +@media (min-width:782px){ + .edit-site-custom-template-modal{ + width:456px; + } +} +@media (min-width:600px){ + .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list{ + overflow:scroll; + } +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item{ + display:block; + height:auto; + overflow-wrap:break-word; + padding:8px 12px; + text-align:right; + white-space:pre-wrap; + width:100%; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item mark{ + background:none; + font-weight:700; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover *,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover mark{ + color:var(--wp-admin-theme-color); +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus{ + background-color:#f0f0f0; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__title{ + display:block; + overflow:hidden; + text-overflow:ellipsis; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info{ + color:#757575; + word-break:break-all; +} + +.edit-site-custom-template-modal__no-results{ + border:1px solid #ccc; + border-radius:2px; + padding:16px; +} + +.edit-site-custom-generic-template__modal .components-modal__header{ + border-bottom:none; +} +.edit-site-custom-generic-template__modal .components-modal__content:before{ + margin-bottom:4px; +} + +.edit-site-template-actions-loading-screen-modal{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + background-color:transparent; +} +.edit-site-template-actions-loading-screen-modal.is-full-screen{ + background-color:#fff; + box-shadow:0 0 0 transparent; + min-height:100%; + min-width:100%; +} +.edit-site-template-actions-loading-screen-modal__content{ + align-items:center; + display:flex; + height:100%; + justify-content:center; + position:absolute; + right:50%; + transform:translateX(50%); +} + +.edit-site-add-new-template__modal{ + margin-top:64px; + max-height:calc(100% - 128px); + max-width:832px; + width:calc(100% - 64px); +} +@media (min-width:960px){ + .edit-site-add-new-template__modal{ + width:calc(100% - 128px); + } +} +.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{ + fill:var(--wp-admin-theme-color); +} +.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name{ + align-items:flex-start; + flex-grow:1; +} +.edit-site-add-new-template__modal .edit-site-add-new-template__template-icon{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + border-radius:100%; + max-height:40px; + max-width:40px; + padding:8px; +} + +.edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ + border:1px solid #ddd; + border-radius:2px; + display:flex; + flex-direction:column; + justify-content:center; + outline:1px solid transparent; + padding:32px; +} +.edit-site-add-new-template__template-list__contents>.components-button span:first-child,.edit-site-custom-template-modal__contents>.components-button span:first-child{ + color:#1e1e1e; +} +.edit-site-add-new-template__template-list__contents>.components-button span,.edit-site-custom-template-modal__contents>.components-button span{ + color:#757575; +} +.edit-site-add-new-template__template-list__contents>.components-button:hover,.edit-site-custom-template-modal__contents>.components-button:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + border-color:transparent; + color:var(--wp-admin-theme-color-darker-10); +} +.edit-site-add-new-template__template-list__contents>.components-button:hover span,.edit-site-custom-template-modal__contents>.components-button:hover span{ + color:var(--wp-admin-theme-color); +} +.edit-site-add-new-template__template-list__contents>.components-button:focus,.edit-site-custom-template-modal__contents>.components-button:focus{ + border-color:transparent; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid transparent; +} +.edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ + color:var(--wp-admin-theme-color); +} +.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ + grid-column-end:4; + grid-column-start:1; +} + +.edit-site-add-new-template__template-list__contents>.components-button{ + align-items:flex-start; + height:100%; + text-align:start; +} + +.edit-site-block-editor__editor-styles-wrapper .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-site-block-editor__editor-styles-wrapper .components-button.has-icon,.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary{ + padding:6px; +} + +.edit-site-block-editor__block-list.is-navigation-block{ + padding:24px; +} + +.edit-site-visual-editor{ + align-items:center; + background-color:#1e1e1e; + display:block; + height:100%; + overflow:hidden; + position:relative; +} +.edit-site-visual-editor iframe{ + background:#fff; + display:block; + height:100%; + width:100%; +} +.edit-site-visual-editor .edit-site-visual-editor__editor-canvas{ + height:100%; +} +.edit-site-visual-editor .edit-site-visual-editor__editor-canvas.is-focused{ + outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); + outline-offset:calc(var(--wp-admin-border-width-focus)*-2); +} +.edit-site-layout.is-full-canvas .edit-site-visual-editor.is-focus-mode{ + padding:48px; +} +.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas{ + border-radius:2px; + max-height:100%; +} +.edit-site-visual-editor.is-focus-mode .components-resizable-box__container{ + overflow:visible; +} +.edit-site-visual-editor .components-resizable-box__container{ + margin:0 auto; + overflow:auto; +} +.edit-site-visual-editor.is-view-mode{ + box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8); +} +.edit-site-visual-editor.is-view-mode .block-editor-block-contextual-toolbar.is-fixed{ + display:none; +} + +.edit-site-visual-editor__back-button{ + color:#fff; + position:absolute; + right:8px; + top:8px; +} +.edit-site-visual-editor__back-button:active:not([aria-disabled=true]),.edit-site-visual-editor__back-button:focus:not([aria-disabled=true]),.edit-site-visual-editor__back-button:hover{ + color:#f0f0f0; +} + +.resizable-editor__drag-handle{ + -webkit-appearance:none; + appearance:none; + background:none; + border:0; + border-radius:2px; + bottom:0; + cursor:ew-resize; + margin:auto 0; + outline:none; + padding:0; + position:absolute; + top:0; + width:12px; +} +.resizable-editor__drag-handle.is-variation-default{ + height:100px; +} +.resizable-editor__drag-handle.is-variation-separator{ + height:100%; + left:0; + width:24px; +} +.resizable-editor__drag-handle.is-variation-separator:after{ + background:transparent; + border-radius:0; + left:0; + right:50%; + transform:translateX(1px); + transition:all .2s ease; + transition-delay:.1s; + width:2px; +} +@media (prefers-reduced-motion:reduce){ + .resizable-editor__drag-handle.is-variation-separator:after{ + animation-delay:0s; + animation-duration:1ms; + transition-delay:0s; + transition-duration:0s; + } +} +.resizable-editor__drag-handle:after{ + background:#949494; + border-radius:2px; + bottom:24px; + content:""; + left:0; + position:absolute; + right:4px; + top:24px; + width:4px; +} +.resizable-editor__drag-handle.is-left{ + right:-16px; +} +.resizable-editor__drag-handle.is-right{ + left:-16px; +} +.resizable-editor__drag-handle:active,.resizable-editor__drag-handle:hover{ + opacity:1; +} +.resizable-editor__drag-handle:active.is-variation-default:after,.resizable-editor__drag-handle:hover.is-variation-default:after{ + background:#ccc; +} +.resizable-editor__drag-handle:active.is-variation-separator:after,.resizable-editor__drag-handle:hover.is-variation-separator:after{ + background:var(--wp-admin-theme-color); +} +.resizable-editor__drag-handle:focus:after{ + box-shadow:0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); +} +.resizable-editor__drag-handle.is-variation-separator:focus:after{ + border-radius:2px; + box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); +} + +.edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:0; +} +@media (min-width:783px){ + .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:160px; + } +} +@media (min-width:783px){ + .auto-fold .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:36px; + } +} +@media (min-width:961px){ + .auto-fold .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:160px; + } +} +.folded .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:0; +} +@media (min-width:783px){ + .folded .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:36px; + } +} + +body.is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + right:0 !important; +} + +.edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + display:block; + position:sticky; + top:0; + width:100%; + z-index:31; +} +@media (min-width:782px){ + .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + align-items:center; + display:flex; + height:60px; + margin-right:180px; + min-height:auto; + position:fixed; + top:32px; + width:calc(100% - 180px); + } + .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed,.edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed:empty{ + width:auto; + } + .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + margin-right:240px; + top:0; + } + .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed.is-collapsed,.is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed:empty{ + width:auto; + } + .show-icon-labels .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + margin-right:80px; + width:calc(100% - 140px); + } + .is-fullscreen-mode .show-icon-labels .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + margin-right:144px; + } +} +@media (min-width:960px){ + .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed,.show-icon-labels .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + width:auto; + } + .is-fullscreen-mode .edit-site-visual-editor .block-editor-block-contextual-toolbar.is-fixed{ + width:calc(100% - 536px); + } +} + +.edit-site-canvas-loader{ + align-items:center; + animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; + animation-fill-mode:forwards; + display:flex; + height:100%; + justify-content:center; + opacity:0; + position:absolute; + right:0; + top:0; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-canvas-loader{ + animation-delay:0s; + animation-duration:1ms; + } +} +.edit-site-canvas-loader>div{ + width:160px; +} + +@keyframes edit-site-canvas-loader__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:1; + } +} +.edit-site-code-editor{ + background-color:#fff; + min-height:100%; + position:relative; + width:100%; +} +.edit-site-code-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:12px; + width:100%; +} +@media (min-width:960px){ + .edit-site-code-editor__body{ + padding:24px; + } +} +.edit-site-code-editor__toolbar{ + background:hsla(0,0%,100%,.8); + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; +} +@media (min-width:600px){ + .edit-site-code-editor__toolbar{ + padding:12px; + } +} +@media (min-width:960px){ + .edit-site-code-editor__toolbar{ + padding:12px 24px; + } +} +.edit-site-code-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 0 0 auto; +} +.edit-site-code-editor__toolbar .components-button svg{ + order:1; +} + +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area{ + font-size:15px !important; + padding:24px; + } +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder{ + color:rgba(30,30,30,.62); +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder{ + color:rgba(30,30,30,.62); + opacity:1; +} +textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder{ + color:rgba(30,30,30,.62); +} + +.edit-site-global-styles-preview{ + align-items:center; + cursor:pointer; + display:flex; + justify-content:center; + line-height:1; +} + +.edit-site-global-styles-preview__iframe{ + display:block; + max-width:100%; +} + +.edit-site-typography-preview{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + justify-content:center; + margin-bottom:16px; + min-height:100px; + overflow:hidden; +} + +.edit-site-typography-panel__full-width-control{ + grid-column:1 / -1; + max-width:100%; +} + +.edit-site-global-styles-screen-css,.edit-site-global-styles-screen-typography{ + margin:16px; +} + +.edit-site-global-styles-screen-typography__indicator{ + align-items:center; + border-radius:2px; + display:flex !important; + font-size:14px; + height:24px; + justify-content:center; + width:24px; +} + +.edit-site-global-styles-screen-colors{ + margin:16px; +} +.edit-site-global-styles-screen-colors .color-block-support-panel{ + border-top:none; + padding-left:0; + padding-right:0; +} + +.edit-site-global-styles-header__description{ + padding:0 16px; +} + +.edit-site-block-types-search{ + margin-bottom:8px; + padding:0 16px; +} + +.edit-site-global-styles-header{ + margin-bottom:0 !important; +} + +.edit-site-global-styles-subtitle{ + font-size:11px !important; + font-weight:500 !important; + margin-bottom:0 !important; + text-transform:uppercase; +} + +.edit-site-global-styles-section-title{ + color:#2f2f2f; + font-weight:600; + line-height:1.2; + margin:0; + padding:16px 16px 0; +} + +.edit-site-global-styles-variations_item{ + border-radius:2px; + box-sizing:border-box; +} +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + border-radius:2px; + box-shadow:0 0 0 1px #e0e0e0; + outline:1px solid transparent; + padding:2px; +} +.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 1px #1e1e1e; + outline-width:3px; +} +.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-global-styles-variations_item:focus-visible{ + outline:3px solid transparent; + outline-offset:0; +} + +.edit-site-global-styles-icon-with-current-color{ + fill:currentColor; +} + +.edit-site-global-styles__color-indicator-wrapper{ + flex-shrink:0; + height:24px; +} + +.edit-site-global-styles__block-preview-panel{ + border:1px solid #e0e0e0; + border-radius:2px; + overflow:auto; + position:relative; + width:100%; +} + +.edit-site-global-styles-screen-css{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack{ + flex:1 1 auto; +} +.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input{ + direction:ltr; + flex:1 1 auto; +} + +.edit-site-global-styles-screen-css-help-link{ + display:block; + margin-top:8px; +} + +.edit-site-global-styles-screen-variations{ + border-top:1px solid #ddd; + margin-top:16px; +} +.edit-site-global-styles-screen-variations>*{ + margin:24px 16px; +} + +.edit-site-global-styles-sidebar__navigator-screen{ + display:flex; + flex-direction:column; +} + +.edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ + background:unset; + color:inherit; +} + +.edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{ + fill:currentColor; +} + +[class][class].edit-site-global-styles-sidebar__revisions-count-badge{ + align-items:center; + background:#2f2f2f; + border-radius:2px; + color:#fff; + display:inline-flex; + justify-content:center; + min-height:24px; + min-width:24px; +} + +.edit-site-global-styles-screen-revisions{ + margin:16px; +} + +.edit-site-global-styles-screen-revisions__revisions-list{ + list-style:none; + margin:0; +} +.edit-site-global-styles-screen-revisions__revisions-list li{ + border-right:1px solid #ddd; + margin-bottom:0; +} + +.edit-site-global-styles-screen-revisions__revision-item{ + padding:8px 12px 8px 0; + position:relative; +} +.edit-site-global-styles-screen-revisions__revision-item:first-child{ + padding-top:0; +} +.edit-site-global-styles-screen-revisions__revision-item:last-child{ + padding-bottom:0; +} +.edit-site-global-styles-screen-revisions__revision-item:before{ + background:#ddd; + border-radius:50%; + content:"\a"; + display:inline-block; + height:8px; + position:absolute; + right:0; + top:50%; + transform:translate(50%, -50%); + width:8px; +} +.edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ + background:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); +} + +.edit-site-global-styles-screen-revisions__revision-button{ + display:block; + height:auto; + padding:8px 12px; + width:100%; +} +.edit-site-global-styles-screen-revisions__revision-button:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.edit-site-global-styles-screen-revisions__revision-button:hover .edit-site-global-styles-screen-revisions__date{ + color:var(--wp-admin-theme-color); +} + +.is-selected .edit-site-global-styles-screen-revisions__revision-button{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + color:var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + opacity:1; +} +.is-selected .edit-site-global-styles-screen-revisions__meta{ + color:var(--wp-admin-theme-color); +} + +.edit-site-global-styles-screen-revisions__button{ + justify-content:center; + width:100%; +} + +.edit-site-global-styles-screen-revisions__description{ + align-items:flex-start; + display:flex; + flex-direction:column; + gap:8px; +} + +.edit-site-global-styles-screen-revisions__meta{ + align-items:center; + color:#757575; + display:flex; + justify-content:space-between; + text-align:right; + width:100%; +} +.edit-site-global-styles-screen-revisions__meta img{ + border-radius:100%; + height:16px; + width:16px; +} + +.edit-site-global-styles-screen-revisions__loading{ + margin:24px auto !important; +} + +.edit-site-header-edit-mode{ + align-items:center; + background-color:#fff; + border-bottom:1px solid #e0e0e0; + box-sizing:border-box; + color:#1e1e1e; + display:flex; + height:60px; + justify-content:space-between; + padding-right:60px; + width:100%; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__start{ + border:none; + display:flex; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__end{ + display:flex; + justify-content:flex-end; +} +.edit-site-header-edit-mode .edit-site-header-edit-mode__center{ + align-items:center; + display:flex; + flex-grow:1; + height:100%; + justify-content:center; + margin:0 8px; + min-width:0; +} + +.edit-site-header-edit-mode__toolbar{ + align-items:center; + display:flex; + padding-right:8px; +} +@media (min-width:600px){ + .edit-site-header-edit-mode__toolbar{ + padding-right:24px; + } +} +@media (min-width:1280px){ + .edit-site-header-edit-mode__toolbar{ + padding-left:8px; + } +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); +} +@media (prefers-reduced-motion:reduce){ + .edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-header-edit-mode__toolbar .edit-site-header-edit-mode__inserter-toggle.is-pressed svg{ + transform:rotate(-45deg); +} +.edit-site-header-edit-mode__actions{ + align-items:center; + display:inline-flex; + gap:4px; + padding-left:4px; +} +@media (min-width:600px){ + .edit-site-header-edit-mode__actions{ + gap:8px; + padding-left:10px; + } +} + +.edit-site-header-edit-mode__preview-options{ + opacity:1; + transition:opacity .3s; +} +.edit-site-header-edit-mode__preview-options.is-zoomed-out{ + opacity:0; +} + +.edit-site-header-edit-mode__start{ + border:none; + display:flex; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon{ + height:36px; + min-width:36px; + padding:6px; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon.is-pressed,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:focus:not(:disabled),.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid transparent; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-button.has-icon:before,.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.components-dropdown>.components-button.has-icon:before{ + display:none; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-icon{ + height:32px; + margin-left:8px; + min-width:32px; + padding:0; + width:32px; +} +.edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>.edit-site-header-edit-mode__inserter-toggle.has-text.has-icon{ + padding:0 8px; + width:auto; +} + +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon{ + width:auto; +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon svg{ + display:none; +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon:after{ + content:attr(aria-label); +} +.edit-site-header-edit-mode.show-icon-labels .components-button.has-icon[aria-disabled=true]{ + background-color:transparent; +} +.edit-site-header-edit-mode.show-icon-labels .is-tertiary:active{ + background-color:transparent; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-save-button__button{ + padding-left:6px; + padding-right:6px; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info:after{ + content:none; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info,.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__inserter-toggle.edit-site-header-edit-mode__inserter-toggle{ + height:36px; + padding:0 8px; +} +.edit-site-header-edit-mode.show-icon-labels .edit-site-header-edit-mode__start .edit-site-header-edit-mode__toolbar>*+*{ + margin-right:8px; +} + +.edit-site-document-actions{ + align-items:center; + background:#f0f0f0; + border-radius:4px; + display:flex; + height:36px; + justify-content:space-between; + min-width:0; + width:min(100%, 450px); +} +.has-fixed-toolbar .edit-site-document-actions{ + width:min(100%, 380px); +} +.edit-site-document-actions:hover{ + background-color:#e0e0e0; +} +.edit-site-document-actions .components-button{ + border-radius:4px; +} +.edit-site-document-actions .components-button:hover{ + background:#e0e0e0; + color:var(--wp-block-synced-color); +} +@media (min-width:960px){ + .edit-site-document-actions{ + width:min(100%, 450px); + } +} +.edit-site-document-actions.is-synced-entity .edit-site-document-actions__title,.edit-site-document-actions.is-synced-entity .edit-site-document-actions__title h1{ + color:var(--wp-block-synced-color); +} + +.edit-site-document-actions__command{ + color:var(--wp-block-synced-color); + flex-grow:1; + overflow:hidden; +} + +.edit-site-document-actions__title{ + flex-grow:1; + overflow:hidden; +} +@media (min-width:600px){ + .edit-site-document-actions__title{ + padding-right:32px; + } +} +.edit-site-document-actions__title:hover{ + color:var(--wp-block-synced-color); +} +.edit-site-document-actions__title .block-editor-block-icon{ + flex-shrink:0; + min-width:24px; +} +.edit-site-document-actions__title h1{ + max-width:50%; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-document-actions.is-page .edit-site-document-actions__title,.edit-site-document-actions.is-page .edit-site-document-actions__title h1{ + color:#2f2f2f; +} +.edit-site-document-actions.is-animated .edit-site-document-actions__title{ + animation:edit-site-document-actions__slide-in-left .3s; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions.is-animated .edit-site-document-actions__title{ + animation-delay:0s; + animation-duration:1ms; + } +} +.edit-site-document-actions.is-animated.is-page .edit-site-document-actions__title{ + animation:edit-site-document-actions__slide-in-right .3s; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions.is-animated.is-page .edit-site-document-actions__title{ + animation-delay:0s; + animation-duration:1ms; + } +} + +.edit-site-document-actions__shortcut{ + color:#2f2f2f; + display:none; + min-width:32px; +} +@media (min-width:600px){ + .edit-site-document-actions__shortcut{ + display:initial; + } +} + +.edit-site-document-actions__back.components-button.has-icon.has-text{ + color:#757575; + flex-shrink:0; + gap:0; + min-width:36px; + position:absolute; + z-index:1; +} +.edit-site-document-actions__back.components-button.has-icon.has-text:hover{ + background-color:transparent; + color:currentColor; +} +.edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text{ + animation:edit-site-document-actions__slide-in-left .3s; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text{ + animation-delay:0s; + animation-duration:1ms; + } +} + +@keyframes edit-site-document-actions__slide-in-right{ + 0%{ + opacity:0; + transform:translateX(15%); + } + to{ + opacity:1; + transform:translateX(0); + } +} +@keyframes edit-site-document-actions__slide-in-left{ + 0%{ + opacity:0; + transform:translateX(-15%); + } + to{ + opacity:1; + transform:translateX(0); + } +} +.edit-site-list-header{ + align-items:center; + box-sizing:border-box; + display:flex; + height:60px; + justify-content:flex-end; + padding-left:16px; + position:relative; + width:100%; +} +body.is-fullscreen-mode .edit-site-list-header{ + padding-right:60px; + transition:padding-right 20ms linear; + transition-delay:80ms; +} +@media (prefers-reduced-motion:reduce){ + body.is-fullscreen-mode .edit-site-list-header{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-list-header .edit-site-list-header__title{ + font-size:20px; + margin:0; + padding:0; + position:absolute; + right:0; + text-align:center; + width:100%; +} + +.edit-site-list-header__right{ + position:relative; +} + +.edit-site .edit-site-list{ + background:#fff; + border-radius:8px; + box-shadow:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8); + flex-grow:1; +} +.edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:100%; +} +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__editor{ + min-width:0; + } +} +.edit-site .edit-site-list .interface-interface-skeleton__content{ + align-items:center; + background:#fff; + padding:16px; +} +@media (min-width:782px){ + .edit-site .edit-site-list .interface-interface-skeleton__content{ + padding:72px; + } +} + +.edit-site-list-table{ + border:1px solid #ddd; + border-radius:2px; + border-spacing:0; + margin:0 auto; + max-width:960px; + min-width:100%; + overflow:hidden; +} +.edit-site-list-table tr{ + align-items:center; + border-top:1px solid #f0f0f0; + box-sizing:border-box; + display:flex; + margin:0; + padding:16px; +} +.edit-site-list-table tr:first-child{ + border-top:0; +} +@media (min-width:782px){ + .edit-site-list-table tr{ + padding:24px 32px; + } +} +.edit-site-list-table tr .edit-site-list-table-column:first-child{ + padding-left:24px; + width:calc(60% - 18px); +} +.edit-site-list-table tr .edit-site-list-table-column:first-child a{ + display:inline-block; + font-weight:500; + margin-bottom:4px; + text-decoration:none; +} +.edit-site-list-table tr .edit-site-list-table-column:nth-child(2){ + width:calc(40% - 18px); + word-break:break-word; +} +.edit-site-list-table tr .edit-site-list-table-column:nth-child(3){ + flex-shrink:0; + min-width:36px; +} +.edit-site-list-table tr.edit-site-list-table-head{ + border-bottom:1px solid #ddd; + border-top:none; + color:#1e1e1e; + font-size:16px; + font-weight:600; + text-align:right; +} +.edit-site-list-table tr.edit-site-list-table-head th{ + font-weight:inherit; +} + +@media (min-width:782px){ + .edit-site-list.is-navigation-open .components-snackbar-list{ + margin-right:360px; + } +} + +.edit-site-list__rename-modal{ + z-index:1000001; +} +@media (min-width:782px){ + .edit-site-list__rename-modal .components-base-control{ + width:320px; + } +} + +.edit-site-template__actions button:not(:last-child){ + margin-left:8px; +} + +.edit-site-list-added-by__icon{ + align-items:center; + background:#2f2f2f; + border-radius:100%; + display:flex; + flex-shrink:0; + height:32px; + justify-content:center; + width:32px; +} +.edit-site-list-added-by__icon svg{ + fill:#fff; +} + +.edit-site-list-added-by__avatar{ + background:#2f2f2f; + border-radius:100%; + flex-shrink:0; + height:32px; + overflow:hidden; + width:32px; +} +.edit-site-list-added-by__avatar img{ + height:32px; + object-fit:cover; + opacity:0; + transition:opacity .1s linear; + width:32px; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-list-added-by__avatar img{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-list-added-by__avatar.is-loaded img{ + opacity:1; +} + +.edit-site-list-added-by__customized-info{ + color:#757575; + display:block; +} + +.edit-site-page{ + background:#fff; + color:#2f2f2f; + flex-grow:1; + margin:60px 0 0; + overflow:hidden; +} +@media (min-width:782px){ + .edit-site-page{ + border-radius:8px; + margin:24px 0 24px 24px; + } +} + +.edit-site-page-header{ + background:#fff; + border-bottom:1px solid #f0f0f0; + min-height:60px; + padding:0 32px; + position:sticky; + top:0; + z-index:2; +} +.edit-site-page-header .components-text{ + color:#2f2f2f; +} +.edit-site-page-header .components-heading{ + color:#1e1e1e; +} +.edit-site-page-header .edit-site-page-header__sub-title{ + color:#757575; + margin-top:8px; +} + +.edit-site-page-content{ + display:flex; + flex-flow:column; + height:100%; + overflow:auto; + position:relative; + z-index:1; +} + +.edit-site-patterns{ + background:none; + border-radius:0; + border-right:1px solid #2f2f2f; + margin:60px 0 0; + overflow-x:auto; + padding:0; +} +.edit-site-patterns .components-base-control{ + width:100%; +} +@media (min-width:782px){ + .edit-site-patterns .components-base-control{ + width:auto; + } +} +.edit-site-patterns .components-text{ + color:#949494; +} +.edit-site-patterns .components-heading{ + color:#e0e0e0; +} +@media (min-width:782px){ + .edit-site-patterns{ + margin:0; + } +} +.edit-site-patterns .edit-site-patterns__search-block{ + flex-grow:1; + min-width:-moz-fit-content; + min-width:fit-content; +} +.edit-site-patterns .edit-site-patterns__search input[type=search]{ + background:#2f2f2f; + color:#e0e0e0; + height:40px; +} +.edit-site-patterns .edit-site-patterns__search input[type=search]:focus{ + background:#2f2f2f; +} +.edit-site-patterns .edit-site-patterns__search svg{ + fill:#949494; +} +.edit-site-patterns .edit-site-patterns__sync-status-filter{ + background:#2f2f2f; + border:none; + height:40px; + max-width:100%; + min-width:max-content; + width:100%; +} +@media (min-width:782px){ + .edit-site-patterns .edit-site-patterns__sync-status-filter{ + width:300px; + } +} +.edit-site-patterns .edit-site-patterns__sync-status-filter-option:not([aria-checked=true]){ + color:#949494; +} +.edit-site-patterns .edit-site-patterns__sync-status-filter-option:active{ + background:#757575; + color:#f0f0f0; +} +.edit-site-patterns .edit-site-patterns__grid-pagination{ + background:#1e1e1e; + border-top:1px solid #2f2f2f; + bottom:0; + padding:24px 32px; + position:sticky; + z-index:2; +} +.edit-site-patterns .edit-site-patterns__grid-pagination .components-button.is-tertiary{ + background-color:#2f2f2f; + color:#f0f0f0; + height:32px; + justify-content:center; + width:32px; +} +.edit-site-patterns .edit-site-patterns__grid-pagination .components-button.is-tertiary:disabled{ + background:none; + color:#949494; +} +.edit-site-patterns .edit-site-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){ + background-color:#757575; +} + +.edit-site-patterns__header{ + background:#1e1e1e; + padding:32px 32px 16px; + position:sticky; + top:0; + z-index:2; +} + +.edit-site-patterns__section{ + flex:1; + padding:24px 32px; +} + +.edit-site-patterns__section-header .screen-reader-shortcut:focus{ + top:0; +} + +.edit-site-patterns__grid{ + display:grid; + gap:32px; + grid-template-columns:1fr; + margin-bottom:0; + margin-top:0; +} +@media (min-width:960px){ + .edit-site-patterns__grid{ + grid-template-columns:1fr 1fr; + } +} +@media (min-width:1440px){ + .edit-site-patterns__grid{ + grid-template-columns:1fr 1fr 1fr; + } +} +@media (min-width:1920px){ + .edit-site-patterns__grid{ + grid-template-columns:1fr 1fr 1fr 1fr; + } +} +.edit-site-patterns__grid .edit-site-patterns__pattern{ + break-inside:avoid-column; + display:flex; + flex-direction:column; +} +.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview{ + background-color:unset; + border:none; + border-radius:4px; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + overflow:hidden; + padding:0; +} +.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview:focus{ + box-shadow:inset 0 0 0 0 #fff, 0 0 0 2px var(--wp-admin-theme-color); + outline:2px solid transparent; +} +.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview.is-inactive{ + cursor:default; +} +.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__preview.is-inactive:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #2f2f2f; + opacity:.8; +} +.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__button,.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__footer{ + color:#949494; +} +.edit-site-patterns__grid .edit-site-patterns__pattern .edit-site-patterns__dropdown{ + flex-shrink:0; +} +.edit-site-patterns__grid .edit-site-patterns__pattern.is-placeholder .edit-site-patterns__preview{ + align-items:center; + border:1px dashed #2f2f2f; + color:#949494; + display:flex; + justify-content:center; + min-height:64px; +} +.edit-site-patterns__grid .edit-site-patterns__pattern.is-placeholder .edit-site-patterns__preview:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-patterns__grid .edit-site-patterns__preview{ + flex:0 1 auto; + margin-bottom:12px; +} + +.edit-site-patterns__load-more{ + align-self:center; +} + +.edit-site-patterns__pattern-title{ + color:#e0e0e0; +} +.edit-site-patterns__pattern-title .is-link{ + color:#e0e0e0; + text-decoration:none; +} +.edit-site-patterns__pattern-title .is-link:focus,.edit-site-patterns__pattern-title .is-link:hover{ + color:#fff; +} +.edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon{ + fill:#fff; + background:var(--wp-block-synced-color); + border-radius:4px; +} +.edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ + fill:currentcolor; +} + +.edit-site-patterns__no-results{ + color:#949494; +} + +.edit-site-table-wrapper{ + padding:32px; + width:100%; +} + +.edit-site-table{ + border-collapse:collapse; + border-color:inherit; + position:relative; + text-indent:0; + width:100%; +} +.edit-site-table a{ + text-decoration:none; +} +.edit-site-table th{ + color:#757575; + font-weight:400; + padding:0 16px 16px; + text-align:right; +} +.edit-site-table td{ + padding:16px; +} +.edit-site-table td,.edit-site-table th{ + vertical-align:center; +} +.edit-site-table td:first-child,.edit-site-table th:first-child{ + padding-right:0; +} +.edit-site-table td:last-child,.edit-site-table th:last-child{ + padding-left:0; + text-align:left; +} +.edit-site-table tr{ + border-bottom:1px solid #f0f0f0; +} + +.edit-site-sidebar-edit-mode{ + width:280px; +} +.edit-site-sidebar-edit-mode>.components-panel{ + border-left:0; + border-right:0; + margin-bottom:-1px; + margin-top:-1px; +} +.edit-site-sidebar-edit-mode>.components-panel>.components-panel__header{ + background:#f0f0f0; +} +.edit-site-sidebar-edit-mode .block-editor-block-inspector__card{ + margin:0; +} + +.edit-site-global-styles-sidebar{ + display:flex; + flex-direction:column; + min-height:100%; +} +.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ + display:flex; + flex:1; + flex-direction:column; +} +.edit-site-global-styles-sidebar__navigator-screen{ + flex:1; +} + +.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon{ + margin-right:0; +} + +.edit-site-global-styles-sidebar__reset-button.components-button{ + margin-right:auto; +} + +.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ + font-size:15.6px; + font-weight:500; +} + +.edit-site-global-styles-sidebar .components-navigation__item>button span{ + font-weight:500; +} + +.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ + border:0; +} + +.edit-site-global-styles-sidebar .single-column{ + grid-column:span 1; +} + +.edit-site-global-styles-sidebar .components-tools-panel .span-columns{ + grid-column:1 / -1; +} + +.edit-site-global-styles-sidebar__blocks-group{ + border-top:1px solid #e0e0e0; + padding-top:24px; +} + +.edit-site-global-styles-sidebar__blocks-group-help{ + padding:0 16px; +} + +.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{ + padding:16px; +} + +.edit-site-global-styles-sidebar hr{ + margin:0; +} + +.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{ + content:attr(aria-label); + font-size:12px; +} + +.edit-site-sidebar-fixed-bottom-slot{ + background:#fff; + border-top:1px solid #ddd; + bottom:0; + box-sizing:content-box; + display:flex; + padding:16px; + position:sticky; +} + +.edit-site-swap-template-modal{ + z-index:1000001; +} + +.edit-site-page-panels__swap-template__confirm-modal__actions{ + margin-top:24px; +} + +.edit-site-page-panels__swap-template__modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; + padding-top:2px; +} +@media (min-width:782px){ + .edit-site-page-panels__swap-template__modal-content .block-editor-block-patterns-list{ + column-count:3; + } +} +@media (min-width:1280px){ + .edit-site-page-panels__swap-template__modal-content .block-editor-block-patterns-list{ + column-count:4; + } +} +.edit-site-page-panels__swap-template__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; +} +.edit-site-page-panels__swap-template__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__item:not(:focus):not(:hover) .block-editor-block-preview__container{ + box-shadow:0 0 0 1px #ddd; +} + +.edit-site-change-status__content .components-popover__content{ + min-width:320px; + padding:16px; +} +.edit-site-change-status__content .edit-site-change-status__options .components-base-control__field>.components-v-stack{ + gap:8px; +} +.edit-site-change-status__content .edit-site-change-status__options label .components-text{ + display:block; + margin-right:26px; +} +.edit-site-change-status__content .edit-site-change-status__password-legend{ + margin-bottom:8px; + padding:0; +} + +.edit-site-summary-field .components-dropdown{ + width:70%; +} +.edit-site-summary-field .edit-site-summary-field__trigger{ + display:block; + max-width:100%; + overflow:hidden; + text-align:right; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-summary-field .edit-site-summary-field__label{ + width:30%; +} + +.edit-site-page-panels-edit-template__dropdown .components-popover__content{ + min-width:240px; +} + +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs{ + border-top:0; + justify-content:flex-start; + margin-top:0; + padding-left:16px; + padding-right:0; +} +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs ul{ + display:flex; +} +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs li{ + margin:0; +} +.components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ + display:none; + height:24px; + margin:0 auto 0 0; + min-width:24px; + padding:0; +} +@media (min-width:782px){ + .components-panel__header.edit-site-sidebar-edit-mode__panel-tabs .components-button.has-icon{ + display:flex; + } +} + +.components-button.edit-site-sidebar-edit-mode__panel-tab{ + background:transparent; + border:none; + border-radius:0; + box-shadow:none; + cursor:pointer; + font-weight:500; + height:48px; + margin-right:0; + padding:3px 16px; + position:relative; +} +.components-button.edit-site-sidebar-edit-mode__panel-tab:focus:not(:disabled){ + box-shadow:none; + outline:none; + position:relative; +} +.components-button.edit-site-sidebar-edit-mode__panel-tab:after{ + background:var(--wp-admin-theme-color); + border-radius:0; + bottom:0; + content:""; + height:calc(var(--wp-admin-border-width-focus)*0); + left:0; + pointer-events:none; + position:absolute; + right:0; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button.edit-site-sidebar-edit-mode__panel-tab:after{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.edit-site-sidebar-edit-mode__panel-tab.is-active:after{ + height:calc(var(--wp-admin-border-width-focus)*1); + outline:2px solid transparent; + outline-offset:-1px; +} +.components-button.edit-site-sidebar-edit-mode__panel-tab:before{ + border-radius:2px; + bottom:12px; + box-shadow:0 0 0 0 transparent; + content:""; + left:12px; + pointer-events:none; + position:absolute; + right:12px; + top:12px; + transition:all .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .components-button.edit-site-sidebar-edit-mode__panel-tab:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.components-button.edit-site-sidebar-edit-mode__panel-tab:focus-visible:before{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid transparent; +} + +.edit-site-sidebar-card{ + align-items:flex-start; + display:flex; +} +.edit-site-sidebar-card__content{ + flex-grow:1; + margin-bottom:4px; +} +.edit-site-sidebar-card__title{ + font-weight:500; + line-height:24px; +} +.edit-site-sidebar-card__title.edit-site-sidebar-card__title{ + margin:0; +} +.edit-site-sidebar-card__description{ + font-size:13px; +} +.edit-site-sidebar-card__icon{ + flex:0 0 24px; + height:24px; + margin-left:12px; + width:24px; +} +.edit-site-sidebar-card__header{ + display:flex; + justify-content:space-between; + margin:0 0 4px; +} + +.edit-site-template-card__template-areas{ + margin-top:16px; +} +.edit-site-template-card__template-areas-list,.edit-site-template-card__template-areas-list>li{ + margin:0; +} +.edit-site-template-card__template-areas-item{ + width:100%; +} +.edit-site-template-card__template-areas-item.components-button.has-icon{ + padding:0; +} +.edit-site-template-card__actions{ + line-height:0; +} +.edit-site-template-card__actions>.components-button.is-small.has-icon{ + min-width:auto; + padding:0; +} + +.edit-site-template-revisions{ + margin-right:-4px; +} + +h3.edit-site-template-card__template-areas-title{ + font-weight:500; + margin:0 0 8px; +} + +.edit-site-template-panel__replace-template-modal{ + z-index:1000001; +} + +.edit-site-template-panel__replace-template-modal__content{ + column-count:2; + column-gap:24px; +} +@media (min-width:782px){ + .edit-site-template-panel__replace-template-modal__content{ + column-count:3; + } +} +@media (min-width:1280px){ + .edit-site-template-panel__replace-template-modal__content{ + column-count:4; + } +} + +.edit-site-editor__interface-skeleton{ + opacity:1; + transition:opacity .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-editor__interface-skeleton{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-editor__interface-skeleton.is-loading{ + opacity:0; +} +.edit-site-editor__interface-skeleton .interface-interface-skeleton__header{ + border:0; +} + +.edit-site-editor__toggle-save-panel{ + background-color:#fff; + border:1px dotted #ddd; + box-sizing:border-box; + display:flex; + justify-content:center; + padding:24px; + width:280px; +} + +.edit-site .components-editor-notices__snackbar{ + bottom:40px; + left:0; + padding-left:16px; + padding-right:16px; + position:absolute; + right:0; +} +@media (min-width:783px){ + .edit-site .components-editor-notices__snackbar{ + right:160px; + } +} +@media (min-width:783px){ + .auto-fold .edit-site .components-editor-notices__snackbar{ + right:36px; + } +} +@media (min-width:961px){ + .auto-fold .edit-site .components-editor-notices__snackbar{ + right:160px; + } +} +.folded .edit-site .components-editor-notices__snackbar{ + right:0; +} +@media (min-width:783px){ + .folded .edit-site .components-editor-notices__snackbar{ + right:36px; + } +} + +body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar{ + right:0 !important; +} + +.edit-site-create-template-part-modal{ + z-index:1000001; +} +@media (min-width:600px){ + .edit-site-create-template-part-modal .components-modal__frame{ + max-width:500px; + } +} + +.edit-site-create-template-part-modal__area-radio-group{ + border:1px solid #757575; + border-radius:2px; + width:100%; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio{ + display:block; + height:100%; + padding:12px; + text-align:right; + width:100%; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover{ + background-color:inherit; + border-bottom:1px solid #757575; + border-radius:0; + margin:0; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus){ + box-shadow:none; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus{ + border-bottom:1px solid #fff; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type{ + border-bottom:none; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover),.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true]{ + color:#1e1e1e; + cursor:auto; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div,.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div{ + color:#949494; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label{ + padding-top:4px; + white-space:normal; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div{ + font-size:12px; + padding-top:4px; +} +.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox{ + margin-right:auto; + min-width:24px; +} +.edit-site-editor__inserter-panel,.edit-site-editor__list-view-panel{ + display:flex; + flex-direction:column; + height:100%; +} + +@media (min-width:782px){ + .edit-site-editor__list-view-panel{ + width:350px; + } +} + +.edit-site-editor__inserter-panel-header{ + display:flex; + justify-content:flex-end; + padding-left:8px; + padding-top:8px; +} + +.edit-site-editor__inserter-panel-content,.edit-site-editor__list-view-panel-content{ + height:calc(100% - 44px); +} + +@media (min-width:782px){ + .edit-site-editor__inserter-panel-content{ + height:100%; + } +} + +.edit-site-editor__list-view-panel-header{ + align-items:center; + border-bottom:1px solid #ddd; + display:flex; + height:48px; + justify-content:space-between; + padding-left:4px; + padding-right:16px; +} + +.edit-site-editor__list-view-panel-content{ + height:100%; + overflow:auto; + padding:8px 6px; + scrollbar-color:transparent transparent; + scrollbar-gutter:stable both-edges; + scrollbar-gutter:auto; + scrollbar-width:thin; + will-change:transform; +} +.edit-site-editor__list-view-panel-content::-webkit-scrollbar{ + height:12px; + width:12px; +} +.edit-site-editor__list-view-panel-content::-webkit-scrollbar-track{ + background-color:transparent; +} +.edit-site-editor__list-view-panel-content::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:transparent; + border:3px solid transparent; + border-radius:8px; +} +.edit-site-editor__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,.edit-site-editor__list-view-panel-content:focus::-webkit-scrollbar-thumb,.edit-site-editor__list-view-panel-content:hover::-webkit-scrollbar-thumb{ + background-color:#949494; +} +.edit-site-editor__list-view-panel-content:focus,.edit-site-editor__list-view-panel-content:focus-within,.edit-site-editor__list-view-panel-content:hover{ + scrollbar-color:#949494 transparent; +} +@media (hover:none){ + .edit-site-editor__list-view-panel-content{ + scrollbar-color:#949494 transparent; + } +} + +.edit-site-welcome-guide{ + width:312px; +} +.edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image .edit-site-welcome-guide.guide-styles .edit-site-welcome-guide__image{ + background:#00a0d2; +} +.edit-site-welcome-guide.guide-page .edit-site-welcome-guide__video{ + border-left:16px solid #3858e9; + border-top:16px solid #3858e9; +} +.edit-site-welcome-guide.guide-template .edit-site-welcome-guide__video{ + border-right:16px solid #3858e9; + border-top:16px solid #3858e9; +} +.edit-site-welcome-guide__image{ + margin:0 0 16px; +} +.edit-site-welcome-guide__image>img{ + display:block; + max-width:100%; + object-fit:cover; +} +.edit-site-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-site-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 16px; + padding:0 32px; +} +.edit-site-welcome-guide__text img{ + vertical-align:bottom; +} +.edit-site-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; +} + +.edit-site-start-template-options__modal .edit-site-start-template-options__modal__actions{ + background-color:#fff; + border-top:1px solid #ddd; + bottom:0; + height:92px; + margin-left:-32px; + margin-right:-32px; + padding-left:32px; + padding-right:32px; + position:absolute; + width:100%; + z-index:1; +} +.edit-site-start-template-options__modal .block-editor-block-patterns-list{ + padding-bottom:92px; +} + +.edit-site-start-template-options__modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; +} +@media (min-width:782px){ + .edit-site-start-template-options__modal-content .block-editor-block-patterns-list{ + column-count:3; + } +} +@media (min-width:1280px){ + .edit-site-start-template-options__modal-content .block-editor-block-patterns-list{ + column-count:4; + } +} +.edit-site-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; +} +.edit-site-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title{ + display:none; +} +.edit-site-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__item:not(:focus):not(:hover) .block-editor-block-preview__container{ + box-shadow:0 0 0 1px #ddd; +} + +.edit-site-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; +} +.edit-site-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; +} +.edit-site-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; +} +.edit-site-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; +} +.edit-site-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; +} +.edit-site-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 1rem 0 0; + text-align:left; +} +.edit-site-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; +} +.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; +} +.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; +} +.edit-site-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; +} +.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 .2rem 0 0; +} + +.edit-site-layout{ + background:#1e1e1e; + color:#ccc; + display:flex; + flex-direction:column; + height:100%; +} + +.edit-site-layout__hub{ + height:60px; + position:fixed; + right:0; + top:0; + width:calc(100vw - 48px); + z-index:3; +} +.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__hub{ + padding-left:0; + width:60px; +} +@media (min-width:782px){ + .edit-site-layout__hub{ + width:336px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__hub{ + border-radius:0; + box-shadow:none; + padding-left:16px; + width:100vw; +} +@media (min-width:782px){ + .edit-site-layout.is-full-canvas .edit-site-layout__hub{ + padding-left:0; + width:auto; + } +} + +.edit-site-layout__header-container{ + z-index:4; +} + +.edit-site-layout__header{ + display:flex; + height:60px; + z-index:2; +} +.edit-site-layout:not(.is-full-canvas) .edit-site-layout__header{ + position:fixed; + width:100vw; +} + +.edit-site-layout__content{ + display:flex; + flex-grow:1; + height:100%; +} + +.edit-site-layout__sidebar-region{ + flex-shrink:0; + width:100vw; + z-index:1; +} +@media (min-width:782px){ + .edit-site-layout__sidebar-region{ + width:360px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ + height:100vh; + position:fixed !important; + right:0; + top:0; +} +.edit-site-layout__sidebar-region .edit-site-layout__sidebar{ + display:flex; + flex-direction:column; + height:100%; +} +.edit-site-layout__sidebar-region .resizable-editor__drag-handle{ + left:0; +} + +.edit-site-layout__main{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:hidden; +} + +.edit-site-layout__canvas-container{ + flex-grow:1; + position:relative; + z-index:2; +} +.edit-site-layout__canvas-container.is-resizing:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:100; +} + +.edit-site-layout__canvas{ + align-items:center; + bottom:0; + display:flex; + justify-content:center; + position:absolute; + right:0; + top:0; + width:100%; +} +.edit-site-layout__canvas.is-right-aligned{ + justify-content:flex-end; +} +.edit-site-layout__canvas>div{ + color:#1e1e1e; +} +@media (min-width:782px){ + .edit-site-layout__canvas{ + bottom:24px; + top:24px; + width:calc(100% - 24px); + } + .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .edit-site-visual-editor__editor-canvas,.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas>div .interface-interface-skeleton__content,.edit-site-layout__canvas>div{ + border-radius:8px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas{ + bottom:0; + top:0; + width:100%; +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas>div{ + border-radius:0; +} + +.edit-site-layout__canvas .interface-interface-skeleton{ + min-height:100% !important; + position:relative !important; +} + +.edit-site-layout__view-mode-toggle.components-button{ + align-items:center; + border-bottom:1px solid transparent; + border-radius:0; + color:#fff; + display:flex; + height:60px; + justify-content:center; + overflow:hidden; + padding:0; + position:relative; + width:60px; +} +.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-layout__view-mode-toggle.components-button{ + border-bottom-color:#e0e0e0; + transition:border-bottom-color .15s ease-out .4s; +} +.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ + color:#fff; +} +.edit-site-layout__view-mode-toggle.components-button:focus{ + box-shadow:none; +} +.edit-site-layout__view-mode-toggle.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:none; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-layout__view-mode-toggle.components-button:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-layout__view-mode-toggle.components-button:focus:before{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ + align-items:center; + border-radius:2px; + display:flex; + height:64px; + justify-content:center; + width:64px; +} + +.edit-site-layout__actions{ + background:#fff; + bottom:auto; + color:#1e1e1e; + left:0; + position:fixed !important; + right:auto; + top:-9999em; + width:280px; + z-index:100000; +} +.edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{ + bottom:0; + top:auto; +} +.edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{ + top:0; +} +@media (min-width:782px){ + .edit-site-layout__actions{ + border-right:1px solid #ddd; + } + .edit-site-layout.has-fixed-toolbar .edit-site-layout__canvas-container{ + z-index:5; + } + .edit-site-layout.has-fixed-toolbar .edit-site-site-hub{ + z-index:4; + } +} + +@media (min-width:782px){ + .edit-site-layout.has-fixed-toolbar .edit-site-layout__header:focus-within{ + z-index:3; + } +} + +.is-edit-mode.is-distraction-free .edit-site-layout__header-container{ + height:60px; + left:0; + position:absolute; + right:0; + top:0; + width:100%; + z-index:4; +} +.is-edit-mode.is-distraction-free .edit-site-layout__header-container:focus-within{ + opacity:1 !important; +} +.is-edit-mode.is-distraction-free .edit-site-layout__header-container:focus-within div{ + transform:translateX(0) translateY(0) translateZ(0) !important; +} +.is-edit-mode.is-distraction-free .edit-site-layout__header-container:focus-within .edit-site-layout__header{ + opacity:1 !important; +} +.is-edit-mode.is-distraction-free .edit-site-layout__header,.is-edit-mode.is-distraction-free .edit-site-site-hub{ + position:absolute; + top:0; + z-index:2; +} +.is-edit-mode.is-distraction-free .edit-site-site-hub{ + z-index:3; +} +.is-edit-mode.is-distraction-free .edit-site-layout__header{ + width:100%; +} + +.edit-site-save-hub{ + border-top:1px solid #2f2f2f; + color:#949494; + flex-shrink:0; + margin:0; + padding:20px 24px; +} + +.edit-site-save-hub__button{ + color:inherit; + justify-content:center; + width:100%; +} +.edit-site-save-hub__button[aria-disabled=true]{ + opacity:1; +} +.edit-site-save-hub__button[aria-disabled=true]:hover{ + color:inherit; +} + +@media (min-width:600px){ + .edit-site-save-panel__modal{ + width:600px; + } +} + +.edit-site-sidebar__content{ + flex-grow:1; + overflow-y:auto; +} +.edit-site-sidebar__content .components-navigator-screen{ + display:flex; + flex-direction:column; + height:100%; + scrollbar-color:transparent transparent; + scrollbar-gutter:stable both-edges; + scrollbar-gutter:stable; + scrollbar-width:thin; + will-change:transform; +} +.edit-site-sidebar__content .components-navigator-screen::-webkit-scrollbar{ + height:12px; + width:12px; +} +.edit-site-sidebar__content .components-navigator-screen::-webkit-scrollbar-track{ + background-color:transparent; +} +.edit-site-sidebar__content .components-navigator-screen::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:transparent; + border:3px solid transparent; + border-radius:8px; +} +.edit-site-sidebar__content .components-navigator-screen:focus-within::-webkit-scrollbar-thumb,.edit-site-sidebar__content .components-navigator-screen:focus::-webkit-scrollbar-thumb,.edit-site-sidebar__content .components-navigator-screen:hover::-webkit-scrollbar-thumb{ + background-color:#757575; +} +.edit-site-sidebar__content .components-navigator-screen:focus,.edit-site-sidebar__content .components-navigator-screen:focus-within,.edit-site-sidebar__content .components-navigator-screen:hover{ + scrollbar-color:#757575 transparent; +} +@media (hover:none){ + .edit-site-sidebar__content .components-navigator-screen{ + scrollbar-color:#757575 transparent; + } +} + +.edit-site-sidebar__footer{ + border-top:1px solid #2f2f2f; + flex-shrink:0; + margin:0 24px; + padding:24px 0; +} + +.edit-site-sidebar__content>div{ + padding:0 12px; +} + +.edit-site-sidebar-button{ + color:#e0e0e0; + flex-shrink:0; +} +.edit-site-sidebar-button:focus:not(:disabled){ + box-shadow:none; + outline:none; +} +.edit-site-sidebar-button:focus-visible:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #007cba)); + outline:3px solid transparent; +} +.edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover,.edit-site-sidebar-button:not([aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ + color:#f0f0f0; +} + +.edit-site-sidebar-navigation-item.components-item{ + border:none; + border-radius:2px; + color:#949494; + min-height:40px; + padding:8px 16px 8px 6px; +} +.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:#2f2f2f; + color:#e0e0e0; +} +.edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current] .edit-site-sidebar-navigation-item__drilldown-indicator{ + fill:#e0e0e0; +} +.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:var(--wp-admin-theme-color); + color:#fff; +} +.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ + fill:#949494; +} +.edit-site-sidebar-navigation-item.components-item.with-suffix{ + padding-left:16px; +} + +.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{ + cursor:grab; + padding:8px; +} + +.edit-site-sidebar-navigation-screen{ + display:flex; + flex-direction:column; + overflow-x:unset !important; + position:relative; +} + +.edit-site-sidebar-navigation-screen__main{ + flex-grow:1; + margin-bottom:16px; +} +.edit-site-sidebar-navigation-screen__main.has-footer{ + margin-bottom:0; +} + +.edit-site-sidebar-navigation-screen__content{ + padding:0 16px; +} +.edit-site-sidebar-navigation-screen__content .components-item-group{ + margin-left:-16px; + margin-right:-16px; +} +.edit-site-sidebar-navigation-screen__content .components-text{ + color:#ccc; +} +.edit-site-sidebar-navigation-screen__content .components-heading{ + margin-bottom:8px; +} + +.edit-site-sidebar-navigation-screen__meta{ + color:#ccc; + margin:0 16px 16px 0; +} +.edit-site-sidebar-navigation-screen__meta .components-text{ + color:#ccc; +} + +.edit-site-sidebar-navigation-screen__page-link{ + color:#949494; + display:inline-block; +} +.edit-site-sidebar-navigation-screen__page-link:focus,.edit-site-sidebar-navigation-screen__page-link:hover{ + color:#fff; +} +.edit-site-sidebar-navigation-screen__page-link .components-external-link__icon{ + margin-right:4px; +} + +.edit-site-sidebar-navigation-screen__title-icon{ + background:#1e1e1e; + margin-bottom:8px; + padding-bottom:8px; + padding-top:108px; + position:sticky; + top:0; + z-index:1; +} + +.edit-site-sidebar-navigation-screen__title{ + flex-grow:1; + overflow-wrap:break-word; + padding:6px 0 0; +} + +.edit-site-sidebar-navigation-screen__actions{ + flex-shrink:0; +} + +@media (min-width:782px){ + .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container{ + max-width:292px; + } +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 1px #1e1e1e; +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 1px #f0f0f0; +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 1px var(--wp-admin-theme-color); +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.edit-site-sidebar-navigation-screen__footer{ + background-color:#1e1e1e; + border-top:1px solid #2f2f2f; + bottom:0; + gap:0; + margin:16px 0 0; + padding:16px 0; + position:sticky; +} + +.edit-site-sidebar__notice{ + background:#2f2f2f; + color:#ddd; + margin:24px 0; +} +.edit-site-sidebar__notice.is-dismissible{ + padding-left:8px; +} +.edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]){ + color:#ccc; +} +.edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.edit-site-sidebar__notice .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{ + color:#fff; +} +.edit-site-sidebar-navigation-screen__input-control{ + width:100%; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__container{ + background:#2f2f2f; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{ + color:#e0e0e0 !important; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ + background:#2f2f2f !important; + border-radius:2px; + color:#e0e0e0 !important; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ + border:4px !important; +} +.edit-site-sidebar-navigation-screen__input-control .components-base-control__help{ + color:#949494; +} + +.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:none; +} +.edit-site-sidebar-navigation-screen-details-footer .edit-site-sidebar-navigation-screen-details-footer__icon{ + fill:#949494; + margin-right:auto; +} + +.sidebar-navigation__more-menu .components-button{ + color:#e0e0e0; +} +.sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{ + color:#f0f0f0; +} + +.edit-site-sidebar-navigation-screen-page__featured-image-wrapper{ + background-color:#2f2f2f; + border-radius:4px; + margin-bottom:16px; + min-height:128px; +} + +.edit-site-sidebar-navigation-screen-page__featured-image{ + align-items:center; + background-position:50% 50%; + background-size:cover; + border-radius:2px; + color:#949494; + display:flex; + height:128px; + justify-content:center; + overflow:hidden; + width:100%; +} +.edit-site-sidebar-navigation-screen-page__featured-image img{ + height:100%; + object-fit:cover; + object-position:50% 50%; + width:100%; +} + +.edit-site-sidebar-navigation-screen-page__featured-image-description{ + font-size:12px; +} + +.edit-site-sidebar-navigation-screen-page__excerpt{ + font-size:12px; + margin-bottom:24px; +} + +.edit-site-sidebar-navigation-screen-page__modified{ + color:#949494; + margin:0 16px 16px 0; +} +.edit-site-sidebar-navigation-screen-page__modified .components-text{ + color:#949494; +} + +.edit-site-sidebar-navigation-screen-page__status{ + display:inline-flex; +} +.edit-site-sidebar-navigation-screen-page__status time{ + display:contents; +} +.edit-site-sidebar-navigation-screen-page__status svg{ + fill:#f0b849; + height:16px; + margin-left:8px; + width:16px; +} +.edit-site-sidebar-navigation-screen-page__status.has-future-status svg,.edit-site-sidebar-navigation-screen-page__status.has-publish-status svg{ + fill:#4ab866; +} + +.edit-site-sidebar-navigation-details-screen-panel{ + margin:24px 0; +} +.edit-site-sidebar-navigation-details-screen-panel:last-of-type{ + margin-bottom:0; +} +.edit-site-sidebar-navigation-details-screen-panel .edit-site-sidebar-navigation-details-screen-panel__heading{ + color:#ccc; + font-size:11px; + font-weight:500; + margin-bottom:0; + padding:0; + text-transform:uppercase; +} + +.edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label{ + color:#949494; + flex-shrink:0; + width:100px; +} + +.edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value{ + color:#e0e0e0; +} + +.edit-site-sidebar-navigation-screen-pattern__added-by-description{ + align-items:center; + display:flex; + justify-content:space-between; + margin-top:24px; +} + +.edit-site-sidebar-navigation-screen-pattern__added-by-description-author{ + align-items:center; + display:inline-flex; +} +.edit-site-sidebar-navigation-screen-pattern__added-by-description-author img{ + border-radius:12px; +} +.edit-site-sidebar-navigation-screen-pattern__added-by-description-author svg{ + fill:#949494; +} + +.edit-site-sidebar-navigation-screen-pattern__added-by-description-author-icon{ + height:24px; + margin-left:8px; + width:24px; +} + +.edit-site-sidebar-navigation-screen-patterns__group{ + margin-bottom:24px; +} +.edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ + border-bottom:0; + margin-bottom:0; + padding-bottom:0; +} + +.edit-site-sidebar-navigation-screen-patterns__group-header{ + margin-top:16px; +} +.edit-site-sidebar-navigation-screen-patterns__group-header p{ + color:#949494; +} +.edit-site-sidebar-navigation-screen-patterns__group-header h2{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} + +.edit-site-sidebar-navigation-screen-template__added-by-description{ + align-items:center; + display:flex; + justify-content:space-between; + margin-top:24px; +} + +.edit-site-sidebar-navigation-screen-template__added-by-description-author{ + align-items:center; + display:inline-flex; +} +.edit-site-sidebar-navigation-screen-template__added-by-description-author img{ + border-radius:12px; +} +.edit-site-sidebar-navigation-screen-template__added-by-description-author svg{ + fill:#949494; +} + +.edit-site-sidebar-navigation-screen-template__added-by-description-author-icon{ + height:24px; + margin-left:8px; + width:24px; +} + +.edit-site-sidebar-navigation-screen-template__template-area-button{ + align-items:center; + border-radius:4px; + color:#fff; + display:flex; + flex-wrap:nowrap; + width:100%; +} +.edit-site-sidebar-navigation-screen-template__template-area-button:focus,.edit-site-sidebar-navigation-screen-template__template-area-button:hover{ + background:#2f2f2f; + color:#fff; +} + +.edit-site-sidebar-navigation-screen-template__template-area-label-text{ + flex-grow:1; + margin:0 4px 0 16px; +} + +.edit-site-sidebar-navigation-screen-template__template-icon{ + display:flex; +} + +.edit-site-site-hub{ + align-items:center; + display:flex; + gap:8px; + justify-content:space-between; +} +.edit-site-site-hub .edit-site-site-hub__container{ + gap:0; +} +.edit-site-site-hub .edit-site-site-hub__site-title,.edit-site-site-hub .edit-site-site-hub_toggle-command-center{ + transition:opacity .1s ease; +} +.edit-site-site-hub .edit-site-site-hub__site-title.is-transparent,.edit-site-site-hub .edit-site-site-hub_toggle-command-center.is-transparent{ + opacity:0 !important; +} +.edit-site-site-hub .edit-site-site-hub__site-view-link{ + flex-grow:0; + margin-left:var(--wp-admin-border-width-focus); +} +@media (min-width:480px){ + .edit-site-site-hub .edit-site-site-hub__site-view-link{ + opacity:0; + transition:opacity .2s ease-in-out; + } +} +.edit-site-site-hub .edit-site-site-hub__site-view-link:focus{ + opacity:1; +} +.edit-site-site-hub .edit-site-site-hub__site-view-link svg{ + fill:#e0e0e0; +} +.edit-site-site-hub:hover .edit-site-site-hub__site-view-link{ + opacity:1; +} + +.edit-site-site-hub__post-type{ + opacity:.6; +} + +.edit-site-site-hub__view-mode-toggle-container{ + background:#1e1e1e; + flex-shrink:0; + height:60px; + width:60px; +} +.edit-site-site-hub__view-mode-toggle-container.has-transparent-background{ + background:transparent; +} + +.edit-site-site-hub__text-content{ + overflow:hidden; +} + +.edit-site-site-hub__title{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.edit-site-site-hub__site-title{ + color:#e0e0e0; + flex-grow:1; + margin-right:4px; +} + +.edit-site-site-hub_toggle-command-center{ + color:#e0e0e0; +} +.edit-site-site-hub_toggle-command-center:hover{ + color:#f0f0f0; +} + +.edit-site-sidebar-navigation-screen__description{ + margin:0 0 32px; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf{ + border-radius:2px; + max-width:calc(100% - 4px); +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf[aria-current]{ + background:#2f2f2f; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf .block-editor-list-view-block__menu{ + margin-right:-8px; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected>td{ + background:transparent; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents{ + color:inherit; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:not(:hover) .block-editor-list-view-block__menu{ + opacity:0; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:hover{ + color:#fff; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:focus .block-editor-list-view-block__menu-cell,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected:hover .block-editor-list-view-block__menu-cell{ + opacity:1; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ + background:transparent; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .offcanvas-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch):hover{ + background:#2f2f2f; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ + width:100%; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ + margin-top:3px; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ + padding-left:0; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button{ + color:#949494; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current]{ + color:#fff; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ + display:block; + margin-left:auto; + margin-right:auto; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ + display:none; +} + +.edit-site-site-icon__icon{ + fill:currentColor; +} + +.edit-site-site-icon__image{ + background:#333; + border-radius:4px; + height:auto; + object-fit:cover; + width:100%; +} +.edit-site-layout.is-full-canvas.is-edit-mode .edit-site-site-icon__image{ + border-radius:0; +} + +.edit-site-style-book{ + height:100%; +} + +.edit-site-style-book.is-button,.edit-site-style-book__iframe.is-button{ + border-radius:8px; +} +.edit-site-style-book__iframe.is-focused{ + outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); + outline-offset:calc(var(--wp-admin-border-width-focus)*-2); +} + +.edit-site-style-book__tab-panel .components-tab-panel__tabs{ + background:#fff; + color:#1e1e1e; +} +.edit-site-style-book__tab-panel .components-tab-panel__tab-content{ + bottom:0; + left:0; + overflow:auto; + padding:0; + position:absolute; + right:0; + top:48px; +} + +.edit-site-editor-canvas-container{ + background:#fff; + border-radius:2px; + bottom:0; + left:0; + overflow:hidden; + position:absolute; + right:0; + top:0; + transition:all .3s; +} + +.edit-site-editor-canvas-container__close-button{ + background:#fff; + left:8px; + position:absolute; + top:6px; + z-index:1; +} + +.edit-site-resizable-frame__inner{ + position:relative; +} +body:has(.edit-site-resizable-frame__inner.is-resizing){ + cursor:col-resize; + user-select:none; + -webkit-user-select:none; +} + +.edit-site-resizable-frame__inner.is-resizing:before{ + content:""; + inset:0; + position:absolute; + z-index:1; +} + +.edit-site-resizable-frame__inner-content{ + inset:0; + position:absolute; + z-index:0; +} + +.edit-site-resizable-frame__handle{ + align-items:center; + background-color:hsla(0,0%,46%,.4); + border:0; + border-radius:4px; + cursor:col-resize; + display:flex; + height:64px; + justify-content:flex-end; + padding:0; + position:absolute; + top:calc(50% - 32px); + width:4px; + z-index:100; +} +.edit-site-resizable-frame__handle:before{ + content:""; + height:100%; + position:absolute; + right:100%; + width:32px; +} +.edit-site-resizable-frame__handle:after{ + content:""; + height:100%; + left:100%; + position:absolute; + width:32px; +} +.edit-site-resizable-frame__handle:focus-visible{ + outline:2px solid transparent; +} +.edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{ + background-color:var(--wp-admin-theme-color); +} + +.edit-site-push-changes-to-global-styles-control .components-button{ + justify-content:center; + width:100%; +} + +@media (min-width:782px){ + .font-library-modal.font-library-modal{ + width:65vw; + } +} +.font-library-modal .components-modal__header{ + border-bottom:none; +} +.font-library-modal .components-modal__content{ + padding-top:0; +} +.font-library-modal .font-library-modal__subtitle{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} + +.font-library-modal__tab-layout main{ + padding-bottom:4rem; +} +.font-library-modal__tab-layout footer{ + background-color:#fff; + border-top:1px solid #e5e5e5; + bottom:32px; + margin:0 -32px -32px; + padding:16px 32px; + position:absolute; + width:100%; +} + +.font-library-modal__fonts-grid .font-library-modal__fonts-grid__main{ + display:flex; + flex-direction:column; +} + +.font-library-modal__font-card{ + border:1px solid #e5e5e5; + height:auto; + margin-top:-1px; + padding:1rem; +} +.font-library-modal__font-card .font-library-modal__font-card__name{ + font-weight:700; +} +.font-library-modal__font-card .font-library-modal__font-card__count{ + color:#6e6e6e; +} + +.font-library-modal__library-font-variant{ + border:1px solid #e5e5e5; + margin-top:-1px; + padding:1rem; +} + +.font-library-modal__font-variant{ + border-bottom:1px solid #e5e5e5; + padding-bottom:1rem; +} + +.font-library-modal__tab-panel [role=tablist]{ + background:#fff; + border-bottom:1px solid #e6e6e6; + margin:0 -32px; + padding:0 16px; + position:sticky; + top:0; + width:calc(100% + 64px); + z-index:1; +} + +.font-library-modal__upload-area{ + align-items:center; + background-color:#f0f0f0; + display:flex; + height:250px; + justify-content:center; + width:100%; +} + +.font-library-modal__local-fonts{ + margin:0 auto; + width:80%; +} +.font-library-modal__local-fonts .font-library-modal__upload-area__text{ + color:#6e6e6e; +} +.font-library-modal__local-fonts .font-library-modal__upload-area__notice{ + margin:0; +} + +.font-library-modal__font-name{ + font-weight:700; +} + +.font-library-modal__font-filename{ + color:#6e6e6e; +} + +.font-library-modal__font-variant_demo-wrapper{ + overflow:hidden; + position:relative; + white-space:nowrap; + width:100%; +} +.font-library-modal__font-variant_demo-wrapper:after{ + background:linear-gradient(270deg, hsla(0,0%,100%,0), #fff); + bottom:0; + content:""; + height:100%; + left:0; + position:absolute; + width:30vw; +} + +.font-library__google-fonts-confirm{ + align-items:center; + display:flex; + justify-content:center; +} +.font-library__google-fonts-confirm h3{ + font-size:1.4rem; +} +.font-library__google-fonts-confirm .components-card{ + max-width:350px; + min-width:250px; + width:50%; +} + +.font-library-modal__font-collection__notice{ + margin:0; +} + +body.js #wpadminbar{ + display:none; +} + +body.js #wpbody{ + padding-top:0; +} + +body.js.appearance_page_gutenberg-template-parts,body.js.site-editor-php{ + background:#fff; +} +body.js.appearance_page_gutenberg-template-parts #wpcontent,body.js.site-editor-php #wpcontent{ + padding-right:0; +} +body.js.appearance_page_gutenberg-template-parts #wpbody-content,body.js.site-editor-php #wpbody-content{ + padding-bottom:0; +} +body.js.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.appearance_page_gutenberg-template-parts #wpfooter,body.js.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.site-editor-php #wpfooter{ + display:none; +} +body.js.appearance_page_gutenberg-template-parts .a11y-speak-region,body.js.site-editor-php .a11y-speak-region{ + right:-1px; + top:-1px; +} +body.js.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.js.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.js.site-editor-php ul#adminmenu>li.current>a.current:after{ + border-left-color:#fff; +} +body.js.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.js.site-editor-php .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; +} + +body.js.site-editor-php{ + background:#1e1e1e; +} + +.components-modal__frame,.edit-site{ + box-sizing:border-box; +} +.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.edit-site *,.edit-site :after,.edit-site :before{ + box-sizing:inherit; +} + +.edit-site{ + height:100vh; +} +@media (min-width:600px){ + .edit-site{ + bottom:0; + left:0; + min-height:100vh; + position:fixed; + right:0; + top:0; + } +} +.no-js .edit-site{ + min-height:0; + position:static; +} +.edit-site .interface-interface-skeleton{ + top:0; +} +.edit-site .interface-complementary-area__pin-unpin-item.components-button{ + display:none; +} +.edit-site .interface-interface-skeleton__content{ + background-color:#1e1e1e; +} +@keyframes edit-post__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:1; + } +} +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; + } +}
\ No newline at end of file |