whoami7 - Manager
:
/
home
/
dataiclx
/
www
/
wp-content
/
plugins
/
woocommerce
/
assets
/
client
/
admin
/
settings-editor
/
Upload File:
files >> /home/dataiclx/www/wp-content/plugins/woocommerce/assets/client/admin/settings-editor/style.css
/** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Breakpoints & Media Queries */ /** * SCSS Variables. * * Please use variables from this sheet to ensure consistency across the UI. * Don't add to this sheet unless you're pretty sure the value will be reused in many places. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Colors */ /** * Fonts & basic variables. */ /** * Typography */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Radius scale. */ /** * Elevation scale. */ /** * Dimensions. */ /** * Mobile specific styles */ /** * Editor styles. */ /** * Block & Editor UI. */ /** * Block paddings. */ /** * React Native specific. * These variables do not appear to be used anywhere else. */ /** * Converts a hex value into the rgb equivalent. * * @param {string} hex - the hexadecimal value to convert * @return {string} comma separated rgb values */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Typography */ /** * Breakpoint mixins */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ :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 { height: 100%; overflow: auto; box-sizing: border-box; scroll-padding-bottom: 64px; /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */ container: dataviews-wrapper/inline-size; display: flex; flex-direction: column; font-size: 13px; line-height: 1.4; } .dataviews__view-actions, .dataviews-filters__container { box-sizing: border-box; padding: 16px 48px; flex-shrink: 0; position: sticky; left: 0; } @media not (prefers-reduced-motion) { .dataviews__view-actions, .dataviews-filters__container { transition: padding ease-out 0.1s; } } .dataviews-no-results, .dataviews-loading { padding: 0 48px; flex-grow: 1; display: flex; align-items: center; justify-content: center; } @media not (prefers-reduced-motion) { .dataviews-no-results, .dataviews-loading { transition: padding ease-out 0.1s; } } @container (max-width: 430px) { .dataviews__view-actions, .dataviews-filters__container { padding: 12px 24px; } .dataviews-no-results, .dataviews-loading { padding-left: 24px; padding-right: 24px; } } .dataviews-title-field { font-size: 13px; font-weight: 500; color: #2f2f2f; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dataviews-title-field a { text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; flex-grow: 0; color: #2f2f2f; } .dataviews-title-field a:hover { color: var(--wp-admin-theme-color); } .dataviews-title-field a:focus { color: var(--wp-admin-theme-color--rgb); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); border-radius: 2px; } .dataviews-title-field button.components-button.is-link { text-decoration: none; font-weight: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; width: 100%; color: #1e1e1e; } .dataviews-title-field button.components-button.is-link:hover { color: var(--wp-admin-theme-color); } .dataviews-title-field--clickable { cursor: pointer; color: #2f2f2f; } .dataviews-title-field--clickable:hover { color: var(--wp-admin-theme-color); } .dataviews-title-field--clickable:focus { color: var(--wp-admin-theme-color--rgb); box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); border-radius: 2px; } .dataviews-bulk-actions-footer__item-count { color: #1e1e1e; font-weight: 500; font-size: 11px; text-transform: uppercase; } .dataviews-bulk-actions-footer__container { margin-right: auto; min-height: 32px; } .dataviews-filters__button { position: relative; } .dataviews-filters__container { padding-top: 0; } .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover { opacity: 0; } .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:focus { opacity: 1; } .dataviews-filters__summary-popover { font-size: 13px; line-height: 1.4; } .dataviews-filters__summary-popover .components-popover__content { width: 230px; border-radius: 4px; } .dataviews-filters__summary-popover.components-dropdown__content .components-popover__content { padding: 0; } .dataviews-filters__summary-operators-container { padding: 8px 8px 0; } .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox) { border-bottom: 1px solid #e0e0e0; padding-bottom: 8px; } .dataviews-filters__summary-operators-container:empty { display: none; } .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name { color: #757575; } .dataviews-filters__summary-chip-container { position: relative; white-space: pre-wrap; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip { border-radius: 16px; border: 1px solid transparent; cursor: pointer; padding: 4px 12px; min-height: 32px; background: #f0f0f0; color: #2f2f2f; position: relative; display: flex; align-items: center; box-sizing: border-box; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset { padding-inline-end: 28px; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] { background: #e0e0e0; color: #1e1e1e; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values { color: var(--wp-admin-theme-color); background: rgba(var(--wp-admin-theme-color--rgb), 0.04); } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] { background: rgba(var(--wp-admin-theme-color--rgb), 0.12); } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible { outline: none; box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name { font-weight: 500; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove { width: 24px; height: 24px; border-radius: 50%; border: 0; padding: 0; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; background: transparent; cursor: pointer; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg { fill: #757575; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus { background: #e0e0e0; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg { fill: #1e1e1e; } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg { fill: var(--wp-admin-theme-color); } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover { background: rgba(var(--wp-admin-theme-color--rgb), 0.08); } .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible { outline: none; box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .dataviews-filters__search-widget-filter-combobox-list { max-height: 184px; padding: 4px; overflow: auto; border-top: 1px solid #e0e0e0; } .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] { font-weight: 600; } .dataviews-filters__search-widget-listbox { padding: 4px; overflow: auto; } .dataviews-filters__search-widget-listitem { display: flex; align-items: center; gap: 8px; border-radius: 2px; box-sizing: border-box; padding: 8px 12px; cursor: default; margin-block-end: 2px; } .dataviews-filters__search-widget-listitem:last-child { margin-block-end: 0; } .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus { background-color: var(--wp-admin-theme-color); color: #fff; } .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-check, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-check { fill: #fff; } .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description { color: #fff; } .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-check { width: 24px; height: 24px; flex-shrink: 0; } .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description { display: block; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 16px; color: #757575; } .dataviews-filters__search-widget-filter-combobox__wrapper { position: relative; padding: 8px; } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; box-shadow: 0 0 0 transparent; border-radius: 2px; border: 1px solid #949494; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ line-height: normal; display: block; padding: 0 32px 0 8px; background: #f0f0f0; border: none; width: 100%; height: 32px; margin-left: 0; margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; } @media not (prefers-reduced-motion) { .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { transition: box-shadow 0.1s linear; } } @media (min-width: 600px) { .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; } } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); outline: 2px solid transparent; } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-input-placeholder { color: rgba(30, 30, 30, 0.62); } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder { opacity: 1; color: rgba(30, 30, 30, 0.62); } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:-ms-input-placeholder { color: rgba(30, 30, 30, 0.62); } @media (min-width: 600px) { .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input { font-size: 13px; } } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__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-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder { color: #757575; } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration { -webkit-appearance: none; } .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 24px; } .dataviews-filters__container-visibility-toggle { position: relative; flex-shrink: 0; } .dataviews-filters-toggle__count { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); background: var(--wp-admin-theme-color, #3858e9); height: 16px; min-width: 16px; line-height: 16px; padding: 0 4px; text-align: center; border-radius: 8px; font-size: 11px; outline: var(--wp-admin-border-width-focus) solid #fff; color: #fff; box-sizing: border-box; } .dataviews-search { width: fit-content; } .dataviews-footer { position: sticky; bottom: 0; left: 0; background-color: #fff; padding: 12px 48px; border-top: 1px solid #f0f0f0; flex-shrink: 0; z-index: 2; } @media not (prefers-reduced-motion) { .dataviews-footer { transition: padding ease-out 0.1s; } } @container (max-width: 430px) { .dataviews-footer { padding: 12px 24px; } } @container (max-width: 560px) { .dataviews-footer { flex-direction: column !important; } .dataviews-footer .dataviews-bulk-actions-footer__container { width: 100%; } .dataviews-footer .dataviews-bulk-actions-footer__item-count { flex-grow: 1; } .dataviews-footer .dataviews-pagination { width: 100%; justify-content: space-between; } } .dataviews-pagination__page-select { font-size: 11px; font-weight: 500; text-transform: uppercase; } @media (min-width: 600px) { .dataviews-pagination__page-select .components-select-control__input { font-size: 11px !important; font-weight: 500; } } .dataviews-action-modal { z-index: 1000001; } .dataviews-selection-checkbox { --checkbox-input-size: 24px; line-height: 0; flex-shrink: 0; } @media (min-width: 600px) { .dataviews-selection-checkbox { --checkbox-input-size: 16px; } } .dataviews-selection-checkbox .components-checkbox-control__input-container { margin: 0; } .dataviews-view-config { width: 320px; /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */ container-type: inline-size; font-size: 13px; line-height: 1.4; } .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper { overflow-y: scroll; height: 100%; } .dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper .dataviews-view-config { width: auto; } .dataviews-view-config__sort-direction .components-toggle-group-control-option-base { text-transform: uppercase; } .dataviews-settings-section__title.dataviews-settings-section__title { line-height: 24px; font-size: 15px; } .dataviews-settings-section__sidebar { grid-column: span 4; } .dataviews-settings-section__content, .dataviews-settings-section__content > * { grid-column: span 8; } .dataviews-settings-section__content .is-divided-in-two { display: contents; } .dataviews-settings-section__content .is-divided-in-two > * { grid-column: span 4; } .dataviews-settings-section:has(.dataviews-settings-section__content:empty) { display: none; } @container (max-width: 500px) { .dataviews-settings-section.dataviews-settings-section { grid-template-columns: repeat(2, 1fr); } .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar { grid-column: span 2; } .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content { grid-column: span 2; } } .dataviews-field-control__field { height: 32px; } .dataviews-field-control__actions { position: absolute; top: -9999em; } .dataviews-field-control__actions.dataviews-field-control__actions { gap: 4px; } .dataviews-field-control__field:hover .dataviews-field-control__actions, .dataviews-field-control__field:focus-within .dataviews-field-control__actions, .dataviews-field-control__field.is-interacting .dataviews-field-control__actions { position: unset; top: unset; } .dataviews-field-control__icon { display: flex; width: 24px; } .dataviews-field-control__label-sub-label-container { flex-grow: 1; } .dataviews-field-control__label { display: block; } .dataviews-field-control__sub-label { margin-top: 8px; margin-bottom: 0; font-size: 11px; font-style: normal; color: #757575; } .dataviews-view-grid { margin-bottom: auto; grid-template-rows: max-content; padding: 0 48px 24px; container-type: inline-size; } @media not (prefers-reduced-motion) { .dataviews-view-grid { transition: padding ease-out 0.1s; } } .dataviews-view-grid .dataviews-view-grid__card { height: 100%; justify-content: flex-start; position: relative; } .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__title-field { min-height: 24px; display: flex; align-items: center; } .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable { width: fit-content; } .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 .dataviews-view-grid__media::after, .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); } .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after { box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); } .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after { box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } .dataviews-view-grid .dataviews-view-grid__media { width: 100%; min-height: 200px; aspect-ratio: 1/1; background-color: #f0f0f0; border-radius: 4px; position: relative; } .dataviews-view-grid .dataviews-view-grid__media img { object-fit: cover; width: 100%; height: 100%; } .dataviews-view-grid .dataviews-view-grid__media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 4px; pointer-events: none; } .dataviews-view-grid .dataviews-view-grid__fields { position: relative; font-size: 12px; line-height: 16px; } .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) { padding: 0 0 12px; } .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) { min-height: 24px; line-height: 20px; padding-top: 2px; } .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field { min-height: 24px; align-items: center; } .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name { width: 35%; color: #757575; } .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value { width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) { display: none; } .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) { padding-bottom: 12px; } .dataviews-view-grid.dataviews-view-grid { /** * Breakpoints were adjusted from media queries breakpoints to account for * the sidebar width. This was done to match the existing styles we had. */ } @container (max-width: 480px) { .dataviews-view-grid.dataviews-view-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); padding-left: 24px; padding-right: 24px; } } @container (min-width: 480px) { .dataviews-view-grid.dataviews-view-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (min-width: 780px) { .dataviews-view-grid.dataviews-view-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container (min-width: 1140px) { .dataviews-view-grid.dataviews-view-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @container (min-width: 1520px) { .dataviews-view-grid.dataviews-view-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .dataviews-view-grid__field-value:empty, .dataviews-view-grid__field:empty { display: none; } .dataviews-view-grid__card .dataviews-selection-checkbox { position: absolute; top: -9999em; left: 8px; z-index: 1; } .dataviews-view-grid__card:hover .dataviews-selection-checkbox, .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox, .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox { top: 8px; } .dataviews-view-grid__media--clickable { cursor: pointer; } div.dataviews-view-list { list-style-type: none; } .dataviews-view-list { margin: 0 0 auto; } .dataviews-view-list div[role=row] { margin: 0; border-top: 1px solid #f0f0f0; } .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper { position: relative; padding: 16px 24px; box-sizing: border-box; } .dataviews-view-list div[role=row] .dataviews-view-list__item-actions { flex: 0; overflow: hidden; } .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div { height: 24px; } .dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button { position: relative; z-index: 1; opacity: 0; } .dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions { flex-basis: min-content; overflow: unset; padding-inline-end: 4px; } .dataviews-view-list div[role=row]:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button { opacity: 1; } .dataviews-view-list div[role=row].is-selected.is-selected { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); } .dataviews-view-list div[role=row].is-selected.is-selected + div[role=row] { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); } .dataviews-view-list div[role=row]:not(.is-selected) .dataviews-view-list__title-field { color: #1e1e1e; } .dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within { color: var(--wp-admin-theme-color); background-color: #f8f8f8; } .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__title-field, .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__title-field, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-view-list__fields, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__title-field, .dataviews-view-list div[role=row]:not(.is-selected):focus-within .dataviews-view-list__fields { color: var(--wp-admin-theme-color); } .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper, .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04); color: #1e1e1e; } .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields, .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__title-field, .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields { color: var(--wp-admin-theme-color); } .dataviews-view-list .dataviews-view-list__item { position: absolute; z-index: 1; inset: 0; scroll-margin: 8px 0; appearance: none; border: none; background: none; padding: 0; cursor: pointer; } .dataviews-view-list .dataviews-view-list__item:focus-visible { outline: none; } .dataviews-view-list .dataviews-view-list__item:focus-visible::before { position: absolute; content: ""; inset: var(--wp-admin-border-width-focus); box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); border-radius: 2px; outline: 2px solid transparent; } .dataviews-view-list .dataviews-view-list__title-field { flex: 1; min-height: 24px; line-height: 24px; overflow: hidden; } .dataviews-view-list .dataviews-view-list__title-field:has(a, button) { z-index: 1; } .dataviews-view-list .dataviews-view-list__media-wrapper { width: 52px; height: 52px; overflow: hidden; position: relative; flex-shrink: 0; background-color: #f0f0f0; border-radius: 4px; } .dataviews-view-list .dataviews-view-list__media-wrapper img { width: 100%; height: 100%; object-fit: cover; } .dataviews-view-list .dataviews-view-list__media-wrapper::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); border-radius: 4px; } .dataviews-view-list .dataviews-view-list__field-wrapper { min-height: 52px; flex-grow: 1; } .dataviews-view-list .dataviews-view-list__fields { color: #757575; display: flex; gap: 12px; row-gap: 4px; flex-wrap: wrap; font-size: 12px; } .dataviews-view-list .dataviews-view-list__fields:empty { display: none; } .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 { min-height: 24px; line-height: 20px; display: flex; align-items: center; } .dataviews-view-list + .dataviews-pagination { justify-content: space-between; } .dataviews-view-table { width: 100%; text-indent: 0; border-color: inherit; border-collapse: collapse; position: relative; color: #757575; margin-bottom: auto; } .dataviews-view-table th { text-align: left; color: #1e1e1e; font-weight: normal; font-size: 13px; } .dataviews-view-table td, .dataviews-view-table th { padding: 12px; white-space: nowrap; } .dataviews-view-table td.dataviews-view-table__actions-column, .dataviews-view-table th.dataviews-view-table__actions-column { text-align: right; } .dataviews-view-table td.dataviews-view-table__checkbox-column, .dataviews-view-table th.dataviews-view-table__checkbox-column { padding-right: 0; } .dataviews-view-table tr { border-top: 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 th:first-child { padding-left: 48px; } .dataviews-view-table tr td:first-child .dataviews-view-table-header-button, .dataviews-view-table tr td:first-child .dataviews-view-table-header, .dataviews-view-table tr th:first-child .dataviews-view-table-header-button, .dataviews-view-table tr th:first-child .dataviews-view-table-header { margin-left: -8px; } .dataviews-view-table tr td:last-child, .dataviews-view-table tr th:last-child { padding-right: 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:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus { opacity: 1; } .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) { opacity: 0; } .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.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: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), 0.04); color: #757575; } .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr { border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12); } .dataviews-view-table tr.is-selected:hover { background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08); } .dataviews-view-table thead { position: sticky; inset-block-start: 0; z-index: 1; } .dataviews-view-table thead tr { border: 0; } .dataviews-view-table thead th { background-color: #fff; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; font-size: 11px; text-transform: uppercase; font-weight: 500; } .dataviews-view-table thead th:has(.dataviews-view-table-header-button):not(:first-child) { padding-left: 4px; } .dataviews-view-table tbody td { vertical-align: top; } .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper { min-height: 32px; display: flex; align-items: center; } .dataviews-view-table tbody .components-v-stack > .dataviews-view-table__cell-content-wrapper:not(:first-child) { min-height: 0; } .dataviews-view-table .dataviews-view-table-header-button { padding: 4px 8px; font-size: 11px; text-transform: uppercase; font-weight: 500; } .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-left: 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-table.has-compact-density thead th:has(.dataviews-view-table-header-button):not(:first-child) { padding-left: 0; } .dataviews-view-table.has-compact-density td, .dataviews-view-table.has-compact-density th { padding: 4px 8px; } .dataviews-view-table.has-comfortable-density td, .dataviews-view-table.has-comfortable-density th { padding: 16px 12px; } .dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column, .dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density th.dataviews-view-table__checkbox-column { padding-right: 0; } @container (max-width: 430px) { .dataviews-view-table tr td:first-child, .dataviews-view-table tr th:first-child { padding-left: 24px; } .dataviews-view-table tr td:last-child, .dataviews-view-table tr th:last-child { padding-right: 24px; } } .dataviews-view-table-selection-checkbox { --checkbox-input-size: 24px; } @media (min-width: 600px) { .dataviews-view-table-selection-checkbox { --checkbox-input-size: 16px; } } .dataviews-column-primary__media { max-width: 60px; } .dataviews-controls__datetime { border: none; padding: 0; } .dataforms-layouts-panel__field { width: 100%; min-height: 32px; justify-content: flex-start !important; align-items: flex-start !important; } .dataforms-layouts-panel__field-label { width: 38%; flex-shrink: 0; min-height: 32px; display: flex; align-items: center; padding: 6px 0; line-height: 20px; hyphens: auto; } .dataforms-layouts-panel__field-control { flex-grow: 1; min-height: 32px; display: flex; align-items: center; } .dataforms-layouts-panel__field-control .components-button { max-width: 100%; text-align: left; white-space: normal; text-wrap: balance; text-wrap: pretty; min-height: 32px; } .dataforms-layouts-panel__field-control .components-dropdown { max-width: 100%; } .dataforms-layouts-panel__field-dropdown .components-popover__content { min-width: 320px; padding: 16px; } .dataforms-layouts-panel__dropdown-header { margin-bottom: 16px; } .components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown { z-index: 159990; } .dataforms-layouts-regular__field { width: 100%; min-height: 32px; justify-content: flex-start !important; align-items: flex-start !important; } .dataforms-layouts-regular__field .components-base-control__label { font-size: inherit; font-weight: normal; text-transform: none; } .dataforms-layouts-regular__field-label { width: 38%; flex-shrink: 0; min-height: 32px; display: flex; align-items: center; padding: 6px 0; line-height: 20px; hyphens: auto; } .dataforms-layouts-regular__field-control { flex-grow: 1; min-height: 32px; display: flex; align-items: center; } :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}}.a8c-site-admin-sidebar__content{flex-grow:1;overflow-y:auto;overflow-x:hidden;contain:content}@keyframes local--slide-from-right{from{transform:translateX(50px);opacity:0}to{transform:none;opacity:1}}@keyframes local--slide-from-left{from{transform:translateX(-50px);opacity:0}to{transform:none;opacity:1}}.a8c-site-admin-sidebar__screen-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-gutter:stable both-edges;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);will-change:transform;scrollbar-gutter:stable;display:flex;flex-direction:column;height:100%;max-height:100%;padding:0 12px;animation-duration:.14s;animation-timing-function:ease-in-out;will-change:transform,opacity}.a8c-site-admin-sidebar__screen-wrapper::-webkit-scrollbar{width:12px;height:12px}.a8c-site-admin-sidebar__screen-wrapper::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.a8c-site-admin-sidebar__screen-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);border-radius:8px;border:3px solid rgba(0,0,0,0);background-clip:padding-box}.a8c-site-admin-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb,.a8c-site-admin-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb,.a8c-site-admin-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb{background-color:#757575}.a8c-site-admin-sidebar__screen-wrapper:hover,.a8c-site-admin-sidebar__screen-wrapper:focus,.a8c-site-admin-sidebar__screen-wrapper:focus-within{scrollbar-color:#757575 rgba(0,0,0,0)}@media(hover: none){.a8c-site-admin-sidebar__screen-wrapper{scrollbar-color:#757575 rgba(0,0,0,0)}}@media(prefers-reduced-motion: reduce){.a8c-site-admin-sidebar__screen-wrapper{animation-duration:0s}}.a8c-site-admin-sidebar__screen-wrapper.slide-from-left{animation-name:local--slide-from-left}.a8c-site-admin-sidebar__screen-wrapper.slide-from-right{animation-name:local--slide-from-right}.a8c-site-admin-sidebar-button{color:#e0e0e0;flex-shrink:0}.a8c-site-admin-sidebar-button:focus:not(:disabled){box-shadow:none;outline:none}.a8c-site-admin-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 rgba(0,0,0,0)}.a8c-site-admin-sidebar-button:hover:not(:disabled,[aria-disabled=true]),.a8c-site-admin-sidebar-button:focus-visible,.a8c-site-admin-sidebar-button:focus,.a8c-site-admin-sidebar-button:not(:disabled,[aria-disabled=true]):active,.a8c-site-admin-sidebar-button[aria-expanded=true]{color:#f0f0f0}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item{color:#949494;padding:8px 6px 8px 16px;border:none;min-height:40px}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:hover,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:focus,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item[aria-current=true]{color:#e0e0e0}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:hover .a8c-site-admin-sidebar-navigation-item__drilldown-indicator,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:focus .a8c-site-admin-sidebar-navigation-item__drilldown-indicator,.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item[aria-current=true] .a8c-site-admin-sidebar-navigation-item__drilldown-indicator{fill:#e0e0e0}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item[aria-current=true]{background:#2f2f2f;color:#fff;font-weight:500}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item:focus-visible{transform:translateZ(0)}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item .a8c-site-admin-sidebar-navigation-item__drilldown-indicator{fill:#949494}.a8c-site-admin-sidebar__content .a8c-site-admin-sidebar-navigation-item.with-suffix{padding-right:16px}.a8c-site-admin-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{cursor:grab;padding:8px 8px 8px 0}.a8c-site-admin-sidebar-navigation-screen__main{flex-grow:1;margin-bottom:16px}.a8c-site-admin-sidebar-navigation-screen__main.has-footer{margin-bottom:0}.a8c-site-admin-sidebar-navigation-screen__main .a8c-site-admin-sidebar-navigation-screen__title{flex-grow:1;overflow-wrap:break-word;line-height:32px;color:#e0e0e0}.a8c-site-admin-sidebar-navigation-screen__content{padding:0 16px}.a8c-site-admin-sidebar-navigation-screen__title-icon{position:sticky;top:0;padding-top:48px;margin-bottom:8px;padding-bottom:8px;z-index:1}.a8c-site-admin-sidebar-navigation-screen__actions{display:flex;flex-shrink:0}.a8c-site-admin-sidebar-navigation-screen__footer{position:sticky;bottom:0;background-color:#1e1e1e;gap:0;padding:8px 16px;margin:16px 0 0;border-top:1px solid #2f2f2f}.a8c-site-admin-sidebar-navigation-screen__footer .a8c-site-admin-sidebar-navigation-screen-details-footer{margin-left:-16px;margin-right:-16px}.a8c-site-admin-site-icon__icon{fill:currentColor;width:100%;height:100%}.a8c-site-admin-layout.is-full-canvas .a8c-site-admin-site-icon__icon{padding:12px}.a8c-site-admin-site-icon__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#333;aspect-ratio:1/1}.a8c-site-admin-layout.is-full-canvas .a8c-site-admin-site-icon__image{border-radius:0}.a8c-site-admin-editor__view-mode-toggle button:focus{position:relative}.a8c-site-admin-editor__view-mode-toggle button:focus::before{content:"";display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff}.woocommerce-single-select-page-with-search__menu-loading{display:flex;align-items:center;justify-content:center;padding:8px;height:50px}.woocommerce-experimental-select-control__popover-menu-container,.woocommerce-experimental-select-control__menu-item{cursor:pointer}.woocommerce-settings-header.woocommerce-site-page-header.woocommerce-settings-header--has-tabs{border-bottom:none}.woocommerce-settings-section-tabs .components-tab-panel__tabs{border-bottom:1px solid #f0f0f0;padding:0 32px;z-index:1}#wc-settings-page .woocommerce-site-layout__area{overflow:scroll}.components-tab-panel__tabs{position:sticky;top:60px;background-color:#fff}.woocommerce-settings-content{padding-inline:48px;display:flex;flex-direction:column}.woocommerce-settings-group{display:flex;gap:48px}.woocommerce-settings-group .dataforms-layouts-regular__header:not(:first-child){margin-top:40px}@media(max-width: 960px){.woocommerce-settings-group{flex-direction:column}}.dataforms-layouts-regular__field:has(>.woocommerce-settings-group){padding-block:48px}.dataforms-layouts-regular__field:has(>.woocommerce-settings-group):not(:last-child){border-bottom:1px solid #f0f0f0}.woocommerce-settings-group-title{flex:1;max-width:400px}.woocommerce-settings-group-content{flex:2;display:flex;flex-direction:column;gap:48px}.woocommerce-settings-content-footer{display:flex;justify-content:flex-end;padding:48px}#wc-settings-page .components-input-control__label{white-space:normal}#wc-settings-page .components-snackbar-list{bottom:24px;left:308px}.woocommerce-settings-color-picker{display:flex;flex-direction:row;gap:10px;margin:8px 0}
Copyright ©2021 || Defacer Indonesia