|
@charset "UTF-8"; |
|
: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; |
|
} |
|
} |
|
|
|
.dataviews-wrapper{ |
|
box-sizing:border-box; |
|
container:dataviews-wrapper/inline-size; |
|
display:flex; |
|
flex-direction:column; |
|
height:100%; |
|
overflow:auto; |
|
scroll-padding-bottom:64px; |
|
} |
|
|
|
.dataviews-filters__view-actions{ |
|
box-sizing:border-box; |
|
flex-shrink:0; |
|
padding:16px 48px; |
|
position:sticky; |
|
right:0; |
|
transition:padding .1s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.dataviews-filters__view-actions{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.dataviews-filters__view-actions .components-search-control .components-base-control__field{ |
|
max-width:240px; |
|
} |
|
|
|
.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover{ |
|
opacity:0; |
|
} |
|
.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:focus{ |
|
opacity:1; |
|
} |
|
|
|
.dataviews-filters-button{ |
|
position:relative; |
|
} |
|
|
|
.dataviews-pagination{ |
|
background-color:#fff; |
|
border-top:1px solid #f0f0f0; |
|
bottom:0; |
|
color:#757575; |
|
flex-shrink:0; |
|
padding:12px 48px; |
|
position:sticky; |
|
right:0; |
|
transition:padding .1s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.dataviews-pagination{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
|
|
.dataviews-pagination__page-selection{ |
|
color:#1e1e1e; |
|
font-size:11px; |
|
font-weight:500; |
|
text-transform:uppercase; |
|
} |
|
|
|
.dataviews-filters-options{ |
|
margin:32px 0 16px; |
|
} |
|
|
|
.dataviews-view-table{ |
|
border-collapse:collapse; |
|
border-color:inherit; |
|
color:#757575; |
|
margin-bottom:auto; |
|
position:relative; |
|
text-indent:0; |
|
width:100%; |
|
} |
|
.dataviews-view-table a{ |
|
color:#1e1e1e; |
|
font-weight:500; |
|
text-decoration:none; |
|
} |
|
.dataviews-view-table th{ |
|
color:#1e1e1e; |
|
font-size:13px; |
|
font-weight:400; |
|
text-align:right; |
|
} |
|
.dataviews-view-table td,.dataviews-view-table th{ |
|
padding:12px; |
|
white-space:nowrap; |
|
} |
|
.dataviews-view-table td[data-field-id=actions],.dataviews-view-table th[data-field-id=actions]{ |
|
text-align:left; |
|
} |
|
.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ |
|
padding-left:0; |
|
} |
|
.dataviews-view-table tr{ |
|
border-bottom:1px solid #f0f0f0; |
|
} |
|
.dataviews-view-table tr .dataviews-view-table-header-button{ |
|
gap:4px; |
|
} |
|
.dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ |
|
transition:padding .1s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
|
padding-right:48px; |
|
} |
|
.dataviews-view-table tr td:first-child .dataviews-view-table-header,.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ |
|
margin-right:-8px; |
|
} |
|
.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
|
padding-left:48px; |
|
} |
|
.dataviews-view-table tr:last-child{ |
|
border-bottom:0; |
|
} |
|
.dataviews-view-table tr.is-hovered{ |
|
background-color:#f8f8f8; |
|
} |
|
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ |
|
opacity:0; |
|
} |
|
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ |
|
opacity:1; |
|
} |
|
.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
opacity:0; |
|
} |
|
.dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
opacity:1; |
|
} |
|
@media (hover:none){ |
|
.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ |
|
opacity:1; |
|
} |
|
} |
|
.dataviews-view-table tr.is-selected{ |
|
background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
color:#757575; |
|
} |
|
.dataviews-view-table tr.is-selected:hover{ |
|
background-color:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
} |
|
.dataviews-view-table thead{ |
|
inset-block-start:0; |
|
position:sticky; |
|
z-index:1; |
|
} |
|
.dataviews-view-table thead tr{ |
|
border:0; |
|
} |
|
.dataviews-view-table thead th{ |
|
background-color:#fff; |
|
box-shadow:inset 0 -1px 0 #f0f0f0; |
|
font-size:11px; |
|
font-weight:500; |
|
padding-bottom:8px; |
|
padding-right:4px; |
|
padding-top:8px; |
|
text-transform:uppercase; |
|
} |
|
.dataviews-view-table tbody td{ |
|
vertical-align:top; |
|
} |
|
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ |
|
align-items:center; |
|
display:flex; |
|
min-height:32px; |
|
} |
|
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper>*{ |
|
flex-grow:1; |
|
} |
|
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a{ |
|
flex-grow:0; |
|
} |
|
.dataviews-view-table .dataviews-view-table-header-button{ |
|
font-size:11px; |
|
font-weight:500; |
|
padding:4px 8px; |
|
text-transform:uppercase; |
|
} |
|
.dataviews-view-table .dataviews-view-table-header-button:not(:hover){ |
|
color:#1e1e1e; |
|
} |
|
.dataviews-view-table .dataviews-view-table-header-button span{ |
|
speak:none; |
|
} |
|
.dataviews-view-table .dataviews-view-table-header-button span:empty{ |
|
display:none; |
|
} |
|
.dataviews-view-table .dataviews-view-table-header{ |
|
padding-right:4px; |
|
} |
|
.dataviews-view-table .dataviews-view-table__actions-column{ |
|
width:1%; |
|
} |
|
.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ |
|
opacity:1; |
|
} |
|
|
|
.dataviews-view-grid__primary-field,.dataviews-view-list__primary-field,.dataviews-view-table__primary-field{ |
|
color:#757575; |
|
display:block; |
|
font-size:13px; |
|
font-weight:500; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
width:100%; |
|
} |
|
.dataviews-view-grid__primary-field a,.dataviews-view-list__primary-field a,.dataviews-view-table__primary-field a{ |
|
color:#1e1e1e; |
|
display:block; |
|
flex-grow:0; |
|
overflow:hidden; |
|
text-decoration:none; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
} |
|
.dataviews-view-grid__primary-field a:hover,.dataviews-view-list__primary-field a:hover,.dataviews-view-table__primary-field a:hover{ |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.dataviews-view-grid__primary-field a:focus,.dataviews-view-list__primary-field a:focus,.dataviews-view-table__primary-field a:focus{ |
|
border-radius:2px; |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); |
|
color:var(--wp-admin-theme-color--rgb); |
|
} |
|
.dataviews-view-grid__primary-field button.components-button.is-link,.dataviews-view-list__primary-field button.components-button.is-link,.dataviews-view-table__primary-field button.components-button.is-link{ |
|
color:#1e1e1e; |
|
display:block; |
|
font-weight:inherit; |
|
overflow:hidden; |
|
text-decoration:none; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
width:100%; |
|
} |
|
.dataviews-view-grid__primary-field button.components-button.is-link:hover,.dataviews-view-list__primary-field button.components-button.is-link:hover,.dataviews-view-table__primary-field button.components-button.is-link:hover{ |
|
color:var(--wp-admin-theme-color); |
|
} |
|
|
|
.dataviews-view-grid{ |
|
grid-template-columns:repeat(1, minmax(0, 1fr)) !important; |
|
grid-template-rows:max-content; |
|
margin-bottom:auto; |
|
padding:0 48px 24px; |
|
transition:padding .1s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.dataviews-view-grid{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
@media (min-width:480px){ |
|
.dataviews-view-grid{ |
|
grid-template-columns:repeat(2, minmax(0, 1fr)) !important; |
|
} |
|
} |
|
@media (min-width:1080px){ |
|
.dataviews-view-grid{ |
|
grid-template-columns:repeat(3, minmax(0, 1fr)) !important; |
|
} |
|
} |
|
@media (min-width:1440px){ |
|
.dataviews-view-grid{ |
|
grid-template-columns:repeat(4, minmax(0, 1fr)) !important; |
|
} |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__card{ |
|
height:100%; |
|
justify-content:flex-start; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ |
|
padding:8px 0 4px; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field{ |
|
min-height:32px; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ |
|
color:#1e1e1e; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .page-pages-preview-field__button:after{ |
|
background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__media{ |
|
aspect-ratio:1/1; |
|
background-color:#f0f0f0; |
|
border-radius:4px; |
|
min-height:200px; |
|
position:relative; |
|
width:100%; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__media img{ |
|
height:100%; |
|
object-fit:cover; |
|
width:100%; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__media:after{ |
|
border-radius:4px; |
|
box-shadow:inset 0 0 0 1px #0000001a; |
|
content:""; |
|
height:100%; |
|
pointer-events:none; |
|
position:absolute; |
|
right:0; |
|
top:0; |
|
width:100%; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields{ |
|
font-size:12px; |
|
line-height:16px; |
|
position:relative; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ |
|
padding:0 0 12px; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ |
|
align-items:flex-start; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column){ |
|
align-items:center; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name{ |
|
width:35%; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value{ |
|
overflow:hidden; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
width:65%; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ |
|
color:#757575; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ |
|
padding-bottom:12px; |
|
} |
|
.dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value{ |
|
align-items:center; |
|
background:#f0f0f0; |
|
border-radius:2px; |
|
display:flex; |
|
font-size:12px; |
|
min-height:24px; |
|
padding:0 8px; |
|
width:-moz-fit-content; |
|
width:fit-content; |
|
} |
|
|
|
.dataviews-view-list{ |
|
margin:0 0 auto; |
|
} |
|
.dataviews-view-list li{ |
|
border-top:1px solid #f0f0f0; |
|
cursor:pointer; |
|
margin:0; |
|
} |
|
.dataviews-view-list li .dataviews-view-list__item-wrapper{ |
|
border-radius:4px; |
|
position:relative; |
|
} |
|
.dataviews-view-list li .dataviews-view-list__item-wrapper>*{ |
|
width:100%; |
|
} |
|
.dataviews-view-list li .dataviews-view-list__item-actions .components-button{ |
|
left:0; |
|
opacity:0; |
|
position:fixed; |
|
} |
|
.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions{ |
|
padding-left:32px; |
|
} |
|
.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button{ |
|
opacity:1; |
|
position:static; |
|
} |
|
.dataviews-view-list li.is-hovered .dataviews-view-list__item,.dataviews-view-list li.is-selected .dataviews-view-list__item,.dataviews-view-list li:focus-within .dataviews-view-list__item{ |
|
padding-left:0; |
|
} |
|
.dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field{ |
|
color:#1e1e1e; |
|
} |
|
.dataviews-view-list li:not(.is-selected):focus-within,.dataviews-view-list li:not(.is-selected):hover{ |
|
background-color:#f8f8f8; |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field{ |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper{ |
|
background-color:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
color:#1e1e1e; |
|
} |
|
.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field{ |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.dataviews-view-list .dataviews-view-list__item{ |
|
padding:16px 24px 16px 0; |
|
scroll-margin:8px 0; |
|
width:100%; |
|
} |
|
.dataviews-view-list .dataviews-view-list__item:focus-visible:before{ |
|
border-radius:2px; |
|
bottom:var(--wp-admin-border-width-focus); |
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
content:""; |
|
left:var(--wp-admin-border-width-focus); |
|
position:absolute; |
|
right:var(--wp-admin-border-width-focus); |
|
top:calc(var(--wp-admin-border-width-focus) + 1px); |
|
} |
|
.dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field{ |
|
line-height:20px; |
|
min-height:20px; |
|
overflow:hidden; |
|
} |
|
.dataviews-view-list .dataviews-view-list__media-wrapper{ |
|
background-color:#f0f0f0; |
|
border-radius:4px; |
|
flex-shrink:0; |
|
height:40px; |
|
overflow:hidden; |
|
position:relative; |
|
width:40px; |
|
} |
|
.dataviews-view-list .dataviews-view-list__media-wrapper img{ |
|
height:100%; |
|
object-fit:cover; |
|
width:100%; |
|
} |
|
.dataviews-view-list .dataviews-view-list__media-wrapper:after{ |
|
border-radius:4px; |
|
box-shadow:inset 0 0 0 1px #0000001a; |
|
content:""; |
|
height:100%; |
|
position:absolute; |
|
right:0; |
|
top:0; |
|
width:100%; |
|
} |
|
.dataviews-view-list .dataviews-view-list__media-placeholder{ |
|
background-color:#e0e0e0; |
|
height:32px; |
|
min-width:32px; |
|
} |
|
.dataviews-view-list .dataviews-view-list__fields{ |
|
color:#757575; |
|
display:flex; |
|
flex-wrap:wrap; |
|
font-size:12px; |
|
gap:8px; |
|
} |
|
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty){ |
|
display:none; |
|
} |
|
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ |
|
display:inline-flex; |
|
line-height:20px; |
|
} |
|
.dataviews-view-list .dataviews-view-list__item-actions{ |
|
padding-left:24px; |
|
} |
|
.dataviews-view-list+.dataviews-pagination{ |
|
justify-content:space-between; |
|
} |
|
|
|
.dataviews-action-modal{ |
|
z-index:1000001; |
|
} |
|
|
|
.dataviews-loading,.dataviews-no-results{ |
|
align-items:center; |
|
display:flex; |
|
flex-grow:1; |
|
justify-content:center; |
|
padding:0 48px; |
|
transition:padding .1s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.dataviews-loading,.dataviews-no-results{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
|
|
.dataviews-view-table-selection-checkbox{ |
|
--checkbox-input-size:24px; |
|
flex-shrink:0; |
|
line-height:0; |
|
} |
|
@media (min-width:600px){ |
|
.dataviews-view-table-selection-checkbox{ |
|
--checkbox-input-size:16px; |
|
} |
|
} |
|
.dataviews-view-table-selection-checkbox .components-checkbox-control__input-container{ |
|
margin:0; |
|
} |
|
|
|
.dataviews-filters__custom-menu-radio-item-prefix{ |
|
display:block; |
|
width:24px; |
|
} |
|
|
|
.dataviews-bulk-edit-button.components-button{ |
|
flex-shrink:0; |
|
} |
|
|
|
.dataviews-filter-summary__popover .components-popover__content{ |
|
border-radius:4px; |
|
padding:0; |
|
width:230px; |
|
} |
|
|
|
.dataviews-search-widget-filter-combobox-list{ |
|
border-top:1px solid #e0e0e0; |
|
max-height:184px; |
|
overflow:auto; |
|
padding:4px; |
|
} |
|
.dataviews-search-widget-filter-combobox-list .dataviews-search-widget-filter-combobox-item-value [data-user-value]{ |
|
font-weight:600; |
|
} |
|
|
|
.dataviews-search-widget-listbox{ |
|
max-height:184px; |
|
overflow:auto; |
|
padding:4px; |
|
} |
|
|
|
.dataviews-search-widget-listitem{ |
|
align-items:center; |
|
border-radius:2px; |
|
box-sizing:border-box; |
|
cursor:default; |
|
display:flex; |
|
gap:8px; |
|
margin-block-end:2px; |
|
padding:8px 12px; |
|
} |
|
.dataviews-search-widget-listitem:last-child{ |
|
margin-block-end:0; |
|
} |
|
.dataviews-search-widget-listitem:focus,.dataviews-search-widget-listitem:hover,.dataviews-search-widget-listitem[data-active-item]{ |
|
background-color:var(--wp-admin-theme-color); |
|
color:#fff; |
|
} |
|
.dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-check{ |
|
fill:#fff; |
|
} |
|
.dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-description{ |
|
color:#fff; |
|
} |
|
.dataviews-search-widget-listitem .dataviews-search-widget-listitem-check{ |
|
flex-shrink:0; |
|
height:24px; |
|
width:24px; |
|
} |
|
.dataviews-search-widget-listitem .dataviews-search-widget-listitem-description{ |
|
color:#757575; |
|
display:block; |
|
font-size:12px; |
|
line-height:16px; |
|
overflow:hidden; |
|
text-overflow:ellipsis; |
|
} |
|
|
|
.dataviews-search-widget-filter-combobox__wrapper{ |
|
padding:8px; |
|
position:relative; |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
|
background:#f0f0f0; |
|
border:none; |
|
border-radius:2px; |
|
box-shadow:0 0 0 #0000; |
|
display:block; |
|
font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
|
font-size:16px; |
|
height:32px; |
|
line-height:normal; |
|
margin-left:0; |
|
margin-right:0; |
|
padding:0 8px 0 32px; |
|
transition:box-shadow .1s linear; |
|
width:100%; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
@media (min-width:600px){ |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
|
font-size:13px; |
|
line-height:normal; |
|
} |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ |
|
border-color:var(--wp-admin-theme-color); |
|
box-shadow:0 0 0 .5px var(--wp-admin-theme-color); |
|
outline:2px solid #0000; |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-input-placeholder{ |
|
color:#1e1e1e9e; |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-moz-placeholder{ |
|
color:#1e1e1e9e; |
|
opacity:1; |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:-ms-input-placeholder{ |
|
color:#1e1e1e9e; |
|
} |
|
@media (min-width:600px){ |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ |
|
font-size:13px; |
|
} |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ |
|
background:#fff; |
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::placeholder{ |
|
color:#757575; |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-decoration{ |
|
-webkit-appearance:none; |
|
} |
|
.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__icon{ |
|
align-items:center; |
|
display:flex; |
|
justify-content:center; |
|
left:12px; |
|
position:absolute; |
|
top:50%; |
|
transform:translateY(-50%); |
|
width:24px; |
|
} |
|
|
|
.dataviews-filter-summary__operators-container{ |
|
padding:8px 8px 0; |
|
} |
|
.dataviews-filter-summary__operators-container:has(+.dataviews-search-widget-listbox){ |
|
border-bottom:1px solid #e0e0e0; |
|
padding-bottom:8px; |
|
} |
|
.dataviews-filter-summary__operators-container:empty{ |
|
display:none; |
|
} |
|
.dataviews-filter-summary__operators-container .dataviews-filter-summary__operators-filter-name{ |
|
color:#757575; |
|
} |
|
|
|
.dataviews-filter-summary__chip-container{ |
|
position:relative; |
|
white-space:pre-wrap; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip{ |
|
align-items:center; |
|
background:#f0f0f0; |
|
border:1px solid #0000; |
|
border-radius:16px; |
|
color:#2f2f2f; |
|
cursor:pointer; |
|
display:flex; |
|
height:32px; |
|
padding:0 12px; |
|
position:relative; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-reset{ |
|
padding-inline-end:28px; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip[aria-expanded=true]{ |
|
background:#e0e0e0; |
|
color:#1e1e1e; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values{ |
|
background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values[aria-expanded=true]{ |
|
background:rgba(var(--wp-admin-theme-color--rgb), .12); |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible{ |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
outline:none; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip .dataviews-filter-summary__filter-text-name{ |
|
font-weight:500; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove{ |
|
align-items:center; |
|
background:#0000; |
|
border:0; |
|
border-radius:50%; |
|
cursor:pointer; |
|
display:flex; |
|
height:24px; |
|
justify-content:center; |
|
left:4px; |
|
padding:0; |
|
position:absolute; |
|
top:50%; |
|
transform:translateY(-50%); |
|
width:24px; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove svg{ |
|
fill:#757575; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover{ |
|
background:#e0e0e0; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus svg,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover svg{ |
|
fill:#1e1e1e; |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values svg{ |
|
fill:var(--wp-admin-theme-color); |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values:hover{ |
|
background:rgba(var(--wp-admin-theme-color--rgb), .08); |
|
} |
|
.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus-visible{ |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
outline:none; |
|
} |
|
@container (max-width: 430px){ |
|
.dataviews-filters__view-actions,.dataviews-pagination{ |
|
padding:12px 24px; |
|
} |
|
|
|
.dataviews-filters__view-actions .components-search-control .components-base-control__field{ |
|
max-width:112px; |
|
} |
|
|
|
.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ |
|
padding-right:24px; |
|
} |
|
|
|
.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ |
|
padding-left:24px; |
|
} |
|
|
|
.dataviews-loading,.dataviews-no-results,.dataviews-view-grid{ |
|
padding-left:24px; |
|
padding-right:24px; |
|
} |
|
} |
|
.dataviews-bulk-actions-toolbar-wrapper{ |
|
display:flex; |
|
flex-grow:1; |
|
width:100%; |
|
} |
|
.dataviews-bulk-actions-toolbar-wrapper .components-toolbar-group{ |
|
align-items:center; |
|
} |
|
.dataviews-bulk-actions-toolbar-wrapper .components-button.is-busy{ |
|
max-height:36px; |
|
} |
|
|
|
.dataviews-bulk-actions{ |
|
align-content:center; |
|
bottom:24px; |
|
display:flex; |
|
flex-direction:column; |
|
flex-wrap:wrap; |
|
margin-left:auto; |
|
margin-right:auto; |
|
position:sticky; |
|
width:-moz-fit-content; |
|
width:fit-content; |
|
z-index:2; |
|
} |
|
.dataviews-bulk-actions .components-accessible-toolbar{ |
|
border-color:#ddd; |
|
box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
|
} |
|
.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group{ |
|
border-color:#e0e0e0; |
|
} |
|
.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group:last-child{ |
|
border:0; |
|
} |
|
.dataviews-bulk-actions .dataviews-bulk-actions__selection-count{ |
|
align-items:center; |
|
display:flex; |
|
margin:0 8px; |
|
} |
|
|
|
.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; |
|
} |
|
@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{ |
|
max-height:224px; |
|
overflow-y:auto; |
|
} |
|
} |
|
.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-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 #0000; |
|
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:#0000; |
|
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:#0000; |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
outline:3px solid #0000; |
|
} |
|
.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-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-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-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%; |
|
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{ |
|
margin:12px 16px 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-typography__font-variants-count{ |
|
color:#757575; |
|
} |
|
|
|
.edit-site-global-styles-font-families__add-fonts{ |
|
justify-content:center; |
|
} |
|
|
|
.edit-site-global-styles-screen .color-block-support-panel{ |
|
border-top:none; |
|
padding-left:0; |
|
padding-right:0; |
|
padding-top:0; |
|
row-gap:12px; |
|
} |
|
|
|
.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-icon-with-current-color{ |
|
fill:currentColor; |
|
} |
|
|
|
.edit-site-global-styles__color-indicator-wrapper{ |
|
flex-shrink:0; |
|
height:24px; |
|
} |
|
|
|
.edit-site-global-styles__shadows-panel__options-container,.edit-site-global-styles__shadows-panel__title{ |
|
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__shadow-preview-panel{ |
|
background-image:repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(-45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5); |
|
background-position:100% 0, right 8px top 8px; |
|
background-size:16px 16px; |
|
border:1px solid #e0e0e0; |
|
border-radius:2px; |
|
height:150px; |
|
overflow:auto; |
|
} |
|
.edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{ |
|
background-color:#fff; |
|
border:1px solid #e0e0e0; |
|
border-radius:2px; |
|
height:60px; |
|
width:60%; |
|
} |
|
|
|
.edit-site-global-styles__shadow-editor-panel{ |
|
margin-bottom:4px; |
|
padding:16px; |
|
width:280px; |
|
} |
|
.edit-site-global-styles__shadow-editor-panel .edit-site-global-styles__shadow-editor-color-palette{ |
|
margin-bottom:-4px; |
|
} |
|
|
|
.edit-site-global-styles__shadow-editor__dropdown{ |
|
width:100%; |
|
} |
|
.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button{ |
|
border-radius:inherit; |
|
height:auto; |
|
padding-bottom:8px; |
|
padding-top:8px; |
|
text-align:right; |
|
width:100%; |
|
} |
|
.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button.is-open{ |
|
background:#f0f0f0; |
|
color:var(--wp-admin-theme-color); |
|
} |
|
|
|
.edit-site-global-styles-screen-css{ |
|
display:flex; |
|
flex:1 1 auto; |
|
flex-direction:column; |
|
margin:16px; |
|
} |
|
.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:inline-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; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__revisions-list{ |
|
flex-grow:1; |
|
list-style:none; |
|
margin:0 16px 16px; |
|
} |
|
.edit-site-global-styles-screen-revisions__revisions-list li{ |
|
margin-bottom:0; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__revision-item{ |
|
cursor:pointer; |
|
display:flex; |
|
flex-direction:column; |
|
position:relative; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:hover{ |
|
background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date{ |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:after,.edit-site-global-styles-screen-revisions__revision-item:before{ |
|
content:"\a"; |
|
display:block; |
|
position:absolute; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:before{ |
|
background:#ddd; |
|
border:4px solid #0000; |
|
border-radius:50%; |
|
height:8px; |
|
right:17px; |
|
top:18px; |
|
transform:translate(50%, -50%); |
|
width:8px; |
|
z-index:1; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item.is-selected{ |
|
background:rgba(var(--wp-admin-theme-color--rgb), .04); |
|
border-radius:2px; |
|
color:var(--wp-admin-theme-color); |
|
outline:3px solid #0000; |
|
outline-offset:-2px; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__revision-button{ |
|
opacity:1; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__date{ |
|
color:var(--wp-admin-theme-color); |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ |
|
background:var(--wp-admin-theme-color); |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__meta{ |
|
color:#1e1e1e; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:after{ |
|
border:.5px solid #ddd; |
|
height:100%; |
|
right:16px; |
|
top:0; |
|
width:0; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:first-child:after{ |
|
top:18px; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item:last-child:after{ |
|
height:18px; |
|
} |
|
.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button{ |
|
display:block; |
|
height:auto; |
|
outline-offset:-2px; |
|
padding:12px 40px 4px 12px; |
|
position:relative; |
|
width:100%; |
|
z-index:1; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{ |
|
align-self:flex-start; |
|
margin:4px 40px 12px 12px; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__changes,.edit-site-global-styles-screen-revisions__meta{ |
|
color:#757575; |
|
font-size:12px; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__description{ |
|
align-items:flex-start; |
|
display:flex; |
|
flex-direction:column; |
|
gap:8px; |
|
} |
|
.edit-site-global-styles-screen-revisions__description .edit-site-global-styles-screen-revisions__date{ |
|
font-size:12px; |
|
font-weight:600; |
|
text-transform:uppercase; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__meta{ |
|
align-items:flex-start; |
|
display:flex; |
|
justify-content:start; |
|
margin-bottom:4px; |
|
text-align:right; |
|
width:100%; |
|
} |
|
.edit-site-global-styles-screen-revisions__meta img{ |
|
border-radius:100%; |
|
height:16px; |
|
margin-left:8px; |
|
width:16px; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__loading{ |
|
margin:24px auto !important; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__changes{ |
|
line-height:1.4; |
|
list-style:disc; |
|
margin-right:12px; |
|
text-align:right; |
|
} |
|
.edit-site-global-styles-screen-revisions__changes li{ |
|
margin-bottom:4px; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination{ |
|
gap:2px; |
|
justify-content:space-between; |
|
} |
|
.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .edit-site-pagination__total{ |
|
height:1px; |
|
margin:-1px; |
|
overflow:hidden; |
|
position:absolute; |
|
right:-1000px; |
|
} |
|
.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-text{ |
|
font-size:12px; |
|
will-change:opacity; |
|
} |
|
.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary{ |
|
color:#1e1e1e; |
|
} |
|
.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary:disabled,.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true]{ |
|
color:#949494; |
|
} |
|
|
|
.edit-site-global-styles-screen-revisions__footer{ |
|
background:#fff; |
|
border-top:1px solid #ddd; |
|
bottom:0; |
|
height:56px; |
|
min-width:100%; |
|
padding:12px; |
|
position:sticky; |
|
z-index:1; |
|
} |
|
|
|
.editor-sidebar{ |
|
width:280px; |
|
} |
|
.editor-sidebar>.components-panel{ |
|
border-left:0; |
|
border-right:0; |
|
margin-bottom:-1px; |
|
margin-top:-1px; |
|
} |
|
.editor-sidebar>.components-panel>.components-panel__header{ |
|
background:#f0f0f0; |
|
} |
|
.editor-sidebar .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 .edit-site-global-styles-sidebar__header-title{ |
|
margin:0; |
|
} |
|
|
|
.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-page{ |
|
background:#fff; |
|
color:#2f2f2f; |
|
container:edit-site-page/inline-size; |
|
height:100%; |
|
transition:width .2s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-page{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
|
|
.edit-site-page-header{ |
|
background:#fff; |
|
border-bottom:1px solid #f0f0f0; |
|
padding:16px 48px; |
|
position:sticky; |
|
top:0; |
|
transition:padding .1s ease-out; |
|
z-index:2; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-page-header{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.edit-site-page-header .components-heading{ |
|
color:#1e1e1e; |
|
} |
|
.edit-site-page-header .edit-site-page-header__page-title{ |
|
min-height:40px; |
|
} |
|
.edit-site-page-header .edit-site-page-header__sub-title{ |
|
margin-bottom:8px; |
|
} |
|
@container (max-width: 430px){ |
|
.edit-site-page-header{ |
|
padding:16px 24px; |
|
} |
|
} |
|
.edit-site-page-content{ |
|
display:flex; |
|
flex-flow:column; |
|
height:100%; |
|
position:relative; |
|
z-index:1; |
|
} |
|
|
|
.edit-site-page-pages__featured-image{ |
|
height:100%; |
|
object-fit:cover; |
|
width:100%; |
|
} |
|
|
|
.edit-site-page-pages__featured-image-wrapper{ |
|
border-radius:4px; |
|
height:100%; |
|
width:100%; |
|
} |
|
.edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)){ |
|
background-color:#f0f0f0; |
|
border-radius:4px; |
|
display:block; |
|
flex-grow:0 !important; |
|
height:32px; |
|
overflow:hidden; |
|
position:relative; |
|
width:32px; |
|
} |
|
.edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button:after,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)):after{ |
|
border-radius:4px; |
|
box-shadow:inset 0 0 0 1px #0000001a; |
|
content:""; |
|
height:100%; |
|
position:absolute; |
|
right:0; |
|
top:0; |
|
width:100%; |
|
} |
|
|
|
.page-pages-preview-field__button{ |
|
background-color:unset; |
|
border:none; |
|
border-radius:4px; |
|
box-shadow:none; |
|
box-sizing:border-box; |
|
cursor:pointer; |
|
height:100%; |
|
overflow:hidden; |
|
padding:0; |
|
width:100%; |
|
} |
|
.page-pages-preview-field__button:focus-visible{ |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
outline:2px solid #0000; |
|
} |
|
|
|
.edit-site-page-pages-title span{ |
|
overflow:hidden; |
|
text-overflow:ellipsis; |
|
} |
|
|
|
.edit-site-page-pages__title-badge{ |
|
background:#f0f0f0; |
|
border-radius:2px; |
|
color:#757575; |
|
flex-shrink:0; |
|
font-size:12px; |
|
font-weight:400; |
|
padding:0 4px; |
|
} |
|
|
|
.edit-site-patterns__section-header .screen-reader-shortcut:focus{ |
|
top:0; |
|
} |
|
|
|
.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{ |
|
background:var(--wp-block-synced-color); |
|
border-radius:4px; |
|
fill:#fff; |
|
} |
|
.edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ |
|
fill:currentcolor; |
|
} |
|
|
|
.edit-site-patterns__delete-modal{ |
|
width:384px; |
|
} |
|
|
|
.edit-site-page-patterns-dataviews .page-patterns-preview-field{ |
|
display:flex; |
|
flex-direction:column; |
|
height:100%; |
|
} |
|
.edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table{ |
|
border-radius:2px; |
|
flex-grow:0; |
|
width:96px; |
|
} |
|
.edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table .page-patterns-preview-field__button{ |
|
border-radius:2px; |
|
} |
|
.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button{ |
|
background-color:unset; |
|
border:none; |
|
border-radius:4px; |
|
box-shadow:none; |
|
box-sizing:border-box; |
|
cursor:pointer; |
|
height:100%; |
|
overflow:hidden; |
|
padding:0; |
|
} |
|
.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible{ |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
outline:2px solid #0000; |
|
} |
|
.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true]{ |
|
cursor:default; |
|
} |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-icon{ |
|
fill:var(--wp-block-synced-color); |
|
flex-shrink:0; |
|
} |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-lock-icon{ |
|
min-width:min-content; |
|
} |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
|
border-bottom:1px solid #f0f0f0; |
|
flex-shrink:0; |
|
min-height:40px; |
|
padding:16px 48px; |
|
position:sticky; |
|
top:0; |
|
transition:padding .1s ease-out; |
|
z-index:2; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title{ |
|
min-height:40px; |
|
} |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__sub-title{ |
|
margin-bottom:8px; |
|
} |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-title{ |
|
color:inherit; |
|
display:block; |
|
overflow:hidden; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
width:100%; |
|
} |
|
.edit-site-page-patterns-dataviews .dataviews-pagination{ |
|
z-index:2; |
|
} |
|
.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){ |
|
background:rgba(var(--wp-block-synced-color--rgb), .04); |
|
color:var(--wp-block-synced-color); |
|
} |
|
|
|
.dataviews-action-modal__duplicate-pattern [role=dialog]>[role=document]{ |
|
width:350px; |
|
} |
|
.dataviews-action-modal__duplicate-pattern .patterns-menu-items__convert-modal-categories{ |
|
position:relative; |
|
} |
|
.dataviews-action-modal__duplicate-pattern .components-form-token-field__suggestions-list:not(:empty){ |
|
background-color:#fff; |
|
border:1px solid var(--wp-admin-theme-color); |
|
border-bottom-left-radius:2px; |
|
border-bottom-right-radius:2px; |
|
box-shadow:0 0 .5px .5px var(--wp-admin-theme-color); |
|
box-sizing:border-box; |
|
max-height:96px; |
|
min-width:auto; |
|
position:absolute; |
|
right:-1px; |
|
width:calc(100% + 2px); |
|
z-index:1; |
|
} |
|
|
|
@media (min-width:600px){ |
|
.dataviews-action-modal__duplicate-template-part .components-modal__frame{ |
|
max-width:500px; |
|
} |
|
} |
|
@container (max-width: 430px){ |
|
.edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ |
|
padding-left:24px; |
|
padding-right:24px; |
|
} |
|
} |
|
.page-templates-preview-field{ |
|
display:flex; |
|
flex-direction:column; |
|
height:100%; |
|
} |
|
.page-templates-preview-field .page-templates-preview-field__button{ |
|
background-color:unset; |
|
border:none; |
|
border-radius:4px; |
|
box-shadow:none; |
|
box-sizing:border-box; |
|
cursor:pointer; |
|
height:100%; |
|
overflow:hidden; |
|
padding:0; |
|
} |
|
.page-templates-preview-field .page-templates-preview-field__button:focus-visible{ |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); |
|
outline:2px solid #0000; |
|
} |
|
.page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container{ |
|
height:120px; |
|
} |
|
.page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container{ |
|
height:100%; |
|
} |
|
.page-templates-preview-field.is-viewtype-table{ |
|
border-radius:2px; |
|
position:relative; |
|
} |
|
.page-templates-preview-field.is-viewtype-table:after{ |
|
border-radius:2px; |
|
box-shadow:inset 0 0 0 1px #0000001a; |
|
content:""; |
|
height:100%; |
|
position:absolute; |
|
right:0; |
|
top:0; |
|
width:100%; |
|
} |
|
|
|
.page-templates-description{ |
|
white-space:normal; |
|
} |
|
|
|
.edit-site-page-templates .dataviews-pagination{ |
|
z-index:2; |
|
} |
|
|
|
.page-templates-author-field__avatar{ |
|
align-items:center; |
|
display:flex; |
|
flex-shrink:0; |
|
height:24px; |
|
justify-content:center; |
|
overflow:hidden; |
|
width:24px; |
|
} |
|
.page-templates-author-field__avatar img{ |
|
border-radius:100%; |
|
height:20px; |
|
object-fit:cover; |
|
opacity:0; |
|
transition:opacity .1s linear; |
|
width:20px; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.page-templates-author-field__avatar img{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.page-templates-author-field__avatar.is-loaded img{ |
|
opacity:1; |
|
} |
|
|
|
.page-templates-author-field__icon{ |
|
display:flex; |
|
flex-shrink:0; |
|
height:24px; |
|
width:24px; |
|
} |
|
.page-templates-author-field__icon svg{ |
|
fill:currentColor; |
|
} |
|
|
|
.page-templates-author-field__name{ |
|
overflow:hidden; |
|
text-overflow:ellipsis; |
|
} |
|
|
|
.edit-site-list__rename-modal{ |
|
z-index:1000001; |
|
} |
|
@media (min-width:782px){ |
|
.edit-site-list__rename-modal .components-base-control{ |
|
width:320px; |
|
} |
|
} |
|
|
|
.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-editor__editor-interface{ |
|
opacity:1; |
|
transition:opacity .1s ease-out; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-editor__editor-interface{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.edit-site-editor__editor-interface.is-loading{ |
|
opacity: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-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-layout{ |
|
color:#ccc; |
|
display:flex; |
|
flex-direction:column; |
|
height:100%; |
|
} |
|
.edit-site-layout,.edit-site-layout:not(.is-full-canvas) .editor-visual-editor{ |
|
background:#1e1e1e; |
|
} |
|
|
|
.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__mobile{ |
|
position:relative; |
|
width:100%; |
|
z-index:2; |
|
} |
|
.edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ |
|
padding:0; |
|
} |
|
|
|
.edit-site-layout__canvas-container{ |
|
flex-grow:1; |
|
overflow:visible; |
|
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 .edit-site-resizable-frame__inner{ |
|
color:#1e1e1e; |
|
} |
|
@media (min-width:782px){ |
|
.edit-site-layout__canvas{ |
|
bottom:16px; |
|
top:16px; |
|
width:calc(100% - 16px); |
|
} |
|
.edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
|
box-shadow:0 20px 25px -5px #000c,0 8px 10px -6px #000c; |
|
overflow:hidden; |
|
transition:border-radius .4s; |
|
} |
|
.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ |
|
border-radius:8px; |
|
} |
|
} |
|
.edit-site-layout.is-full-canvas .edit-site-layout__canvas{ |
|
bottom:0; |
|
top:0; |
|
width:100%; |
|
} |
|
|
|
.edit-site-layout__canvas .interface-interface-skeleton,.edit-site-layout__mobile .interface-interface-skeleton,.edit-site-template-pages-preview .interface-interface-skeleton{ |
|
min-height:100% !important; |
|
position:relative !important; |
|
} |
|
|
|
.edit-site-template-pages-preview{ |
|
height:100%; |
|
} |
|
html.canvas-mode-edit-transition::view-transition-group(toggle){ |
|
animation-delay:255ms; |
|
} |
|
.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ |
|
display:none; |
|
} |
|
|
|
.edit-site-layout__view-mode-toggle.components-button{ |
|
view-transition-name:toggle; |
|
align-items:center; |
|
background:#1e1e1e; |
|
border-radius:0; |
|
color:#fff; |
|
display:flex; |
|
height:60px; |
|
justify-content:center; |
|
overflow:hidden; |
|
padding:0; |
|
position:relative; |
|
width:60px; |
|
} |
|
.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) #ffffff1a, 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; |
|
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__area{ |
|
flex-grow:1; |
|
margin:0; |
|
overflow:hidden; |
|
} |
|
@media (min-width:782px){ |
|
.edit-site-layout__area{ |
|
border-radius:8px; |
|
margin:16px 0 16px 16px; |
|
} |
|
} |
|
|
|
.edit-site .components-editor-notices__snackbar{ |
|
bottom:16px; |
|
left:0; |
|
padding-left:16px; |
|
padding-right:16px; |
|
position:fixed; |
|
} |
|
|
|
.edit-site-save-hub{ |
|
border-top:1px solid #2f2f2f; |
|
color:#949494; |
|
flex-shrink:0; |
|
margin:0; |
|
padding:16px; |
|
} |
|
|
|
.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; |
|
} |
|
.edit-site-save-hub__button:not(.is-primary).is-busy,.edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover{ |
|
color:#1e1e1e; |
|
} |
|
|
|
@media (min-width:600px){ |
|
.edit-site-save-panel__modal{ |
|
width:600px; |
|
} |
|
} |
|
|
|
.edit-site-sidebar__content{ |
|
contain:content; |
|
flex-grow:1; |
|
overflow-x:hidden; |
|
overflow-y:auto; |
|
} |
|
|
|
@keyframes slide-from-right{ |
|
0%{ |
|
opacity:0; |
|
transform:translateX(-50px); |
|
} |
|
to{ |
|
opacity:1; |
|
transform:none; |
|
} |
|
} |
|
@keyframes slide-from-left{ |
|
0%{ |
|
opacity:0; |
|
transform:translateX(50px); |
|
} |
|
to{ |
|
opacity:1; |
|
transform:none; |
|
} |
|
} |
|
.edit-site-sidebar__screen-wrapper{ |
|
animation-duration:.14s; |
|
animation-timing-function:ease-in-out; |
|
display:flex; |
|
flex-direction:column; |
|
height:100%; |
|
max-height:100%; |
|
overflow-x:auto; |
|
padding:0 12px; |
|
scrollbar-color:#0000 #0000; |
|
scrollbar-gutter:stable both-edges; |
|
scrollbar-gutter:stable; |
|
scrollbar-width:thin; |
|
will-change:transform; |
|
will-change:transform, opacity; |
|
} |
|
.edit-site-sidebar__screen-wrapper::-webkit-scrollbar{ |
|
height:12px; |
|
width:12px; |
|
} |
|
.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track{ |
|
background-color:initial; |
|
} |
|
.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb{ |
|
background-clip:padding-box; |
|
background-color:initial; |
|
border:3px solid #0000; |
|
border-radius:8px; |
|
} |
|
.edit-site-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb{ |
|
background-color:#757575; |
|
} |
|
.edit-site-sidebar__screen-wrapper:focus,.edit-site-sidebar__screen-wrapper:focus-within,.edit-site-sidebar__screen-wrapper:hover{ |
|
scrollbar-color:#757575 #0000; |
|
} |
|
@media (hover:none){ |
|
.edit-site-sidebar__screen-wrapper{ |
|
scrollbar-color:#757575 #0000; |
|
} |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-sidebar__screen-wrapper{ |
|
animation-duration:0s; |
|
} |
|
} |
|
.edit-site-sidebar__screen-wrapper.slide-from-left{ |
|
animation-name:slide-from-left; |
|
} |
|
.edit-site-sidebar__screen-wrapper.slide-from-right{ |
|
animation-name:slide-from-right; |
|
} |
|
|
|
.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-admin-theme-color); |
|
outline:3px solid #0000; |
|
} |
|
.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 0 8px 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; |
|
word-break:break-word; |
|
} |
|
.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:48px; |
|
position:sticky; |
|
top:0; |
|
z-index:1; |
|
} |
|
|
|
.edit-site-sidebar-navigation-screen__title{ |
|
flex-grow:1; |
|
overflow-wrap:break-word; |
|
padding:2px 0 0; |
|
} |
|
|
|
.edit-site-sidebar-navigation-screen__actions{ |
|
display:flex; |
|
flex-shrink:0; |
|
} |
|
|
|
@media (min-width:782px){ |
|
.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variation-container{ |
|
max-width:292px; |
|
} |
|
} |
|
|
|
.edit-site-global-styles-variation-title{ |
|
color:#ddd; |
|
font-size:11px; |
|
font-weight:500; |
|
text-transform:uppercase; |
|
} |
|
|
|
.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
|
outline-color:#ffffff0d; |
|
} |
|
.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{ |
|
outline-color:#ffffff26; |
|
} |
|
.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ |
|
outline-color:#fff; |
|
} |
|
.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
|
outline-color: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-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{ |
|
margin-right:auto; |
|
fill:#949494; |
|
} |
|
|
|
.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-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-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-patterns__divider{ |
|
border-top:1px solid #2f2f2f; |
|
margin:16px 0; |
|
} |
|
|
|
.edit-site-sidebar-navigation-screen-dataviews__group-header{ |
|
margin-top:32px; |
|
} |
|
.edit-site-sidebar-navigation-screen-dataviews__group-header h2{ |
|
font-size:11px; |
|
font-weight:500; |
|
text-transform:uppercase; |
|
} |
|
|
|
.edit-site-sidebar-dataviews-dataview-item{ |
|
border-radius:2px; |
|
padding-left:8px; |
|
} |
|
.edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu{ |
|
min-width:auto; |
|
} |
|
.edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{ |
|
background:#2f2f2f; |
|
color:#e0e0e0; |
|
} |
|
.edit-site-sidebar-dataviews-dataview-item.is-selected{ |
|
background:var(--wp-admin-theme-color); |
|
color:#fff; |
|
} |
|
|
|
.edit-site-site-hub{ |
|
align-items:center; |
|
display:flex; |
|
gap:8px; |
|
justify-content:space-between; |
|
margin-left:12px; |
|
} |
|
|
|
.edit-site-site-hub__actions{ |
|
flex-shrink:0; |
|
} |
|
|
|
.edit-site-site-hub__view-mode-toggle-container{ |
|
flex-shrink:0; |
|
height:60px; |
|
width:60px; |
|
} |
|
.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon{ |
|
background:#0000; |
|
} |
|
|
|
.edit-site-site-hub__title .components-button{ |
|
color:#e0e0e0; |
|
display:block; |
|
flex-grow:1; |
|
font-size:15px; |
|
font-weight:500; |
|
overflow:hidden; |
|
padding-left:16px; |
|
position:relative; |
|
text-decoration:none; |
|
text-overflow:ellipsis; |
|
white-space:nowrap; |
|
} |
|
.edit-site-site-hub__title .components-button:active,.edit-site-site-hub__title .components-button:focus,.edit-site-site-hub__title .components-button:hover{ |
|
color:#e0e0e0; |
|
} |
|
.edit-site-site-hub__title .components-button:focus{ |
|
box-shadow:none; |
|
outline:none; |
|
} |
|
.edit-site-site-hub__title .components-button:focus-visible{ |
|
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #1e1e1e, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); |
|
outline:2px solid #0000; |
|
outline-offset:2px; |
|
} |
|
.edit-site-site-hub__title .components-button:after{ |
|
content:"↗"; |
|
font-weight:400; |
|
left:0; |
|
opacity:0; |
|
position:absolute; |
|
transition:opacity .1s linear; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-site-hub__title .components-button:after{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{ |
|
opacity:1; |
|
} |
|
|
|
.edit-site-site-hub_toggle-command-center{ |
|
color:#e0e0e0; |
|
} |
|
.edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{ |
|
fill:#f0f0f0; |
|
} |
|
|
|
.edit-site-sidebar-navigation-screen__description{ |
|
margin:0 0 32px; |
|
} |
|
|
|
.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-layout.is-full-canvas .edit-site-site-icon__icon{ |
|
padding:6px; |
|
} |
|
|
|
.edit-site-site-icon__image{ |
|
background:#333; |
|
height:100%; |
|
object-fit:cover; |
|
width:100%; |
|
} |
|
.edit-site-layout.is-full-canvas .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__tabs [role=tablist]{ |
|
background:#fff; |
|
color:#1e1e1e; |
|
} |
|
.edit-site-style-book__tabs [role=tabpanel]{ |
|
bottom:0; |
|
left:0; |
|
overflow:auto; |
|
padding:0; |
|
position:absolute; |
|
right:0; |
|
top:48px; |
|
} |
|
|
|
.edit-site-editor-canvas-container{ |
|
background-color:#ddd; |
|
height:100%; |
|
} |
|
.edit-site-editor-canvas-container iframe{ |
|
display:block; |
|
height:100%; |
|
width:100%; |
|
} |
|
.edit-site-layout.is-full-canvas .edit-site-editor-canvas-container{ |
|
padding:24px 24px 0; |
|
} |
|
|
|
.edit-site-editor-canvas-container__section{ |
|
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:#75757566; |
|
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 #0000; |
|
} |
|
.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{ |
|
margin-bottom:70px; |
|
padding-top:0; |
|
} |
|
.font-library-modal .font-library-modal__subtitle{ |
|
font-size:11px; |
|
font-weight:500; |
|
text-transform:uppercase; |
|
} |
|
.font-library-modal .components-navigator-screen{ |
|
padding:3px; |
|
} |
|
|
|
.font-library-modal__tabpanel-layout{ |
|
margin-top:32px; |
|
} |
|
.font-library-modal__tabpanel-layout .font-library-modal__loading{ |
|
align-items:center; |
|
display:flex; |
|
height:100%; |
|
justify-content:center; |
|
padding-top:120px; |
|
position:absolute; |
|
right:0; |
|
top:0; |
|
width:100%; |
|
} |
|
.font-library-modal__tabpanel-layout .font-library-modal__tabpanel-layout__footer{ |
|
background-color:#fff; |
|
border-top:1px solid #ddd; |
|
bottom:32px; |
|
height:70px; |
|
margin:0 -32px -32px; |
|
padding:16px 32px; |
|
position:absolute; |
|
width:100%; |
|
} |
|
|
|
.font-library-modal__tabpanel-layout .components-base-control__field{ |
|
margin-bottom:0; |
|
} |
|
|
|
.font-library-modal__fonts-title{ |
|
font-size:11px; |
|
font-weight:600; |
|
text-transform:uppercase; |
|
} |
|
|
|
.font-library-modal__fonts-list,.font-library-modal__fonts-title{ |
|
margin-bottom:0; |
|
margin-top:0; |
|
} |
|
|
|
.font-library-modal__fonts-list-item{ |
|
margin-bottom:0; |
|
} |
|
|
|
.font-library-modal__font-card{ |
|
border:1px solid #e0e0e0; |
|
height:auto; |
|
margin-top:-1px; |
|
padding:16px; |
|
width:100%; |
|
} |
|
.font-library-modal__font-card:hover{ |
|
background-color:#f0f0f0; |
|
} |
|
.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:#757575; |
|
} |
|
.font-library-modal__font-card .font-library-modal__font-variant_demo-image{ |
|
display:block; |
|
height:24px; |
|
width:auto; |
|
} |
|
.font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
|
flex-shrink:0; |
|
transition:opacity .3s ease-in-out; |
|
white-space:nowrap; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.font-library-modal__font-card .font-library-modal__font-variant_demo-text{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
|
|
.font-library-modal__font-variant{ |
|
border-bottom:1px solid #e0e0e0; |
|
padding-bottom:16px; |
|
} |
|
|
|
.font-library-modal__tabs [role=tablist]{ |
|
background:#fff; |
|
border-bottom:1px solid #ddd; |
|
margin:0 -32px; |
|
padding:0 16px; |
|
position:sticky; |
|
top:0; |
|
z-index:1; |
|
} |
|
|
|
.font-library-modal__upload-area{ |
|
align-items:center; |
|
display:flex; |
|
height:256px; |
|
justify-content:center; |
|
width:100%; |
|
} |
|
|
|
button.font-library-modal__upload-area{ |
|
background-color:#f0f0f0; |
|
} |
|
|
|
.font-library-modal__local-fonts{ |
|
margin:0 auto; |
|
width:80%; |
|
} |
|
.font-library-modal__local-fonts .font-library-modal__upload-area__text{ |
|
color:#757575; |
|
} |
|
|
|
.font-library__google-fonts-confirm{ |
|
align-items:center; |
|
display:flex; |
|
justify-content:center; |
|
margin-top:64px; |
|
} |
|
.font-library__google-fonts-confirm p{ |
|
line-height:1.4; |
|
} |
|
.font-library__google-fonts-confirm h2{ |
|
font-size:1.2rem; |
|
font-weight:400; |
|
} |
|
.font-library__google-fonts-confirm .components-card{ |
|
padding:16px; |
|
width:400px; |
|
} |
|
.font-library__google-fonts-confirm .components-button{ |
|
justify-content:center; |
|
width:100%; |
|
} |
|
|
|
.edit-site-pagination .components-button.is-tertiary{ |
|
height:32px; |
|
justify-content:center; |
|
width:32px; |
|
} |
|
|
|
.edit-site-global-styles-variations_item{ |
|
border-radius:2px; |
|
box-sizing:border-box; |
|
cursor:pointer; |
|
} |
|
.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
|
border-radius:2px; |
|
outline:1px solid #0000001a; |
|
outline-offset:-1px; |
|
overflow:hidden; |
|
position:relative; |
|
transition:outline .1s linear; |
|
} |
|
@media (prefers-reduced-motion:reduce){ |
|
.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ |
|
transition-delay:0s; |
|
transition-duration:0s; |
|
} |
|
} |
|
.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{ |
|
height:32px; |
|
} |
|
.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill .block-editor-iframe__scale-container{ |
|
overflow:hidden; |
|
} |
|
.edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{ |
|
outline-color:#0000004d; |
|
} |
|
.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
|
outline-color:#1e1e1e; |
|
outline-offset:1px; |
|
outline-width:var(--wp-admin-border-width-focus); |
|
} |
|
.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ |
|
outline-color:var(--wp-admin-theme-color); |
|
} |
|
::view-transition-image-pair(root){ |
|
isolation:auto; |
|
} |
|
|
|
::view-transition-new(root),::view-transition-old(root){ |
|
animation:none; |
|
display:block; |
|
mix-blend-mode:normal; |
|
} |
|
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; |
|
} |
|
|
|
.edit-site{ |
|
box-sizing:border-box; |
|
height:100vh; |
|
} |
|
.edit-site *,.edit-site :after,.edit-site :before{ |
|
box-sizing:inherit; |
|
} |
|
@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; |
|
} |
|
@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; |
|
} |
|
} |