diff options
Diffstat (limited to 'srcs/wordpress/wp-includes/css/dist/edit-post/style.css')
| -rw-r--r-- | srcs/wordpress/wp-includes/css/dist/edit-post/style.css | 2186 |
1 files changed, 0 insertions, 2186 deletions
diff --git a/srcs/wordpress/wp-includes/css/dist/edit-post/style.css b/srcs/wordpress/wp-includes/css/dist/edit-post/style.css deleted file mode 100644 index ac604a7..0000000 --- a/srcs/wordpress/wp-includes/css/dist/edit-post/style.css +++ /dev/null @@ -1,2186 +0,0 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * Often re-used variables - */ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Button states and focus styles - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Applies editor right position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -46px; - height: calc(100% + 46px); } } - @media (min-width: 782px) and (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); } } - -@media (min-width: 782px) { - 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-left: 0; } - body.js.is-fullscreen-mode .edit-post-header { - transform: translateY(-100%); - animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } } - @media (min-width: 782px) and (prefers-reduced-motion: reduce) { - body.js.is-fullscreen-mode .edit-post-header { - animation-duration: 1ms; } } - -@keyframes edit-post-fullscreen-mode__slide-in-animation { - 100% { - transform: translateY(0%); } } - -.edit-post-header { - height: 56px; - padding: 4px 2px; - border-bottom: 1px solid #e2e4e7; - background: #fff; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - max-width: 100vw; - z-index: 30; - left: 0; - right: 0; } - @media (min-width: 280px) { - .edit-post-header { - height: 56px; - top: 0; - position: -webkit-sticky; - position: sticky; - flex-wrap: nowrap; } } - @media (min-width: 600px) { - .edit-post-header { - position: fixed; - padding: 8px; - top: 46px; } } - @media (min-width: 782px) { - .edit-post-header { - top: 32px; } - body.is-fullscreen-mode .edit-post-header { - top: 0; } } - .edit-post-header > .edit-post-header__settings { - order: 1; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-header > .edit-post-header__settings { - order: initial; } } - -.edit-post-header { - /* Set left position when auto-fold is not on the body element. */ - left: 0; } - @media (min-width: 782px) { - .edit-post-header { - left: 160px; } } - -.auto-fold .edit-post-header { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } - @media (min-width: 782px) { - .auto-fold .edit-post-header { - left: 36px; } } - @media (min-width: 960px) { - .auto-fold .edit-post-header { - left: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-header { - left: 0; } - @media (min-width: 782px) { - .folded .edit-post-header { - left: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .edit-post-header { - left: 190px; } } - -/* In small screens with responsive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .edit-post-header { - margin-left: -18px; } } - -body.is-fullscreen-mode .edit-post-header { - left: 0 !important; } - -.edit-post-header__toolbar { - display: flex; } - -.edit-post-header__settings { - display: inline-flex; - align-items: center; - flex-wrap: wrap; } - -.edit-post-header .components-button.is-toggled { - color: #fff; - background: #555d66; - margin: 1px; - padding: 7px; } - -.edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus { - box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff !important; - color: #fff !important; - background: #555d66 !important; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 2px; - height: 33px; - line-height: 32px; - font-size: 13px; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 5px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 12px; } } - -.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 5px 2px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 12px 2px; } } - -@media (min-width: 782px) { - .edit-post-header .components-button.editor-post-preview { - margin: 0 3px 0 12px; } - .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 0 12px 0 3px; } } - -.edit-post-fullscreen-mode-close__toolbar { - display: none; } - @media (min-width: 782px) { - .edit-post-fullscreen-mode-close__toolbar { - display: flex; - border-top: 0; - border-bottom: 0; - border-left: 0; - margin: -9px 10px -8px -10px; - padding: 9px 10px; } } - -.edit-post-header-toolbar { - display: inline-flex; - align-items: center; } - .edit-post-header-toolbar > .components-button { - display: none; } - @media (min-width: 600px) { - .edit-post-header-toolbar > .components-button { - display: inline-flex; } } - .edit-post-header-toolbar .block-editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { - display: none; } - @media (min-width: 600px) { - .edit-post-header-toolbar .block-editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { - display: flex; } } - -.edit-post-header-toolbar__block-toolbar { - position: absolute; - top: 56px; - left: 0; - right: 0; - background: #fff; - min-height: 37px; - border-bottom: 1px solid #e2e4e7; } - .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { - border-top: none; - border-bottom: none; } - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - display: none; } - @media (min-width: 782px) { - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - display: block; - right: 280px; } } - @media (min-width: 1080px) { - .edit-post-header-toolbar__block-toolbar { - padding-left: 8px; - position: static; - left: auto; - right: auto; - background: none; - border-bottom: none; - min-height: auto; } - .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { - right: auto; } - .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { - margin: -9px 0; } - .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { - padding: 10px 4px 9px; } } - -.edit-post-more-menu { - margin-left: -4px; } - .edit-post-more-menu .components-icon-button { - width: auto; - padding: 8px 2px; } - @media (min-width: 600px) { - .edit-post-more-menu { - margin-left: 4px; } - .edit-post-more-menu .components-icon-button { - padding: 8px 4px; } } - .edit-post-more-menu .components-button svg { - transform: rotate(90deg); } - -.edit-post-more-menu__content .components-popover__content { - min-width: 260px; } - @media (min-width: 480px) { - .edit-post-more-menu__content .components-popover__content { - width: auto; - max-width: 480px; } } - .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; } - -.components-popover.edit-post-more-menu__content { - z-index: 99998; } - -.edit-post-pinned-plugins { - display: none; } - @media (min-width: 600px) { - .edit-post-pinned-plugins { - display: flex; } } - .edit-post-pinned-plugins .components-icon-button { - margin-left: 4px; } - .edit-post-pinned-plugins .components-icon-button.is-toggled { - margin-left: 5px; } - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg, - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * { - stroke: #555d66; - fill: #555d66; - stroke-width: 0; } - .edit-post-pinned-plugins .components-icon-button.is-toggled svg, - .edit-post-pinned-plugins .components-icon-button.is-toggled svg *, - .edit-post-pinned-plugins .components-icon-button.is-toggled:hover svg, - .edit-post-pinned-plugins .components-icon-button.is-toggled:hover svg * { - stroke: #fff !important; - fill: #fff !important; - stroke-width: 0; } - .edit-post-pinned-plugins .components-icon-button:hover svg, - .edit-post-pinned-plugins .components-icon-button:hover svg * { - stroke: #191e23 !important; - fill: #191e23 !important; - stroke-width: 0; } - -.edit-post-keyboard-shortcut-help__section { - margin: 0 0 2rem 0; } - -.edit-post-keyboard-shortcut-help__main-shortcuts .edit-post-keyboard-shortcut-help__shortcut-list { - margin-top: -17px; } - -.edit-post-keyboard-shortcut-help__section-title { - font-size: 0.9rem; - font-weight: 600; } - -.edit-post-keyboard-shortcut-help__shortcut { - display: flex; - align-items: center; - padding: 0.6rem 0; - border-top: 1px solid #e2e4e7; - margin-bottom: 0; } - .edit-post-keyboard-shortcut-help__shortcut:last-child { - border-bottom: 1px solid #e2e4e7; } - -.edit-post-keyboard-shortcut-help__shortcut-term { - font-weight: 600; - margin: 0 0 0 1rem; } - -.edit-post-keyboard-shortcut-help__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; } - -.edit-post-keyboard-shortcut-help__shortcut-key-combination { - background: none; - margin: 0; - padding: 0; } - -.edit-post-keyboard-shortcut-help__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; } - .edit-post-keyboard-shortcut-help__shortcut-key:last-child { - margin: 0 0 0 0.2rem; } - -.edit-post-layout, -.edit-post-layout__content { - height: 100%; } - -.edit-post-layout { - position: relative; - box-sizing: border-box; } - @media (min-width: 600px) { - .edit-post-layout { - padding-top: 56px; } } - -.edit-post-layout__metaboxes:not(:empty) { - border-top: 1px solid #e2e4e7; - margin-top: 10px; - padding: 10px 0 10px; - clear: both; } - .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { - margin: auto 20px; } - -.edit-post-layout__content .components-editor-notices__snackbar { - position: fixed; - right: 0; - bottom: 20px; - padding-left: 16px; - padding-right: 16px; } - -.edit-post-layout__content .components-editor-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - left: 0; } - @media (min-width: 782px) { - .edit-post-layout__content .components-editor-notices__snackbar { - left: 160px; } } - -.auto-fold .edit-post-layout__content .components-editor-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } - @media (min-width: 782px) { - .auto-fold .edit-post-layout__content .components-editor-notices__snackbar { - left: 36px; } } - @media (min-width: 960px) { - .auto-fold .edit-post-layout__content .components-editor-notices__snackbar { - left: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-layout__content .components-editor-notices__snackbar { - left: 0; } - @media (min-width: 782px) { - .folded .edit-post-layout__content .components-editor-notices__snackbar { - left: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .edit-post-layout__content .components-editor-notices__snackbar { - left: 190px; } } - -/* In small screens with responsive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .edit-post-layout__content .components-editor-notices__snackbar { - margin-left: -18px; } } - -body.is-fullscreen-mode .edit-post-layout__content .components-editor-notices__snackbar { - left: 0 !important; } - -.edit-post-layout__content { - display: flex; - flex-direction: column; - min-height: 100%; - position: relative; - padding-bottom: 50vh; - -webkit-overflow-scrolling: touch; } - @media (min-width: 782px) { - .edit-post-layout__content { - position: fixed; - bottom: 0; - left: 0; - right: 0; - top: 88px; - min-height: calc(100% - 88px); - height: auto; - margin-left: 160px; } - body.auto-fold .edit-post-layout__content { - margin-left: 36px; } } - @media (min-width: 782px) and (min-width: 960px) { - body.auto-fold .edit-post-layout__content { - margin-left: 160px; } } - @media (min-width: 782px) { - body.folded .edit-post-layout__content { - margin-left: 36px; } - body.is-fullscreen-mode .edit-post-layout__content { - margin-left: 0 !important; - top: 56px; } } - @media (min-width: 782px) { - .has-fixed-toolbar .edit-post-layout__content { - top: 124px; } } - @media (min-width: 1080px) { - .has-fixed-toolbar .edit-post-layout__content { - top: 88px; } } - @media (min-width: 600px) { - .edit-post-layout__content { - padding-bottom: 0; } } - @media (min-width: 600px) { - .edit-post-layout__content { - overflow-y: auto; } } - @media (min-width: 600px) { - .edit-post-layout__content { - overscroll-behavior-y: none; } } - .edit-post-layout__content .edit-post-visual-editor { - flex: 1 1 auto; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-layout__content .edit-post-visual-editor { - flex-basis: 100%; } } - .edit-post-layout__content .edit-post-layout__metaboxes { - flex-shrink: 0; } - -.edit-post-layout .editor-post-publish-panel { - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - right: 0; - left: 0; - overflow: auto; } - @media (min-width: 782px) { - .edit-post-layout .editor-post-publish-panel { - z-index: 99998; - top: 32px; - left: auto; - width: 280px; - border-left: 1px solid #e2e4e7; - transform: translateX(100%); - animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } - @media (min-width: 782px) and (prefers-reduced-motion: reduce) { - .edit-post-layout .editor-post-publish-panel { - animation-duration: 1ms; } } - @media (min-width: 782px) { - body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { - top: 0; } - .is-focusing-regions .edit-post-layout .editor-post-publish-panel { - transform: translateX(0%); } } - -@keyframes edit-post-post-publish-panel__slide-in-animation { - 100% { - transform: translateX(0%); } } - -.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large { - height: 33px; - line-height: 32px; } - -.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer { - display: inline-flex; - flex: 0 1 52px; } - -.edit-post-toggle-publish-panel { - position: fixed; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - z-index: 100000; - padding: 10px 10px 10px 0; - width: 280px; - background-color: #fff; } - .edit-post-toggle-publish-panel:focus { - top: auto; - bottom: 0; } - .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - width: auto; - height: auto; - display: block; - font-size: 14px; - font-weight: 600; - margin: 0 0 0 auto; - padding: 15px 23px 14px; - line-height: normal; - text-decoration: none; - outline: none; - background: #f1f1f1; - color: #11a0d2; } - body.admin-color-sunrise .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #c8b03c; } - body.admin-color-ocean .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #a89d8a; } - body.admin-color-midnight .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #77a6b9; } - body.admin-color-ectoplasm .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #c77430; } - body.admin-color-coffee .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #9fa47b; } - body.admin-color-blue .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #d9ab59; } - body.admin-color-light .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #c75726; } - .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button:focus { - position: fixed; - top: auto; - right: 10px; - bottom: 10px; - left: auto; } - -@media (min-width: 600px) { - .edit-post-manage-blocks-modal { - height: calc(100% - 56px - 56px); } } - -.edit-post-manage-blocks-modal .components-modal__content { - padding-bottom: 0; - display: flex; - flex-direction: column; } - -.edit-post-manage-blocks-modal .components-modal__header { - flex-shrink: 0; - margin-bottom: 0; } - -.edit-post-manage-blocks-modal__content { - display: flex; - flex-direction: column; - flex: 0 1 100%; - min-height: 0; } - -.edit-post-manage-blocks-modal__no-results { - font-style: italic; - padding: 24px 0; - text-align: center; } - -.edit-post-manage-blocks-modal__search { - margin: 16px 0; } - .edit-post-manage-blocks-modal__search .components-base-control__field { - margin-bottom: 0; } - .edit-post-manage-blocks-modal__search .components-base-control__label { - margin-top: -4px; } - .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { - padding: 12px; - border-radius: 4px; } - -.edit-post-manage-blocks-modal__disabled-blocks-count { - border-top: 1px solid #e2e4e7; - margin-left: -24px; - margin-right: -24px; - padding-top: 0.6rem; - padding-bottom: 0.6rem; - padding-left: 24px; - padding-right: 24px; - background-color: #f3f4f5; } - -.edit-post-manage-blocks-modal__category { - margin: 0 0 2rem 0; } - -.edit-post-manage-blocks-modal__category-title { - position: -webkit-sticky; - position: sticky; - top: 0; - padding: 16px 0; - background-color: #fff; - z-index: 1; } - .edit-post-manage-blocks-modal__category-title .components-base-control__field { - margin-bottom: 0; } - .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { - font-size: 0.9rem; - font-weight: 600; } - -.edit-post-manage-blocks-modal__show-all { - margin-right: 8px; } - -.edit-post-manage-blocks-modal__checklist { - margin-top: 0; } - -.edit-post-manage-blocks-modal__checklist-item { - margin-bottom: 0; - padding-left: 16px; - border-top: 1px solid #e2e4e7; } - .edit-post-manage-blocks-modal__checklist-item:last-child { - border-bottom: 1px solid #e2e4e7; } - .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { - align-items: center; - display: flex; - margin: 0; } - .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { - margin: 0 8px; } - .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { - display: flex; - align-items: center; - justify-content: space-between; - flex-grow: 1; - padding: 0.6rem 0 0.6rem 10px; } - .edit-post-manage-blocks-modal__checklist-item .editor-block-icon { - margin-right: 10px; - fill: #555d66; } - -.edit-post-manage-blocks-modal__results { - height: 100%; - overflow: auto; - margin-left: -24px; - margin-right: -24px; - padding-left: 24px; - padding-right: 24px; - border-top: 1px solid #e2e4e7; } - -.edit-post-meta-boxes-area { - position: relative; - /** - * The wordpress default for most meta-box elements is content-box. Some - * elements such as textarea and input are set to border-box in forms.css. - * These elements therefore specifically set back to border-box here, while - * other elements (such as .button) are unaffected by Gutenberg's style - * because of their higher specificity. - */ - /* Match width and positioning of the meta boxes. Override default styles. */ - /* Override Default meta box stylings */ } - .edit-post-meta-boxes-area__container, - .edit-post-meta-boxes-area .inside { - box-sizing: content-box; } - .edit-post-meta-boxes-area textarea, - .edit-post-meta-boxes-area input { - box-sizing: border-box; } - .edit-post-meta-boxes-area #poststuff { - margin: 0 auto; - padding-top: 0; - min-width: auto; } - .edit-post-meta-boxes-area #poststuff h3.hndle, - .edit-post-meta-boxes-area #poststuff .stuffbox > h3, - .edit-post-meta-boxes-area #poststuff h2.hndle { - /* WordPress selectors yolo */ - border-bottom: 1px solid #e2e4e7; - box-sizing: border-box; - color: inherit; - font-weight: 600; - outline: none; - padding: 15px; - position: relative; - width: 100%; } - .edit-post-meta-boxes-area .postbox { - border: 0; - color: inherit; - margin-bottom: 0; } - .edit-post-meta-boxes-area .postbox > .inside { - border-bottom: 1px solid #e2e4e7; - color: inherit; - padding: 0 14px 14px; - margin: 0; } - .edit-post-meta-boxes-area .postbox .handlediv { - height: 44px; - width: 44px; } - .edit-post-meta-boxes-area.is-loading::before { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - content: ""; - background: transparent; - z-index: 1; } - .edit-post-meta-boxes-area .components-spinner { - position: absolute; - top: 10px; - right: 20px; - z-index: 5; } - .edit-post-meta-boxes-area .is-hidden { - display: none; } - .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { - border: 1px solid #6c7781; } - .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { - background: #fff; - border-color: #6c7781; } - .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { - margin: -3px -4px; } - -.edit-post-meta-boxes-area__clear { - clear: both; } - -.edit-post-sidebar { - position: fixed; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - width: 280px; - border-left: 1px solid #e2e4e7; - background: #fff; - color: #555d66; - height: 100vh; - overflow: hidden; } - @media (min-width: 600px) { - .edit-post-sidebar { - top: 102px; - z-index: 90; - height: auto; - overflow: auto; - -webkit-overflow-scrolling: touch; } } - @media (min-width: 782px) { - .edit-post-sidebar { - top: 88px; } - body.is-fullscreen-mode .edit-post-sidebar { - top: 56px; } } - .edit-post-sidebar > .components-panel { - border-left: none; - border-right: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - height: auto; - max-height: calc(100vh - 96px); - margin-top: -1px; - margin-bottom: -1px; - position: relative; - z-index: -2; } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel { - overflow: hidden; - height: auto; - max-height: none; } } - .edit-post-sidebar > .components-panel .components-panel__header { - position: fixed; - z-index: 1; - top: 0; - left: 0; - right: 0; - height: 50px; } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel .components-panel__header { - position: inherit; - top: auto; - left: auto; - right: auto; } } - .edit-post-sidebar p { - margin-top: 0; } - .edit-post-sidebar h2, - .edit-post-sidebar h3 { - font-size: 13px; - color: #555d66; - margin-bottom: 1.5em; } - .edit-post-sidebar hr { - border-top: none; - border-bottom: 1px solid #e2e4e7; - margin: 1.5em 0; } - .edit-post-sidebar div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; } - .edit-post-sidebar div.components-toolbar:last-child { - margin-bottom: 0; } - .edit-post-sidebar p + div.components-toolbar { - margin-top: -1em; } - .edit-post-sidebar .block-editor-skip-to-selected-block:focus { - top: auto; - right: 10px; - bottom: 10px; - left: auto; } - -/* Visual and Text editor both */ -@media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-layout__content { - margin-right: 280px; } } - -.edit-post-layout.is-sidebar-opened .edit-post-sidebar, -.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - /* Sidebar covers screen on mobile */ - width: 100%; - /* Sidebar sits on the side on larger breakpoints */ } - @media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-sidebar, - .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - width: 280px; } } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar__header { - background: #fff; - padding-right: 8px; } - .components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__header { - display: none; } } - -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 4px; - border-top: 0; - margin-top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { - display: none; - margin-left: auto; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { - display: flex; } } - -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - height: 50px; - padding: 3px 15px; - margin-left: 0; - font-weight: 400; - outline-offset: -1px; - transition: box-shadow 0.1s linear; } - @media (prefers-reduced-motion: reduce) { - .edit-post-sidebar__panel-tab { - transition-duration: 0s; } } - .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; - font-weight: 600; - position: relative; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #837425; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #5e7d5e; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #497b8d; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #523f6d; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #59524c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #417e9B; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; } - .edit-post-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 3px solid transparent; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline-offset: -1px; - outline: 1px dotted #555d66; } - -.components-panel__body.is-opened.edit-post-last-revision__panel { - padding: 0; } - -.editor-post-last-revision__title { - padding: 13px 16px; } - -.editor-post-author__select { - margin: -5px 0; - width: 100%; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .editor-post-author__select { - width: auto; } } - -.edit-post-post-link__link-post-name { - font-weight: 600; } - -.edit-post-post-link__preview-label { - margin: 0; } - -.edit-post-post-link__link { - text-align: left; - word-wrap: break-word; - display: block; } - -/* rtl:begin:ignore */ -.edit-post-post-link__preview-link-container { - direction: ltr; } - -/* rtl:end:ignore */ -.edit-post-post-schedule { - width: 100%; - position: relative; } - -.components-button.edit-post-post-schedule__toggle { - text-align: right; } - -.edit-post-post-schedule__dialog .components-popover__content { - padding: 10px; } - @media (min-width: 782px) { - .edit-post-post-schedule__dialog .components-popover__content { - width: 270px; } } - -.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { - margin-top: 15px; - width: 100%; - text-align: center; } - -.edit-post-post-visibility { - width: 100%; } - -.edit-post-post-visibility__dialog .components-popover__content { - padding: 10px; } - @media (min-width: 782px) { - .edit-post-post-visibility__dialog .components-popover__content { - width: 257px; } } - -.edit-post-post-visibility__dialog-legend { - font-weight: 600; } - -.edit-post-post-visibility__choice { - margin: 10px 0; } - -.edit-post-post-visibility__dialog-radio, -.edit-post-post-visibility__dialog-label { - vertical-align: top; } - -.edit-post-post-visibility__dialog-password-input { - width: calc(100% - 20px); - margin-left: 20px; } - -.edit-post-post-visibility__dialog-info { - color: #7e8993; - padding-left: 20px; - font-style: italic; - margin: 4px 0 0; - line-height: 1.4; } - -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 4px; - border-top: 0; - position: -webkit-sticky; - position: sticky; - z-index: -1; - top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs ul { - display: flex; } - .components-panel__header.edit-post-sidebar__panel-tabs li { - margin: 0; } - -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - padding: 3px 15px; - margin-left: 0; - font-weight: 400; - color: #191e23; - outline-offset: -1px; - transition: box-shadow 0.1s linear; } - @media (prefers-reduced-motion: reduce) { - .edit-post-sidebar__panel-tab { - transition-duration: 0s; } } - .edit-post-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; } - .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; - font-weight: 600; - position: relative; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #837425; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #5e7d5e; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #497b8d; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #523f6d; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #59524c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #417e9B; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; } - .edit-post-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 3px solid transparent; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline-offset: -1px; - outline: 1px dotted #555d66; } - -.edit-post-settings-sidebar__panel-block .components-panel__body { - border: none; - border-top: 1px solid #e2e4e7; - margin: 0 -16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control { - margin-bottom: 24px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child { - margin-bottom: 8px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle { - color: #191e23; } - .edit-post-settings-sidebar__panel-block .components-panel__body:first-child { - margin-top: 16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body:last-child { - margin-bottom: -16px; } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar-header__small { - background: #fff; - padding-right: 4px; } - .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header__small { - display: none; } } - -.components-panel__header.edit-post-sidebar-header { - padding-right: 4px; - background: #f3f4f5; } - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: none; - margin-left: auto; } - .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button { - margin-left: 0; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: flex; } } - -.edit-post-text-editor__body { - padding-top: 40px; } - @media (min-width: 600px) { - .edit-post-text-editor__body { - padding-top: 86px; } } - @media (min-width: 782px) { - .edit-post-text-editor__body { - padding-top: 40px; } - body.is-fullscreen-mode .edit-post-text-editor__body { - padding-top: 40px; } } - -.edit-post-text-editor { - width: 100%; - max-width: calc(100% - 32px); - margin-left: 16px; - margin-right: 16px; - padding-top: 44px; } - @media (min-width: 600px) { - .edit-post-text-editor { - max-width: 610px; - margin-left: auto; - margin-right: auto; } } - .edit-post-text-editor .editor-post-title__block textarea { - border: 1px solid #e2e4e7; - margin-bottom: 4px; - padding: 14px; } - .edit-post-text-editor .editor-post-title__block textarea:focus { - border: 1px solid #e2e4e7; } - .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover, - .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar).is-selected .ed |