Spaces:
Running
Running
:root{ | |
--wp-admin-theme-color:#007cba; | |
--wp-admin-theme-color--rgb:0, 124, 186; | |
--wp-admin-theme-color-darker-10:#006ba1; | |
--wp-admin-theme-color-darker-10--rgb:0, 107, 161; | |
--wp-admin-theme-color-darker-20:#005a87; | |
--wp-admin-theme-color-darker-20--rgb:0, 90, 135; | |
--wp-admin-border-width-focus:2px; | |
--wp-block-synced-color:#7a00df; | |
--wp-block-synced-color--rgb:122, 0, 223; | |
--wp-bound-block-color:var(--wp-block-synced-color); | |
} | |
@media (min-resolution:192dpi){ | |
:root{ | |
--wp-admin-border-width-focus:1.5px; | |
} | |
} | |
.block-editor-block-icon{ | |
align-items:center; | |
display:flex; | |
height:24px; | |
justify-content:center; | |
width:24px; | |
} | |
.block-editor-block-icon.has-colors svg{ | |
fill:currentColor; | |
} | |
@media (forced-colors:active){ | |
.block-editor-block-icon.has-colors svg{ | |
fill:CanvasText; | |
} | |
} | |
.block-editor-block-icon svg{ | |
max-height:24px; | |
max-width:24px; | |
min-height:20px; | |
min-width:20px; | |
} | |
.block-editor-block-styles .block-editor-block-list__block{ | |
margin:0; | |
} | |
@keyframes selection-overlay__fade-in-animation{ | |
0%{ | |
opacity:0; | |
} | |
to{ | |
opacity:.4; | |
} | |
} | |
:root .block-editor-block-list__layout::selection,:root .has-multi-selection .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{ | |
background-color:initial; | |
} | |
.block-editor-block-list__layout{ | |
position:relative; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{ | |
background:#0000; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ | |
animation:selection-overlay__fade-in-animation .1s ease-out; | |
animation-fill-mode:forwards; | |
background:var(--wp-admin-theme-color); | |
bottom:0; | |
content:""; | |
left:0; | |
opacity:.4; | |
outline:2px solid #0000; | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:1; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{ | |
animation-delay:0s; | |
animation-duration:1ms; | |
} | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{ | |
outline-color:#0000; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{ | |
outline:none; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ | |
bottom:0; | |
content:""; | |
left:0; | |
outline-color:var(--wp-admin-theme-color); | |
outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); | |
outline-style:solid; | |
outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:1; | |
} | |
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{ | |
outline-color:#fff; | |
} | |
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{ | |
border-radius:2px; | |
border-top:4px solid #ccc; | |
bottom:auto; | |
box-shadow:none; | |
content:""; | |
left:0; | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:-14px; | |
transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; | |
z-index:0; | |
} | |
.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:after{ | |
border-color:var(--wp-admin-theme-color); | |
} | |
.has-multi-selection .block-editor-block-list__layout{ | |
-webkit-user-select:none; | |
user-select:none; | |
} | |
.block-editor-block-list__layout [class^=components-]{ | |
-webkit-user-select:text; | |
user-select:text; | |
} | |
.is-block-moving-mode.block-editor-block-list__block-selection-button{ | |
font-size:1px; | |
height:1px; | |
opacity:0; | |
padding:0; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block{ | |
overflow-wrap:break-word; | |
pointer-events:auto; | |
position:relative; | |
-webkit-user-select:text; | |
user-select:text; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-editing-disabled{ | |
pointer-events:none; | |
-webkit-user-select:none; | |
user-select:none; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.has-child-selected,.block-editor-block-list__layout .block-editor-block-list__block.has-negative-margin.is-selected{ | |
z-index:20; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{ | |
z-index:1; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{ | |
margin:-10px 0 12px; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{ | |
margin:0 0 12px; | |
width:100%; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{ | |
font-size:13px; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.has-warning{ | |
min-height:48px; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{ | |
pointer-events:none; | |
-webkit-user-select:none; | |
user-select:none; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{ | |
pointer-events:all; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{ | |
background-color:#fff6; | |
border-radius:2px; | |
bottom:0; | |
content:""; | |
left:0; | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{ | |
background-color:initial; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{ | |
display:none; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{ | |
display:block; | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{ | |
box-shadow:0 0 0 1px var(--wp-admin-theme-color); | |
} | |
.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{ | |
float:none; | |
} | |
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{ | |
cursor:default; | |
} | |
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text{ | |
cursor:unset; | |
} | |
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected):after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected:after{ | |
bottom:0; | |
content:""; | |
left:0; | |
outline-color:var(--wp-admin-theme-color); | |
outline-offset:calc((-1*var(--wp-admin-border-width-focus))/var(--wp-block-editor-iframe-zoom-out-scale, 1)); | |
outline-style:solid; | |
outline-width:calc(var(--wp-admin-border-width-focus)/var(--wp-block-editor-iframe-zoom-out-scale, 1)); | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-hovered:after,.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ | |
outline-color:var(--wp-block-synced-color); | |
} | |
.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ | |
outline-color:#fff; | |
} | |
@keyframes block-editor-is-editable__animation{ | |
0%{ | |
background-color:rgba(var(--wp-admin-theme-color--rgb), .1); | |
} | |
to{ | |
background-color:rgba(var(--wp-admin-theme-color--rgb), 0); | |
} | |
} | |
@keyframes block-editor-is-editable__animation_reduce-motion{ | |
0%{ | |
background-color:rgba(var(--wp-admin-theme-color--rgb), .1); | |
} | |
99%{ | |
background-color:rgba(var(--wp-admin-theme-color--rgb), .1); | |
} | |
to{ | |
background-color:rgba(var(--wp-admin-theme-color--rgb), 0); | |
} | |
} | |
.is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ | |
animation-delay:.1s; | |
animation-duration:.8s; | |
animation-fill-mode:backwards; | |
animation-name:block-editor-is-editable__animation; | |
animation-timing-function:ease-out; | |
bottom:0; | |
content:""; | |
left:0; | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.is-root-container:not([inert]) .block-editor-block-list__block.is-reusable.is-selected .block-editor-block-list__block.has-editable-outline:after{ | |
animation-delay:0s; | |
animation-name:block-editor-is-editable__animation_reduce-motion; | |
} | |
} | |
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ | |
opacity:.2; | |
transition:opacity .1s linear; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){ | |
transition-delay:0s; | |
transition-duration:0s; | |
} | |
} | |
.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked-temporarily-editing-as-blocks.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected,.is-focus-mode .block-editor-block-list__block.is-content-locked.has-child-selected .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{ | |
opacity:1; | |
} | |
.wp-block.alignleft,.wp-block.alignright,.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{ | |
z-index:21; | |
} | |
.wp-site-blocks>[data-align=left]{ | |
float:right; | |
margin-left:2em; | |
} | |
.wp-site-blocks>[data-align=right]{ | |
float:left; | |
margin-right:2em; | |
} | |
.wp-site-blocks>[data-align=center]{ | |
justify-content:center; | |
margin-left:auto; | |
margin-right:auto; | |
} | |
.block-editor-block-list .block-editor-inserter{ | |
cursor:move; | |
cursor:grab; | |
margin:8px; | |
} | |
@keyframes block-editor-inserter__toggle__fade-in-animation{ | |
0%{ | |
opacity:0; | |
} | |
to{ | |
opacity:1; | |
} | |
} | |
.wp-block .block-list-appender .block-editor-inserter__toggle{ | |
animation:block-editor-inserter__toggle__fade-in-animation .1s ease; | |
animation-fill-mode:forwards; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.wp-block .block-list-appender .block-editor-inserter__toggle{ | |
animation-delay:0s; | |
animation-duration:1ms; | |
} | |
} | |
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{ | |
display:none; | |
} | |
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{ | |
opacity:0; | |
transform:scale(0); | |
} | |
.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ | |
border:none; | |
border-radius:2px; | |
box-shadow:inset 0 0 0 1px #1e1e1e; | |
display:block; | |
font-family:Menlo,Consolas,monaco,monospace; | |
font-size:15px; | |
line-height:1.5; | |
margin:0; | |
outline:none; | |
overflow:hidden; | |
padding:12px; | |
resize:none; | |
transition:padding .2s linear; | |
width:100%; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.block-editor-block-list__block .block-editor-block-list__block-html-textarea{ | |
transition-delay:0s; | |
transition-duration:0s; | |
} | |
} | |
.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{ | |
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
} | |
.block-editor-block-list__block .block-editor-warning{ | |
position:relative; | |
z-index:5; | |
} | |
.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{ | |
margin-bottom:auto; | |
} | |
.is-vertical .block-list-appender{ | |
margin-left:auto; | |
margin-right:12px; | |
margin-top:12px; | |
width:24px; | |
} | |
.block-list-appender>.block-editor-inserter{ | |
display:block; | |
} | |
.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{ | |
opacity:0; | |
transform:scale(0); | |
} | |
.block-editor-block-list__block.has-block-overlay{ | |
cursor:default; | |
} | |
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block{ | |
pointer-events:none; | |
} | |
.block-editor-block-list__block.has-block-overlay .block-editor-block-list__block.has-block-overlay:before{ | |
left:0; | |
right:0; | |
width:auto; | |
} | |
.block-editor-block-list__layout .is-dragging{ | |
background-color:currentColor !important; | |
border-radius:2px ; | |
opacity:.05 ; | |
pointer-events:none ; | |
} | |
.block-editor-block-list__layout .is-dragging::selection{ | |
background:#0000 ; | |
} | |
.block-editor-block-list__layout .is-dragging:after{ | |
content:none ; | |
} | |
.block-editor-block-preview__content-iframe .block-list-appender{ | |
display:none; | |
} | |
.block-editor-block-preview__live-content *{ | |
pointer-events:none; | |
} | |
.block-editor-block-preview__live-content .block-list-appender{ | |
display:none; | |
} | |
.block-editor-block-preview__live-content .components-button:disabled{ | |
opacity:1; | |
} | |
.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true],.block-editor-block-preview__live-content .components-placeholder{ | |
display:none; | |
} | |
.block-editor-block-variation-picker__skip,.block-editor-block-variation-picker__variations,.wp-block-group-placeholder__variations{ | |
display:flex; | |
flex-direction:row; | |
flex-wrap:wrap; | |
font-size:12px; | |
gap:8px; | |
justify-content:flex-start; | |
list-style:none; | |
margin:0; | |
padding:0; | |
width:100%; | |
} | |
.block-editor-block-variation-picker__skip svg,.block-editor-block-variation-picker__variations svg,.wp-block-group-placeholder__variations svg{ | |
fill:#949494 ; | |
} | |
.block-editor-block-variation-picker__skip .components-button,.block-editor-block-variation-picker__variations .components-button,.wp-block-group-placeholder__variations .components-button{ | |
padding:4px; | |
} | |
.block-editor-block-variation-picker__skip .components-button:hover,.block-editor-block-variation-picker__variations .components-button:hover,.wp-block-group-placeholder__variations .components-button:hover{ | |
background:none ; | |
} | |
.block-editor-block-variation-picker__skip .components-button:hover svg,.block-editor-block-variation-picker__variations .components-button:hover svg,.wp-block-group-placeholder__variations .components-button:hover svg{ | |
fill:var(--wp-admin-theme-color) ; | |
} | |
.block-editor-block-variation-picker__skip>li,.block-editor-block-variation-picker__variations>li,.wp-block-group-placeholder__variations>li{ | |
align-items:center; | |
display:flex; | |
flex-direction:column; | |
gap:4px; | |
width:auto; | |
} | |
.block-editor-button-block-appender{ | |
align-items:center; | |
box-shadow:inset 0 0 0 1px #1e1e1e; | |
color:#1e1e1e; | |
display:flex; | |
flex-direction:column; | |
height:auto; | |
justify-content:center; | |
width:100%; | |
} | |
.block-editor-button-block-appender.components-button.components-button{ | |
padding:12px; | |
} | |
.is-dark-theme .block-editor-button-block-appender{ | |
box-shadow:inset 0 0 0 1px #ffffffa6; | |
color:#ffffffa6; | |
} | |
.block-editor-button-block-appender:hover{ | |
box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); | |
color:var(--wp-admin-theme-color); | |
} | |
.block-editor-button-block-appender:focus{ | |
box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color); | |
} | |
.block-editor-button-block-appender:active{ | |
color:#000; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child{ | |
pointer-events:none; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{ | |
border:1px dashed; | |
border-radius:2px; | |
bottom:0; | |
content:""; | |
left:0; | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before{ | |
background:currentColor; | |
bottom:0; | |
content:""; | |
left:0; | |
opacity:.1; | |
pointer-events:none; | |
position:absolute; | |
right:0; | |
top:0; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter{ | |
opacity:0; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter:focus-within,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter:focus-within,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter:focus-within,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter:focus-within{ | |
opacity:1; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after{ | |
border:none; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter{ | |
visibility:visible; | |
} | |
.block-editor-block-list__block:not(.is-selected)>.block-editor-block-list__block>.block-list-appender:only-child:after{ | |
border:none; | |
} | |
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ | |
background-color:var(--wp-admin-theme-color); | |
box-shadow:inset 0 0 0 1px #ffffffa6; | |
color:#ffffffa6; | |
transition:background-color .2s ease-in-out; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{ | |
transition:none; | |
} | |
} | |
.block-editor-default-block-appender{ | |
clear:both; | |
margin-left:auto; | |
margin-right:auto; | |
position:relative; | |
} | |
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{ | |
outline:1px solid #0000; | |
} | |
.block-editor-default-block-appender .block-editor-default-block-appender__content{ | |
opacity:.62; | |
} | |
:where(.wp-site-blocks) .block-editor-default-block-appender>:first-child,:where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child{ | |
margin-block-end:0; | |
margin-block-start:0; | |
} | |
.block-editor-default-block-appender .components-drop-zone__content-icon{ | |
display:none; | |
} | |
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{ | |
background:#1e1e1e; | |
border-radius:2px; | |
color:#fff; | |
height:24px; | |
min-width:24px; | |
padding:0; | |
} | |
.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{ | |
background:var(--wp-admin-theme-color); | |
color:#fff; | |
} | |
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{ | |
left:0; | |
line-height:0; | |
position:absolute; | |
top:0; | |
} | |
.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{ | |
display:none; | |
} | |
.block-editor-block-list__block .block-list-appender{ | |
bottom:0; | |
left:0; | |
list-style:none; | |
padding:0; | |
position:absolute; | |
z-index:2; | |
} | |
.block-editor-block-list__block .block-list-appender.block-list-appender{ | |
line-height:0; | |
margin:0; | |
} | |
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{ | |
height:24px; | |
} | |
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{ | |
background:#1e1e1e; | |
box-shadow:none; | |
color:#fff; | |
display:none; | |
flex-direction:row; | |
height:24px; | |
min-width:24px; | |
padding:0 ; | |
width:24px; | |
} | |
.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover{ | |
background:var(--wp-admin-theme-color); | |
color:#fff; | |
} | |
.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content{ | |
display:none; | |
} | |
.block-editor-block-list__block .block-list-appender:only-child{ | |
align-self:center; | |
left:auto; | |
line-height:inherit; | |
list-style:none; | |
position:relative; | |
} | |
.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content{ | |
display:block; | |
} | |
.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle,.block-editor-block-list__block.is-selected>.block-list-appender .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__block.is-selected>.block-list-appender .block-list-appender__toggle{ | |
display:flex; | |
} | |
.block-editor-default-block-appender__content{ | |
cursor:text; | |
} | |
.block-editor-iframe__body{ | |
position:relative; | |
} | |
.block-editor-iframe__container{ | |
height:100%; | |
overflow-x:hidden; | |
width:100%; | |
} | |
.block-editor-iframe__scale-container{ | |
display:flex; | |
height:100%; | |
width:100%; | |
} | |
.block-editor-iframe__scale-container.is-zoomed-out{ | |
margin-right:calc((var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw))*-1/2); | |
width:var(--wp-block-editor-iframe-zoom-out-prev-container-width, 100vw); | |
} | |
.block-editor-iframe__html{ | |
transform-origin:top center; | |
transition:transform .3s; | |
} | |
@media (prefers-reduced-motion:reduce){ | |
.block-editor-iframe__html{ | |
transition-delay:0s; | |
transition-duration:0s; | |
} | |
} | |
.block-editor-iframe__html.is-zoomed-out{ | |
background-color:#ddd; | |
border:calc(var(--wp-block-editor-iframe-zoom-out-frame-size)/var(--wp-block-editor-iframe-zoom-out-scale)) solid #ddd; | |
margin-bottom:calc(var(--wp-block-editor-iframe-zoom-out-content-height)*(1 - var(--wp-block-editor-iframe-zoom-out-scale))*-1 + var(--wp-block-editor-iframe-zoom-out-frame-size)*2*-1 + -2px); | |
transform:scale(var(--wp-block-editor-iframe-zoom-out-scale)); | |
} | |
.block-editor-iframe__html.is-zoomed-out body{ | |
display:flex; | |
flex-direction:column; | |
min-height:calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - 2*var(--wp-block-editor-iframe-zoom-out-frame-size))/var(--wp-block-editor-iframe-zoom-out-scale)); | |
} | |
.block-editor-iframe__html.is-zoomed-out body>.is-root-container{ | |
display:flex; | |
flex:1; | |
flex-direction:column; | |
height:100%; | |
} | |
.block-editor-iframe__html.is-zoomed-out body>.is-root-container>main{ | |
flex:1; | |
} | |
.block-editor-block-list__layout.has-overlay:after{ | |
bottom:0; | |
content:""; | |
left:0; | |
position:absolute; | |
right:0; | |
top:0; | |
z-index:60; | |
} | |
.block-editor-media-placeholder__url-input-form{ | |
display:flex; | |
} | |
.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ | |
border:none; | |
border-radius:0; | |
flex-grow:1; | |
margin:2px; | |
min-width:200px; | |
width:100%; | |
} | |
@media (min-width:600px){ | |
.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{ | |
width:300px; | |
} | |
} | |
.block-editor-media-placeholder__url-input-submit-button{ | |
flex-shrink:1; | |
} | |
.block-editor-media-placeholder__cancel-button.is-link{ | |
display:block; | |
margin:1em; | |
} | |
.block-editor-media-placeholder.is-appender{ | |
min-height:0; | |
} | |
.block-editor-media-placeholder.is-appender:hover{ | |
box-shadow:0 0 0 1px var(--wp-admin-theme-color); | |
cursor:pointer; | |
} | |
.block-editor-plain-text{ | |
border:none; | |
box-shadow:none; | |
color:inherit; | |
font-family:inherit; | |
font-size:inherit; | |
line-height:inherit; | |
margin:0; | |
padding:0; | |
width:100%; | |
} | |
.rich-text [data-rich-text-placeholder]{ | |
pointer-events:none; | |
} | |
.rich-text [data-rich-text-placeholder]:after{ | |
content:attr(data-rich-text-placeholder); | |
opacity:.62; | |
} | |
.rich-text:focus{ | |
outline:none; | |
} | |
.rich-text:focus [data-rich-text-format-boundary]{ | |
border-radius:2px; | |
} | |
.block-editor-rich-text__editable>p:first-child{ | |
margin-top:0; | |
} | |
figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{ | |
opacity:.8; | |
} | |
[data-rich-text-script]{ | |
display:inline; | |
} | |
[data-rich-text-script]:before{ | |
background:#ff0; | |
content:"</>"; | |
} | |
.block-editor-warning{ | |
align-items:center; | |
background-color:#fff; | |
border:1px solid #1e1e1e; | |
border-radius:2px; | |
display:flex; | |
flex-wrap:wrap; | |
padding:1em; | |
} | |
.block-editor-warning,.block-editor-warning .block-editor-warning__message{ | |
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
} | |
.block-editor-warning .block-editor-warning__message{ | |
color:#1e1e1e; | |
font-size:13px; | |
line-height:1.4; | |
margin:0; | |
} | |
.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{ | |
min-height:auto; | |
} | |
.block-editor-warning .block-editor-warning__contents{ | |
align-items:baseline; | |
display:flex; | |
flex-direction:row; | |
flex-wrap:wrap; | |
justify-content:space-between; | |
width:100%; | |
} | |
.block-editor-warning .block-editor-warning__actions{ | |
align-items:center; | |
display:flex; | |
margin-top:1em; | |
} | |
.block-editor-warning .block-editor-warning__action{ | |
margin:0 0 0 8px; | |
} | |
.block-editor-warning__secondary{ | |
margin:auto 8px auto 0; | |
} | |
.components-popover.block-editor-warning__dropdown{ | |
z-index:99998; | |
} | |
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; | |
} | |
} |