Learn more  » Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Bower components Debian packages RPM packages NuGet packages

jsarnowski / jsarnowski/cartflows   php

Repository URL to install this package:

Version: 1.6.11 

/ css / optin-template.css

/**
* **************
* Login & Coupon Field Layout 
* **************
*/
/* Editor CSS */
.elementor-editor-active .wcf-optin-form .woocommerce #order_review #payment #place_order {
    pointer-events: none !important;
}

.cartflows-container .wcf-optin-form,
.cartflows-container .wcf-optin-form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wcf-optin-form .wc-backward {
    display: none !important;
}

.wcf-optin-form .woocommerce form .form-row-first, 
.wcf-optin-form .woocommerce form .form-row-last{
    width: 50%;
    display: block;
}

.wcf-optin-form .woocommerce form .form-row-full{
    width: 100%;
    clear: both;
}

.wcf-optin-form form .form-row-wide{
    width: 100%;
}

/* To test divi and all */
.wcf-optin-form .woocommerce form .form-row-first,
.woocommerce-page form .form-row-first{
    float: left;
    clear: left;
}

.wcf-optin-form .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
    float: right;
    clear: right;
}

.wcf-optin-form .woocommerce form .form-row .required{
    color: red;
    font-weight: 700;
    border: 0!important;
    text-decoration: none;
}

/* To test divi and all */
.wcf-optin-form form .form-row-first.form-row-one{
    clear: both;
}

.wcf-optin-form .woocommerce form.woocommerce-form-login{
    display: none;
}

/**
* **************
* Common Classes
* **************
*/

.wcf-optin-form .woocommerce .blockUI.blockOverlay {
   font-size: 15px;
}

.wcf-optin-form .woocommerce form .form-row.woocommerce-invalid .select2-container, 
.wcf-optin-form .woocommerce form .form-row.woocommerce-invalid input.input-text, 
.wcf-optin-form .woocommerce form .form-row.woocommerce-invalid select{
    border-width: 1px;
    border-color: #e2401c; 
}

.wcf-optin-form .woocommerce form .form-row.woocommerce-validated .select2-container, 
.wcf-optin-form .woocommerce form .form-row.woocommerce-validated input.input-text, 
.wcf-optin-form .woocommerce form .form-row.woocommerce-validated select{
    border-width: 1px;
}

.wcf-optin-form .select2-container--default.field-required .select2-selection--single,
.wcf-optin-form .woocommerce form .form-row input.input-text.field-required,
.wcf-optin-form .woocommerce form .form-row textarea.input-text.field-required,
.wcf-optin-form .woocommerce #order_review .input-text.field-required{
    border-color: #e2401c;
}

.wcf-optin-form .woocommerce form .form-row input.field-validated{
    border-left-width: 2px;
    border-left-color: #69bf29;
}

/**
* ************
* Main Layout
* ************
*/

/**
* ************************
* Radio Button & Checkbox
* ************************
*/

.wcf-optin-form .woocommerce #payment [type='radio']:checked + label, 
.wcf-optin-form .woocommerce #payment [type='radio']:not(:checked) + label{
    padding: 0px;
}

.wcf-optin-form .woocommerce #payment input[type=radio]{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 4px;
    line-height: 10px;
}

.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce #payment input[type=checkbox]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]:checked:before{
    content: "\e600";
    margin: 0;
    color: #F16334;
}

.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"],
.wcf-optin-form .woocommerce #payment input[type=checkbox], 
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"],
.wcf-optin-form .woocommerce #payment input[type=radio],
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]{
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 16px;
    margin: -4px 4px 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: middle;
    width: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:focus,
.wcf-optin-form .woocommerce #payment input[type=checkbox]:focus, 
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:focus,
.wcf-optin-form .woocommerce #payment input[type=radio]:focus,
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]:focus{
    border-color: #F16334;
    -webkit-box-shadow: 0 0 2px rgba(241, 99, 52,.8);
    box-shadow: 0 0 2px rgba(241, 99, 52,.8);
}

