관리-도구

편집 파일: 12.style.css

.kkart-activity-card{position:relative;padding:24px;padding:var(--main-gap);background:#fff;border-bottom:1px solid #e0e0e0;color:#757575;font-size:13px;font-size:.8125rem}.kkart-activity-card:not(.kkart-empty-activity-card){display:-ms-grid;display:grid;-ms-grid-columns:84px 1fr;grid-template-columns:84px 1fr;grid-template-areas:"icon header" "icon body" "icon actions"}@media (max-width:782px){.kkart-activity-card:not(.kkart-empty-activity-card){-ms-grid-columns:76px 1fr;grid-template-columns:76px 1fr}}.kkart-activity-card__button{display:block;height:unset;background:none;align-items:unset;transition:unset;text-align:left;width:100%;padding:0}.kkart-activity-card__unread{position:absolute;top:18px;top:calc(var(--main-gap) - 6px);right:18px;right:calc(var(--main-gap) - 6px);width:6px;height:6px;border-radius:50%;background:#ca4a1f}.kkart-activity-card__icon{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1;grid-area:icon;fill:#e0e0e0}.kkart-activity-card__header{margin-bottom:16px;display:flex;flex-direction:column}.kkart-activity-card__header .kkart-activity-card__title{margin:0;font-size:13px;font-size:.8125rem;order:2}.kkart-empty-activity-card .kkart-activity-card__header .kkart-activity-card__title{color:#1e1e1e;font-size:16px;font-size:1rem;font-style:normal;line-height:24px;font-weight:400}.kkart-activity-card__button .kkart-activity-card__header .kkart-activity-card__title{margin-bottom:8px}.kkart-activity-card__header .kkart-activity-card__date{color:#757575;text-transform:uppercase;font-size:11px;font-size:.6875rem;margin-bottom:12px;order:1}.kkart-activity-card__header .kkart-activity-card__subtitle{order:3}.kkart-activity-card__button .kkart-activity-card__header .kkart-activity-card__subtitle{margin-bottom:4px}@media (min-width:783px){.kkart-activity-card__header{-ms-grid-row:1;-ms-grid-column:2;grid-area:header;display:-ms-grid;display:grid;-ms-grid-rows:auto auto;-ms-grid-columns:1fr auto;grid-template:"title date" "subtitle date"/1fr auto}.kkart-activity-card.kkart-order-activity-card>.kkart-activity-card__header{-ms-grid-row:1;-ms-grid-column:1}.kkart-activity-card__header .kkart-activity-card__title{grid-area:title}.kkart-activity-card__header .kkart-activity-card__date{display:block;grid-area:date;-ms-grid-column-align:end;justify-self:end;margin-bottom:0}.kkart-activity-card__header .kkart-activity-card__subtitle{grid-area:subtitle}}@media (min-width:783px){.kkart-activity-card__header .kkart-activity-card__title{-ms-grid-row:1;-ms-grid-column:1}.kkart-activity-card__header .kkart-activity-card__date{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}.kkart-activity-card__header .kkart-activity-card__subtitle{-ms-grid-row:2;-ms-grid-column:1}}.kkart-activity-card__body{-ms-grid-row:2;-ms-grid-column:2;grid-area:body}.kkart-activity-card.kkart-order-activity-card>.kkart-activity-card__body{-ms-grid-row:2;-ms-grid-column:1}.kkart-activity-card__body>p:first-child{margin-top:0}.kkart-activity-card__body>p:last-child{margin-bottom:0}.kkart-empty-activity-card .kkart-activity-card__body{color:#757575;font-style:normal;font-weight:400;font-size:14px;font-size:.875rem;line-height:20px}.kkart-activity-card__actions{-ms-grid-row:3;-ms-grid-column:2;grid-area:actions;margin-top:16px}.kkart-activity-card.kkart-order-activity-card>.kkart-activity-card__actions{-ms-grid-row:3;-ms-grid-column:1}.kkart-activity-card__actions>*+*{margin-left:.5em}.kkart-activity-card.is-loading .is-placeholder{animation:loading-fade 1.6s ease-in-out infinite;background-color:#f0f0f0;color:transparent;display:inline-block;height:16px}.kkart-activity-card.is-loading .is-placeholder:after{content:"\00a0"}@media screen and (prefers-reduced-motion:reduce){.kkart-activity-card.is-loading .is-placeholder{animation:none}}.kkart-activity-card.is-loading .kkart-activity-card__title{width:80%}.kkart-activity-card.is-loading .kkart-activity-card__subtitle{margin-top:4px}.kkart-activity-card.is-loading .kkart-activity-card__date{width:100%;margin-bottom:16px}@media (min-width:783px){.kkart-activity-card.is-loading .kkart-activity-card__date{text-align:right;margin-bottom:0}}.kkart-activity-card.is-loading .kkart-activity-card__date .is-placeholder{width:68px}.kkart-activity-card.is-loading .kkart-activity-card__icon{margin-right:24px;margin-right:var(--main-gap)}.kkart-activity-card.is-loading .kkart-activity-card__icon .is-placeholder{height:48px;width:48px}.kkart-activity-card.is-loading.kkart-review-activity-card .kkart-activity-card__icon .is-placeholder,.kkart-activity-card.is-loading.kkart-stock-activity-card .kkart-activity-card__icon .is-placeholder{height:60px;width:60px}.kkart-activity-card.is-loading .kkart-activity-card__body .is-placeholder{width:100%;margin-bottom:4px}.kkart-activity-card.is-loading .kkart-activity-card__body .is-placeholder:last-of-type{width:65%;margin-bottom:0}.kkart-activity-card.is-loading .kkart-activity-card__actions .is-placeholder{width:91px;height:34px}.kkart-activity-card.kkart-order-activity-card{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"header" "body" "actions"}.kkart-activity-card.kkart-order-activity-card .kkart-activity-card__icon{display:none}.kkart-activity-card.kkart-order-activity-card .kkart-flag{display:inline-block}.kkart-activity-card.kkart-order-activity-card .kkart-activity-card__subtitle span+span:before{content:" \2022\ "}.kkart-activity-card.kkart-inbox-activity-card{-ms-grid-columns:72px 1fr;grid-template-columns:72px 1fr;height:100%;opacity:1;padding:24px;padding:var(--main-gap)}@media screen and (prefers-reduced-motion:no-preference){.kkart-activity-card.kkart-inbox-activity-card{transition:opacity .3s,height 0s,padding 0s}}@media (max-width:782px){.kkart-activity-card.kkart-inbox-activity-card{-ms-grid-columns:64px 1fr;grid-template-columns:64px 1fr}}.kkart-activity-card.kkart-inbox-activity-card .kkart-activity-card__header{margin-bottom:12px}.kkart-activity-card.kkart-inbox-activity-card.actioned{height:0;opacity:0;padding:0}@media screen and (prefers-reduced-motion:no-preference){.kkart-activity-card.kkart-inbox-activity-card.actioned{transition:opacity .3s,height 0s .3s,padding 0s .3s}}.kkart-review-activity-card .kkart-activity-card__body>span>p:first-child{margin-top:0}.kkart-review-activity-card .kkart-activity-card__body>span>p:last-child{margin-bottom:0}.kkart-review-activity-card .kkart-review-activity-card__verified{margin-left:12px;display:inline-flex;position:relative;top:4px;color:#4ab866;font-size:12px;font-size:.75rem}.kkart-review-activity-card .kkart-review-activity-card__verified .gridicon{margin-right:4px;fill:#4ab866}.kkart-review-activity-card .kkart-review-activity-card__image-overlay{position:relative}.kkart-review-activity-card .kkart-review-activity-card__image-overlay img.kkart-gravatar{border:2px solid #fff;left:0;position:absolute;top:-6px;z-index:2}@media (max-width:782px){.kkart-review-activity-card .kkart-review-activity-card__image-overlay{margin-top:4px}.kkart-review-activity-card .kkart-review-activity-card__image-overlay__product .kkart-gravatar{margin-left:0;width:18px;height:18px;left:32px;top:-28px;z-index:1}}.kkart-review-activity-card__image-overlay__product,.kkart-stock-activity-card__image-overlay__product{height:60px;position:relative;width:60px}.kkart-review-activity-card__image-overlay__product.is-placeholder:before,.kkart-stock-activity-card__image-overlay__product.is-placeholder:before{background-color:#757575;border-radius:50%;content:"";position:absolute;left:0;right:0;bottom:0;top:0;opacity:.1}@media screen and (prefers-reduced-motion:no-preference){.kkart-stock-activity-card{transition:opacity .3s}}.kkart-stock-activity-card.is-dimmed{opacity:.7}.kkart-stock-activity-card .kkart-stock-activity-card__stock-quantity{background:#f0f0f0;color:#757575;padding:3px 8px;border-radius:3px}.kkart-stock-activity-card .kkart-stock-activity-card__edit-quantity{display:inline-flex;width:50px;margin-right:10px}.kkart-stock-activity-card .kkart-stock-activity-card__edit-quantity input{border-radius:4px;height:36px}.kkart-stock-activity-card .kkart-stock-activity-card__edit-quantity input[type=number]{-moz-appearance:textfield}.kkart-stock-activity-card .kkart-stock-activity-card__edit-quantity input[type=number]::-webkit-inner-spin-button,.kkart-stock-activity-card .kkart-stock-activity-card__edit-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kkart-stock-activity-card .components-button{min-height:34px;padding:2px 10px;line-height:26px}.kkart-stock-activity-card .kkart-activity-card__title{font-size:15px;font-size:.9375rem}.kkart-stock-activity-card .kkart-activity-card__subtitle{color:#757575;font-size:12px;font-size:.75rem}.kkart-empty-activity-card{background:#f0f0f0;margin:20px;border-bottom:unset}:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922}.kkart-layout__activity-panel-header{height:50px;background:#e0e0e0;padding:16px;display:flex;justify-content:space-between;align-items:center}@media (min-width:783px){.kkart-layout__activity-panel-header{padding:16px 24px}}.kkart-layout__activity-panel-header h3{font-size:13px;font-weight:600;line-height:16px;margin:0;padding:0}.kkart-layout__activity-panel-header .kkart-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled=true]):focus,.kkart-layout__activity-panel-header .kkart-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled=true]):hover{box-shadow:none;border-radius:10px;background:#ccc}.kkart-layout__inbox-title{color:#1e1e1e;display:flex;align-items:center}.kkart-layout__inbox-subtitle{color:#757575}.kkart-layout__inbox-badge{margin-left:6px;background-color:#757575;border-radius:13px;padding:0 6px;color:#fff;display:inline-block;text-align:center;vertical-align:top}