252 lines
3.8 KiB
SCSS
252 lines
3.8 KiB
SCSS
.checkout-navigation {
|
|
padding: 20px 0px;
|
|
.nav-signin, .nav-payment-info, .nav-place-order {
|
|
width: 30%;
|
|
float: left;
|
|
}
|
|
|
|
.nav-signin {
|
|
margin-left: 5%;
|
|
}
|
|
|
|
.nav-place-order {
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.nav-text {
|
|
font-size: 17px;
|
|
float: left;
|
|
}
|
|
|
|
.nav-text.selected {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav-arrow {
|
|
float: left;
|
|
margin-left: 30px;
|
|
}
|
|
}
|
|
|
|
.checkout-signin, .checkout-payment-info, .checkout-place-order {
|
|
padding: 30px;
|
|
|
|
.signin-form {
|
|
padding: 10px;
|
|
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
label {
|
|
display: inline;
|
|
}
|
|
|
|
.signin-password {
|
|
margin-left: 33px;
|
|
}
|
|
|
|
.login-error {
|
|
background-color: #330000;
|
|
border: 1px solid #990000;
|
|
padding:4px;
|
|
|
|
div.actions {
|
|
margin-top:10px;
|
|
}
|
|
}
|
|
|
|
.login-error-msg {
|
|
display:none;
|
|
margin-top:10px;
|
|
text-align:center;
|
|
color:#F00;
|
|
font-size:11px;
|
|
}
|
|
|
|
.login-error .login-error-msg {
|
|
display:block;
|
|
}
|
|
}
|
|
|
|
form.payment-info {
|
|
width: 100%;
|
|
|
|
input[type="text"] {
|
|
width: 90%;
|
|
}
|
|
|
|
.billing-address {
|
|
float: left;
|
|
width: 50%;
|
|
|
|
h2.billing-caption {
|
|
margin: 20px 5px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.billing-label {
|
|
padding-top: 8px;
|
|
width: 30%;
|
|
float: left;
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.billing-value {
|
|
width: 65%;
|
|
text-align: left;
|
|
float: left;
|
|
}
|
|
}
|
|
|
|
.payment-method {
|
|
float: left;
|
|
width: 50%;
|
|
|
|
h2.payment-method-caption {
|
|
margin: 20px 5px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.card-label {
|
|
padding-top: 8px;
|
|
width: 35%;
|
|
float: left;
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.card-value {
|
|
width: 60%;
|
|
text-align: left;
|
|
float: left;
|
|
}
|
|
|
|
.save-card-checkbox {
|
|
float:left;
|
|
display:block;
|
|
margin-right:5px;
|
|
}
|
|
}
|
|
|
|
.shipping-address {
|
|
float: left;
|
|
width: 50%;
|
|
|
|
h2.shipping-address-label {
|
|
margin: 20px 5px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.shipping-as-billing {
|
|
float:left;
|
|
display:block;
|
|
margin-right:5px;
|
|
}
|
|
|
|
.divBillingHelper {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.shipping-label {
|
|
padding-top: 8px;
|
|
width: 30%;
|
|
float: left;
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.shipping-value {
|
|
width: 65%;
|
|
text-align: left;
|
|
float: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.order-panel {
|
|
padding: 30px;
|
|
|
|
.order-header {
|
|
h2 {
|
|
font-size: 16px;
|
|
}
|
|
}
|
|
|
|
.order-content {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.order-left-page {
|
|
float: left;
|
|
width: 60%;
|
|
|
|
.payment-info-page {
|
|
padding: 5px;
|
|
|
|
.info-caption-link {
|
|
.caption-text {
|
|
float: left;
|
|
}
|
|
.caption-link {
|
|
float: left;
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
|
|
.address-info {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
|
|
.payment-method-info {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
}
|
|
.order-items-page {
|
|
padding: 5px;
|
|
|
|
.cart-item-caption {
|
|
width: 50%;
|
|
text-align: left;
|
|
float: left;
|
|
}
|
|
|
|
.cart-item-caption#header {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cart-item-price {
|
|
width: 25%;
|
|
text-align: right;
|
|
float: left;
|
|
}
|
|
|
|
.cart-item-quantity {
|
|
width: 25%;
|
|
text-align: right;
|
|
float: left;
|
|
}
|
|
|
|
.cart-items {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.cart-item {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
}
|
|
.order-right-page {
|
|
float: right;
|
|
width: 35%;
|
|
text-align: center;
|
|
|
|
.order-total {
|
|
color: #ed3618;
|
|
}
|
|
}
|
|
} |