.wcf-optin-form .woocommerce #payment input[type=radio]:checked:before{
    background-color: #F16334;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    content: "\2022";
    font-size: 24px;
    height: 6px;
    line-height: 16px;
    margin: 4px;
    text-indent: -9999px;
    width: 6px;
}
.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce #payment input[type=checkbox]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked:before, 
.wcf-optin-form .woocommerce #payment input[type=radio]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]:before{
    display: inline-block;
    float: left;
    font: normal 15px/1 cartflows-icon;
    speak: none;
    vertical-align: middle;
    width: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wcf-optin-form .woocommerce-checkout #payment ul.payment_methods li input[type=checkbox]{
    min-width: 16px;
}

.wcf-optin-form .woocommerce .col2-set .col-1,
.wcf-optin-form .woocommerce .col2-set .col-2,
.wcf-optin-form .woocommerce .wcf-col2-set .wcf-col-1,
.wcf-optin-form .woocommerce .wcf-col2-set .wcf-col-2 {
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    border-color: none;
    margin-bottom: 0px;
}

.wcf-optin-form .woocommerce-additional-fields > h3,
.wcf-optin-form .woocommerce-billing-fields > h3,
.wcf-optin-form #order_review_heading,
.wcf-optin-form .woocommerce #ship-to-different-address {
    display: none;
}

.wcf-optin-form .woocommerce-checkout #payment {
    background: unset;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.wcf-optin-form .woocommerce-checkout #payment .form-row {
    margin: 0;
    padding: 0;
}

.wcf-optin-form .woocommerce-checkout #payment .form-row label.checkbox{
    display: block;
    margin-bottom: 1.1em;
}

.wcf-optin-form .woocommerce-checkout #payment .payment_method_paypal .about_paypal{
    float: none;
    margin-left: 10px;
}

.wcf-optin-form .woocommerce-checkout #payment div.payment_box .form-row{
    margin: 0 0 0.5em;
}

.wcf-optin-form .woocommerce-checkout #payment fieldset .form-row
.wcf-optin-form .woocommerce-checkout #payment fieldset p{
    margin-bottom: 10px;
}

.wcf-optin-form .woocommerce-checkout #payment div.payment_box{
    background-color: #eaeaea;
    font-family: inherit;
    font-weight:inherit;
    margin-bottom: 0.5em;
}

.wcf-optin-form #add_payment_method #payment div.payment_box::before, 
.wcf-optin-form .woocommerce-cart #payment div.payment_box::before, 
.wcf-optin-form .woocommerce-checkout #payment div.payment_box::before{
    content: '';
    display: block;
    border: 1em solid;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #eaeaea;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;
}

/* Fields */
.wcf-optin-form .select2-container--default .select2-selection--single {
    display: block;
    width: 100%;
    min-height: 34px;
    height: auto;
    padding: 11px 12px;
    font-size: 14px;
    line-height: 1.42857143 !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid;
    border-color: #d4d4d4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.wcf-optin-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #666;
    line-height: 26px;
    min-height: 26px;
    overflow: visible;
    padding-left: 0;
}

.wcf-optin-form .select2-results__option[aria-selected], .select2-results__option[data-selected]{
    font-size: 14px;
}

.wcf-optin-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-dropdown{
    border: 1px solid #d4d4d4;
}

.wcf-optin-form .woocommerce form .form-row input.input-text, 
.wcf-optin-form .woocommerce form .form-row textarea,
.wcf-optin-form .woocommerce form .form-row select,
.wcf-optin-form .woocommerce #order_review .input-text{
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 11px 12px;
    font-family: inherit;
    font-weight:inherit;
    font-size: 14px;
    line-height: 1.42857143 !important;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid;
    border-color: #d4d4d4;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
}

.wcf-optin-form #order_review{
    padding: 0;
    width: 100%;
}
Loading ...