编辑 onboarding.css - 文件管理器

✏️ 编辑：onboarding.css

路径：/home/forge/woocommerce-square/build/onboarding.css

大小：21.9 KB · 修改：2025-12-23 20:26:26 · 权限：0644 · 可写

@font-face{font-family:SF Pro;src:url(fonts/SFPRODISPLAYREGULAR.f2e75175.woff2) format("opentype")}#woocommerce-square-settings__container-general~*,[id*=woocommerce-square-payment-gateway-settings__container]~*{display:none}#woocommerce-square-onboarding,#woocommerce-square-settings__container-general,.import-modal-cover p,[id*=woocommerce-square-payment-gateway-settings__container]{color:#4b4b4b;font-family:SF Pro,sans-serif;font-size:16px;font-weight:400;letter-spacing:.3px;line-height:normal}#woocommerce-square-onboarding .codeamp-components-multi-select-control__tokens-container,#woocommerce-square-settings__container-general .codeamp-components-multi-select-control__tokens-container,.import-modal-cover p .codeamp-components-multi-select-control__tokens-container,[id*=woocommerce-square-payment-gateway-settings__container] .codeamp-components-multi-select-control__tokens-container{padding:15px}#woocommerce-square-onboarding a:not(.button-primary),#woocommerce-square-settings__container-general a:not(.button-primary),.import-modal-cover p a:not(.button-primary),[id*=woocommerce-square-payment-gateway-settings__container] a:not(.button-primary){color:#4b4b4b}#woocommerce-square-onboarding .components-modal__content .components-button:not(.codeamp-components-multi-select-control__remove-token),#woocommerce-square-settings__container-general .components-modal__content .components-button:not(.codeamp-components-multi-select-control__remove-token),.import-modal-cover p .components-modal__content .components-button:not(.codeamp-components-multi-select-control__remove-token),[id*=woocommerce-square-payment-gateway-settings__container] .components-modal__content .components-button:not(.codeamp-components-multi-select-control__remove-token){width:auto}.import-modal-cover button.button-primary{float:right;font-size:16px}.import-modal-cover button.is-secondary{float:left}.import-modal-cover .import-buttons{margin-top:30px;overflow:hidden}#woocommerce-square-settings__container-general,[id*=woocommerce-square-payment-gateway-settings__container]{margin:50px 0 0 50px;max-width:779px}#woocommerce-square-settings__container-general .components-button.button-primary,[id*=woocommerce-square-payment-gateway-settings__container] .components-button.button-primary{max-width:-moz-fit-content;max-width:fit-content}#woocommerce-square-settings__container-general .components-base-control,#woocommerce-square-settings__container-general .components-select-control,#woocommerce-square-settings__container-general .import-products-wrapper button,[id*=woocommerce-square-payment-gateway-settings__container] .components-base-control,[id*=woocommerce-square-payment-gateway-settings__container] .components-select-control,[id*=woocommerce-square-payment-gateway-settings__container] .import-products-wrapper button{max-width:451px}#woocommerce-square-settings__container-general .woo-square-setting__section,[id*=woocommerce-square-payment-gateway-settings__container] .woo-square-setting__section{margin-bottom:60px}body #woocommerce-square-onboarding p,body #woocommerce-square-settings__container-general p,body [id*=woocommerce-square-payment-gateway-settings__container] p{font-size:16px;font-weight:400;line-height:normal}body #woocommerce-square-onboarding .button-primary.is-busy,body #woocommerce-square-settings__container-general .button-primary.is-busy,body [id*=woocommerce-square-payment-gateway-settings__container] .button-primary.is-busy{background-image:linear-gradient(-45deg,rgba(var(--wp-admin-theme-color-darker-10--rgb),1) 33%,rgba(var(--wp-admin-theme-color-darker-20--rgb),1) 0,rgba(var(--wp-admin-theme-color-darker-20--rgb),1) 70%,rgba(var(--wp-admin-theme-color-darker-10--rgb),1) 0);color:--wp-admin-theme-color!important;pointer-events:none}body #woocommerce-square-onboarding .components-button:not(.codeamp-components-multi-select-control__remove-token),body #woocommerce-square-settings__container-general .components-button:not(.codeamp-components-multi-select-control__remove-token),body [id*=woocommerce-square-payment-gateway-settings__container] .components-button:not(.codeamp-components-multi-select-control__remove-token){display:block;font-family:SF Pro,sans-serif;font-size:16px;font-weight:400;line-height:18.9px;min-height:46px;min-width:70px;padding:12px 15px;text-align:center;width:100%}body #woocommerce-square-onboarding .components-button:not(.codeamp-components-multi-select-control__remove-token).button-primary,body #woocommerce-square-settings__container-general .components-button:not(.codeamp-components-multi-select-control__remove-token).button-primary,body [id*=woocommerce-square-payment-gateway-settings__container] .components-button:not(.codeamp-components-multi-select-control__remove-token).button-primary{color:#fff}body #woocommerce-square-onboarding .components-button:not(.codeamp-components-multi-select-control__remove-token).is-link,body #woocommerce-square-settings__container-general .components-button:not(.codeamp-components-multi-select-control__remove-token).is-link,body [id*=woocommerce-square-payment-gateway-settings__container] .components-button:not(.codeamp-components-multi-select-control__remove-token).is-link{padding:0;text-align:left}body #woocommerce-square-onboarding .components-button:not(.codeamp-components-multi-select-control__remove-token).has-icon svg,body #woocommerce-square-settings__container-general .components-button:not(.codeamp-components-multi-select-control__remove-token).has-icon svg,body [id*=woocommerce-square-payment-gateway-settings__container] .components-button:not(.codeamp-components-multi-select-control__remove-token).has-icon svg{margin:0 0 -10px;position:relative;top:-4px}.heading_1,.woo-square-onbarding__payment-settings__intro--title{color:#000;font-family:SF Pro,sans-serif;font-size:32px;font-weight:600;line-height:40px;margin-bottom:15px;text-align:center}.woo-square-loader{bottom:0;height:100px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.woo-square-loader svg{height:100px;width:100px;z-index:99999}.import-modal-content label{font-size:16px}.required-error{border:2px solid red!important}@media screen and (max-width:1800px){.woo-square-onboarding__cover:not(.payment-methods):not(.payment-complete){margin:60px auto;max-height:inherit;position:inherit}}
body.woocommerce_page_woocommerce-square-onboarding{background:#fff}body.woocommerce_page_woocommerce-square-onboarding #wpbody-content{padding-bottom:0}body.woocommerce_page_woocommerce-square-onboarding #wpfooter,body.woocommerce_page_woocommerce-square-onboarding .notice:not(.import-notice){display:none!important}#woocommerce-square-onboarding{margin:0;min-height:700px}#woocommerce-square-onboarding button.is-link{color:#4b4b4b}#woocommerce-square-onboarding button .button-primary{margin-bottom:50px}#woocommerce-square-onboarding button.is-secondary{box-shadow:inset 0 0 0 1px #949494;color:#000;display:block;margin:20px 0;min-width:215px}#woocommerce-square-onboarding hr{color:rgba(75,75,75,.502)}#woocommerce-square-onboarding b{color:#000}#woocommerce-square-onboarding .woo-square-setting__section-description{margin:30px 0}#woocommerce-square-onboarding .adv-settings-copy{margin-right:30px}body.admin-color-light.woocommerce_page_woocommerce-square-onboarding{--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}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}body.admin-color-coffee.woocommerce_page_woocommerce-square-onboarding{--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}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}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}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}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}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 screen and (max-width:1900px){.flexItem.contentBox{margin-right:20px}}#wpcontent{padding-left:0!important}@media screen and (max-width:600px){body.woocommerce_page_woocommerce-square-onboarding #wpbody-content{margin-top:46px}}@media screen and (min-width:601px)and (max-width:782px){body.woocommerce_page_woocommerce-square-onboarding #wpbody-content{margin-top:46px}}@media screen and (min-width:783px)and (max-width:960px){body.woocommerce_page_woocommerce-square-onboarding #wpbody-content{margin-top:80px}}@media screen and (min-width:961px){body.woocommerce_page_woocommerce-square-onboarding #wpbody-content{margin-top:80px}}.woo-square-onbarding__payment-settings{font-family:SF Pro,sans-serif}.woo-square-onbarding__payment-settings *{box-sizing:border-box}@media screen and (min-width:601px)and (max-width:782px){.woo-square-onbarding__payment-settings{padding:0 1rem}}@media screen and (min-width:783px)and (max-width:960px){.woo-square-onbarding__payment-settings{height:calc(100vh - 112px)}}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings{align-items:stretch;display:flex;height:calc(100vh - 112px);justify-content:center;position:fixed;width:calc(100% - 160px)}}@media screen and (max-width:960px){.woo-square-onbarding__payment-settings{padding:0 1rem}}.woo-square-onbarding__payment-settings--left{background-color:#fff}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings--left{align-items:center;display:flex;flex-basis:0;flex-grow:1;justify-content:center;padding:0 5rem 0 1rem}}@media screen and (max-width:960px){.woo-square-onbarding__payment-settings--left{margin-top:2rem}.woo-square-onbarding__payment-settings--left .woo-square-setting__section-description{max-width:780px;text-align:center}}.woo-square-onbarding__payment-settings--left .woo-square-onbarding__payment-settings__intro--title{display:flex;justify-content:center}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings--left .woo-square-onbarding__payment-settings__intro--title{justify-content:flex-start;text-align:left}}.woo-square-onbarding__payment-settings--right{background-color:#f0f0f1;position:relative}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings--right{align-items:center;display:flex;flex-basis:0;flex-grow:1}}@media screen and (max-width:960px){.woo-square-onbarding__payment-settings--right{margin-top:3rem}.woo-square-onbarding__payment-settings--right .woo-square-setting__section-description{max-width:780px;text-align:center}}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings--right .woo-square-setting__section-title{text-align:left}}@media screen and (min-width:960px)and (max-width:1024px)and (max-height:740px){.woo-square-onbarding__payment-settings--right .woo-square-setting__section-title{font-size:1.5rem}.woo-square-onbarding__payment-settings--right .woo-square-setting__input-wrapper--boxed-bg{padding:.5rem 1rem!important}.woo-square-onbarding__payment-settings--right .woo-square-setting__input-wrapper--boxed-bg .woo-square-setting__input-label{font-size:15px}}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings__intro{max-width:589px}}.woo-square-onbarding__payment-settings__toggles{background-color:#fff;transition:padding .3s ease}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings__toggles{border:.5px solid #bfbfbf;max-width:756px;padding:4rem;position:relative;transform:translateX(-3rem)}}@media screen and (min-width:960px)and (max-width:1280px){.woo-square-onbarding__payment-settings__toggles{padding:3rem}}@media screen and (max-height:880px)and (min-width:960px){.woo-square-onbarding__payment-settings__toggles{padding:2rem 3rem}}@media screen and (min-width:1400px)and (min-height:1100px){.woo-square-onbarding__payment-settings__toggles{padding:100px 110px}}.woo-square-onbarding__payment-settings__center-icon{display:none}@media screen and (min-width:961px){.woo-square-onbarding__payment-settings__center-icon{display:block;left:-48px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);z-index:99}}@media screen and (max-height:1120px){.woo-square-onbarding__payment-settings .woo-square-setting__input-wrapper--boxed-bg{padding:1rem 2rem}.woo-square-onbarding__payment-settings .woo-square-setting__input-wrapper--boxed{margin:1rem 0}}@media screen and (max-width:480px){.woo-square-onbarding__payment-settings .woo-square-setting__input-wrapper--boxed-bg{padding:1rem}}.woo-square-onbarding__payment-settings__toggles__next-btn{position:absolute;right:0;top:calc(100% + 46px)}.woo-square-onbarding__payment-settings__toggles__next-btn:after{background-color:transparent;content:"";display:block;height:1rem;position:absolute;width:10px}@media screen and (max-width:960px){.woo-square-onbarding__payment-settings__toggles__next-btn{max-width:780px}}@media screen and (max-height:770px)and (min-width:960px){.woo-square-onbarding__payment-settings__toggles__next-btn{margin-top:3rem;position:relative;right:auto;top:auto}}.woo-square-onbarding__payment-settings__intro--title-icon{margin-left:16px}.woo-square-onboarding__payment-complete{display:block;padding:1rem}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete{display:flex;padding:0}.woo-square-onboarding__payment-complete--left,.woo-square-onboarding__payment-complete--right{width:50%}}.woo-square-onboarding__payment-complete--left .woo-square-setting__section-description,.woo-square-onboarding__payment-complete--right .woo-square-setting__section-description{text-align:center}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete--left .woo-square-setting__section-description,.woo-square-onboarding__payment-complete--right .woo-square-setting__section-description{text-align:left}}.woo-square-onboarding__payment-complete--left{margin-top:2rem}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete--left{margin-top:0;padding:2rem}}.woo-square-onboarding__payment-complete--right{margin-top:3rem;position:relative}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete--right{margin-top:0}.woo-square-onboarding__payment-complete--right:after{background-color:#f0f0f1;content:"";display:block;height:100%;left:0;min-height:750px;position:absolute;top:0;width:100%;z-index:0}}@media screen and (min-width:1280px)and (min-height:750px){.woo-square-onboarding__payment-complete--right:after{height:calc(100vh - 112px)}}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete--right .woo-square-setting__section-title{text-align:left}.woo-square-onboarding__payment-complete__toggles{background-color:#fff;border:.5px solid #bfbfbf;max-width:687px;padding:30px 42px;position:relative;transform:translateX(-3rem);z-index:1}}@media screen and (min-width:1920px){.woo-square-onboarding__payment-complete__toggles{padding:60px 85px;position:relative;top:140px}}@media screen and (min-height:720px)and (min-width:1280px){.woo-square-onboarding__payment-complete__toggles{top:5vh}}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-complete__intro{float:right;margin-right:100px;max-width:400px;position:sticky;top:30vh}}@media screen and (min-width:1920px){.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-complete__intro{margin-right:200px;position:sticky;top:460px}}.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-complete__intro--title{color:#000;font-size:30px;font-weight:600;line-height:35.8px;text-align:center}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-complete__intro--title{text-align:left}}.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row{align-items:flex-start;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}@media screen and (min-width:1280px){.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row{justify-content:flex-start}}.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row button{margin:0 0 1.25rem!important}.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row .components-divider{margin:30px 0!important}.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row .contentBox{flex:1;margin-left:18px}@media screen and (min-width:1920px){.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row .contentBox{max-width:314px}}.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row .settings-fields{flex-basis:100%}@media screen and (min-width:1920px){.woo-square-onboarding__payment-complete .woo-square-onboarding__payment-setting-row .settings-fields{flex-basis:auto;margin-left:auto}}.woo-square-onboarding__settings-wrapper{margin:100px auto 50px;max-width:400px}
.woo-square-onbarding__connect-square{align-items:stretch;display:flex;justify-content:center;margin:auto;max-width:100%;z-index:9999}.woo-square-onbarding__connect-square--left{background-color:#fff;width:50%}.woo-square-onbarding__connect-square__intro{left:50%;max-width:650px;position:relative;top:40%;transform:translate(-50%,-50%);width:100%}.woo-square-onbarding__connect-square__center-icon{left:calc(50% - 94.5px);position:absolute;top:40%;transform:translateY(-50%);z-index:999}.woo-square-onbarding__connect-square--right{background-color:#f0f0f1;width:50%}.woo-square-onbarding__connect-square__intro--title{align-items:center;display:flex;margin-bottom:24px;text-align:left}.woo-square-onbarding__connect-square__intro--title-icon{height:auto;margin-left:24px;max-width:45px}.woo-square-onbarding__connect-square__toggles{background-color:#fff;border:1px solid rgba(0,0,0,.25);left:-50px;padding:98px 110px 130px;position:relative;top:40%;transform:translateY(-50%)}.woo-square-onbarding__connect-square__toggles__next-btn{position:absolute;right:0;top:calc(100% + 46px)}.woo-square-onbarding__connect-square>*{width:100%}.woo-square-onbarding__connect-square .woo-square-setting__input-wrapper--boxed-bg{background-color:hsla(0,0%,96%,.5)}
.woo-square-onboarding__header{align-items:center;background-color:#fff;border-bottom:.5px solid #bfbfbf;display:flex;justify-content:space-between;position:fixed;top:46px;width:calc(100% - 160px);z-index:999}@media screen and (max-width:960px){.woo-square-onboarding__header{top:32px;width:calc(100% - 36px)}}@media screen and (max-width:782px){.woo-square-onboarding__header{width:100%}}.woo-square-onboarding__header .backBtn button{display:flex!important}.woo-square-onboarding__header .backBtn button span{display:inline-block;margin-left:12px}.woo-square-onboarding__header .wizardTitle{display:flex;justify-content:center}@media screen and (max-width:600px){.woo-square-onboarding__header{height:46px;position:absolute;top:46px}}@media screen and (min-width:601px)and (max-width:782px){.woo-square-onboarding__header{height:46px;top:46px}}@media screen and (min-width:783px)and (max-width:960px){.woo-square-onboarding__header{height:80px}}@media screen and (min-width:961px){.woo-square-onboarding__header{height:80px;top:32px}}
.woo-square-setting__input-wrapper{margin:36px 0;max-width:100%}.woo-square-setting__input-wrapper--boxed{max-width:780px}.woo-square-setting__input-wrapper--boxed-bg{align-items:center;background-color:#f4f4f4;display:flex;justify-content:space-between;max-width:780px;padding:24px 32px}.woo-square-setting__input-wrapper--boxed-bg .woo-square-setting__input-label{font-family:SF Pro,sans-serif;font-size:19px;font-weight:590;margin:0;text-align:left}.woo-square-setting__input-wrapper--boxed-bg .components-toggle-control{margin-bottom:0}.woo-square-setting__input-wrapper .components-form-token-field__remove-token.components-button{display:none}.woo-square-setting__input-wrapper .components-form-token-field__token-text{padding:0 8px}.woo-square-setting__input-wrapper .codeamp-components-multi-select-control__input-container{background-color:#fff}.woo-square-setting__input-label{color:#000;font-weight:600;margin-bottom:7px}.woo-square-setting__input-description{color:#4b4b4b;font-family:SF Pro,sans-serif;font-size:15px;font-weight:400;margin-top:9px;text-align:left}
.woo-square-setting__input-field--checkbox{background:hsla(0,0%,96%,.502);display:flex;padding:20px}.woo-square-setting__input-field--checkbox .components-checkbox-control .components-base-control__field{margin-bottom:0}