Spaces:
Running
Running
| .editor-styles-wrapper .wp-block-navigation ul{ | |
| margin-bottom:0; | |
| margin-left:0; | |
| margin-top:0; | |
| padding-left:0; | |
| } | |
| .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ | |
| margin:revert; | |
| } | |
| .wp-block-navigation-item__label{ | |
| display:inline; | |
| } | |
| .wp-block-navigation-item,.wp-block-navigation__container{ | |
| background-color:inherit; | |
| } | |
| .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ | |
| opacity:0; | |
| visibility:hidden; | |
| } | |
| .has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ | |
| display:flex; | |
| opacity:1; | |
| visibility:visible; | |
| } | |
| .is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ | |
| opacity:1; | |
| visibility:visible; | |
| } | |
| .is-editing>.wp-block-navigation__container{ | |
| display:flex; | |
| flex-direction:column; | |
| opacity:1; | |
| visibility:visible; | |
| } | |
| .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ | |
| opacity:1; | |
| visibility:hidden; | |
| } | |
| .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ | |
| visibility:visible; | |
| } | |
| .is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ | |
| display:block; | |
| position:static; | |
| width:100%; | |
| } | |
| .is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ | |
| background:#1e1e1e; | |
| border-radius:2px; | |
| color:#fff; | |
| margin-left:auto; | |
| margin-right:0; | |
| padding:0; | |
| width:24px; | |
| } | |
| .wp-block-navigation__submenu-container .block-list-appender{ | |
| display:none; | |
| } | |
| .block-library-colors-selector{ | |
| width:auto; | |
| } | |
| .block-library-colors-selector .block-library-colors-selector__toggle{ | |
| display:block; | |
| margin:0 auto; | |
| padding:3px; | |
| width:auto; | |
| } | |
| .block-library-colors-selector .block-library-colors-selector__icon-container{ | |
| align-items:center; | |
| border-radius:4px; | |
| display:flex; | |
| height:30px; | |
| margin:0 auto; | |
| padding:3px; | |
| position:relative; | |
| } | |
| .block-library-colors-selector .block-library-colors-selector__state-selection{ | |
| border-radius:11px; | |
| box-shadow:inset 0 0 0 1px #0003; | |
| height:22px; | |
| line-height:20px; | |
| margin-left:auto; | |
| margin-right:auto; | |
| min-height:22px; | |
| min-width:22px; | |
| padding:2px; | |
| width:22px; | |
| } | |
| .block-library-colors-selector .block-library-colors-selector__state-selection>svg{ | |
| min-width:auto ; | |
| } | |
| .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ | |
| color:inherit; | |
| } | |
| .block-library-colors-selector__popover .color-palette-controller-container{ | |
| padding:16px; | |
| } | |
| .block-library-colors-selector__popover .components-base-control__label{ | |
| height:20px; | |
| line-height:20px; | |
| } | |
| .block-library-colors-selector__popover .component-color-indicator{ | |
| float:right; | |
| margin-top:2px; | |
| } | |
| .block-library-colors-selector__popover .components-panel__body-title{ | |
| display:none; | |
| } | |
| .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ | |
| background-color:#1e1e1e; | |
| color:#fff; | |
| } | |
| .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ | |
| padding:0; | |
| } | |
| .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ | |
| background-color:initial; | |
| color:#1e1e1e; | |
| } | |
| @keyframes loadingpulse{ | |
| 0%{ | |
| opacity:1; | |
| } | |
| 50%{ | |
| opacity:.5; | |
| } | |
| to{ | |
| opacity:1; | |
| } | |
| } | |
| .components-placeholder.wp-block-navigation-placeholder{ | |
| background:none; | |
| box-shadow:none; | |
| color:inherit; | |
| min-height:0; | |
| outline:none; | |
| padding:0; | |
| } | |
| .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ | |
| font-size:inherit; | |
| } | |
| .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ | |
| margin-bottom:0; | |
| } | |
| .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ | |
| color:#1e1e1e; | |
| } | |
| .wp-block-navigation-placeholder__preview{ | |
| align-items:center; | |
| background:#0000; | |
| color:currentColor; | |
| display:flex; | |
| font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| font-size:13px; | |
| min-width:96px; | |
| } | |
| .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ | |
| display:none; | |
| } | |
| .wp-block-navigation-placeholder__preview:before{ | |
| border:1px dashed; | |
| border-radius:2px; | |
| border-radius:inherit; | |
| bottom:0; | |
| content:""; | |
| display:block; | |
| left:0; | |
| pointer-events:none; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .wp-block-navigation-placeholder__preview:before:before{ | |
| background:currentColor; | |
| bottom:0; | |
| content:""; | |
| left:0; | |
| opacity:.1; | |
| pointer-events:none; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .wp-block-navigation-placeholder__preview>svg{ | |
| fill:currentColor; | |
| } | |
| .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ | |
| min-height:90px; | |
| } | |
| .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ | |
| min-height:132px; | |
| } | |
| .wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ | |
| align-items:flex-start; | |
| flex-direction:row; | |
| padding:6px 8px; | |
| } | |
| .wp-block-navigation-placeholder__controls{ | |
| background-color:#fff; | |
| border-radius:2px; | |
| box-shadow:inset 0 0 0 1px #1e1e1e; | |
| display:none; | |
| float:left; | |
| position:relative; | |
| width:100%; | |
| z-index:1; | |
| } | |
| .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ | |
| display:flex; | |
| } | |
| .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ | |
| display:none; | |
| } | |
| .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ | |
| align-items:flex-start; | |
| flex-direction:column; | |
| } | |
| .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ | |
| display:none; | |
| } | |
| .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ | |
| height:36px; | |
| margin-right:12px; | |
| } | |
| .wp-block-navigation-placeholder__actions__indicator{ | |
| align-items:center; | |
| display:flex; | |
| height:36px; | |
| justify-content:flex-start; | |
| line-height:0; | |
| margin-left:4px; | |
| padding:0 6px 0 0; | |
| } | |
| .wp-block-navigation-placeholder__actions__indicator svg{ | |
| margin-right:4px; | |
| fill:currentColor; | |
| } | |
| .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ | |
| flex-direction:row ; | |
| } | |
| .wp-block-navigation-placeholder__actions{ | |
| align-items:center; | |
| display:flex; | |
| font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| font-size:13px; | |
| gap:6px; | |
| height:100%; | |
| } | |
| .wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ | |
| margin-right:0; | |
| } | |
| .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ | |
| background-color:#1e1e1e; | |
| border:0; | |
| height:100%; | |
| margin:auto 0; | |
| max-height:16px; | |
| min-height:1px; | |
| min-width:1px; | |
| } | |
| @media (min-width:600px){ | |
| .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ | |
| display:none; | |
| } | |
| } | |
| .wp-block-navigation__responsive-container.is-menu-open{ | |
| position:fixed; | |
| top:155px; | |
| } | |
| @media (min-width:782px){ | |
| .wp-block-navigation__responsive-container.is-menu-open{ | |
| left:36px; | |
| top:93px; | |
| } | |
| } | |
| @media (min-width:960px){ | |
| .wp-block-navigation__responsive-container.is-menu-open{ | |
| left:160px; | |
| } | |
| } | |
| @media (min-width:782px){ | |
| .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ | |
| top:141px; | |
| } | |
| } | |
| .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ | |
| top:141px; | |
| } | |
| .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ | |
| left:0; | |
| top:155px; | |
| } | |
| @media (min-width:782px){ | |
| .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ | |
| top:61px; | |
| } | |
| .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ | |
| top:109px; | |
| } | |
| } | |
| .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ | |
| top:109px; | |
| } | |
| body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ | |
| bottom:0; | |
| left:0; | |
| right:0; | |
| top:0; | |
| } | |
| .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ | |
| color:inherit; | |
| height:auto; | |
| padding:0; | |
| } | |
| .components-heading.wp-block-navigation-off-canvas-editor__title{ | |
| margin:0; | |
| } | |
| .wp-block-navigation-off-canvas-editor__header{ | |
| margin-bottom:8px; | |
| } | |
| .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ | |
| margin-top:16px; | |
| } | |
| @keyframes fadein{ | |
| 0%{ | |
| opacity:0; | |
| } | |
| to{ | |
| opacity:1; | |
| } | |
| } | |
| .wp-block-navigation__loading-indicator-container{ | |
| padding:8px 12px; | |
| } | |
| .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ | |
| margin-top:0; | |
| } | |
| @keyframes fadeouthalf{ | |
| 0%{ | |
| opacity:1; | |
| } | |
| to{ | |
| opacity:.5; | |
| } | |
| } | |
| .wp-block-navigation-delete-menu-button{ | |
| justify-content:center; | |
| margin-bottom:16px; | |
| width:100%; | |
| } | |
| .components-button.is-link.wp-block-navigation-manage-menus-button{ | |
| margin-bottom:16px; | |
| } | |
| .wp-block-navigation__overlay-menu-preview{ | |
| align-items:center; | |
| background-color:#f0f0f0; | |
| display:flex; | |
| height:64px; | |
| justify-content:space-between; | |
| margin-bottom:12px; | |
| padding:0 24px; | |
| width:100%; | |
| } | |
| .wp-block-navigation__overlay-menu-preview.open{ | |
| background-color:#fff; | |
| box-shadow:inset 0 0 0 1px #e0e0e0; | |
| outline:1px solid #0000; | |
| } | |
| .wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ | |
| display:none; | |
| } | |
| .wp-block-navigation__navigation-selector{ | |
| margin-bottom:16px; | |
| width:100%; | |
| } | |
| .wp-block-navigation__navigation-selector-button{ | |
| border:1px solid; | |
| justify-content:space-between; | |
| width:100%; | |
| } | |
| .wp-block-navigation__navigation-selector-button__icon{ | |
| flex:0 0 auto; | |
| } | |
| .wp-block-navigation__navigation-selector-button__label{ | |
| flex:0 1 auto; | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| white-space:nowrap; | |
| } | |
| .wp-block-navigation__navigation-selector-button--createnew{ | |
| border:1px solid; | |
| margin-bottom:16px; | |
| width:100%; | |
| } | |
| .wp-block-navigation__responsive-container-open.components-button{ | |
| opacity:1; | |
| } | |
| .wp-block-navigation__menu-inspector-controls{ | |
| overflow-x:auto; | |
| scrollbar-color:#0000 #0000; | |
| scrollbar-gutter:stable both-edges; | |
| scrollbar-width:thin; | |
| will-change:transform; | |
| } | |
| .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{ | |
| height:12px; | |
| width:12px; | |
| } | |
| .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{ | |
| background-color:initial; | |
| } | |
| .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{ | |
| background-clip:padding-box; | |
| background-color:initial; | |
| border:3px solid #0000; | |
| border-radius:8px; | |
| } | |
| .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{ | |
| background-color:#949494; | |
| } | |
| .wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{ | |
| scrollbar-color:#949494 #0000; | |
| } | |
| @media (hover:none){ | |
| .wp-block-navigation__menu-inspector-controls{ | |
| scrollbar-color:#949494 #0000; | |
| } | |
| } | |
| .wp-block-navigation__menu-inspector-controls__empty-message{ | |
| margin-left:24px; | |
| } |