Karuna: Add styling for the Payment Methods table on the Pay for order page. See #28.
This commit is contained in:
parent
65c6ee8161
commit
cb3e4e6c68
2 changed files with 26 additions and 32 deletions
|
@ -432,9 +432,6 @@ table.shop_attributes {
|
|||
table.shop_attributes tr:nth-child(even) td {
|
||||
background: rgba(0, 0, 0, 0.025); }
|
||||
|
||||
/**
|
||||
* Checkout
|
||||
*/
|
||||
/**
|
||||
* Checkout
|
||||
*/
|
||||
|
@ -456,43 +453,43 @@ table.shop_table th {
|
|||
padding: 8px 5px;
|
||||
text-align: right; }
|
||||
|
||||
.woocommerce-checkout-payment {
|
||||
.woocommerce #payment {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
margin-bottom: 1.6em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods {
|
||||
.woocommerce #payment ul.payment_methods {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
|
||||
padding: 1.6em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li {
|
||||
.woocommerce #payment ul.payment_methods li {
|
||||
clear: both; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li input {
|
||||
.woocommerce #payment ul.payment_methods li input {
|
||||
margin: 0 0 0 1em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li img {
|
||||
.woocommerce #payment ul.payment_methods li img {
|
||||
vertical-align: middle;
|
||||
margin: -2px .5em 0 0;
|
||||
position: relative; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .payment_box {
|
||||
.woocommerce #payment ul.payment_methods li .payment_box {
|
||||
background: #fff;
|
||||
border: 1px solid rgba(153, 153, 153, 0.2);
|
||||
border-radius: 10px;
|
||||
margin: 0.8em 0;
|
||||
padding: 0.8em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .payment_box p:first-child {
|
||||
.woocommerce #payment ul.payment_methods li .payment_box p:first-child {
|
||||
margin-top: 0; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .payment_box p:last-child {
|
||||
.woocommerce #payment ul.payment_methods li .payment_box p:last-child {
|
||||
margin-bottom: 0; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .about_paypal {
|
||||
.woocommerce #payment ul.payment_methods li .about_paypal {
|
||||
float: left; }
|
||||
.woocommerce-checkout-payment .form-row {
|
||||
.woocommerce #payment .form-row {
|
||||
margin: 0;
|
||||
padding: 1.6em; }
|
||||
.woocommerce-checkout-payment .form-row:before, .woocommerce-checkout-payment .form-row:after {
|
||||
.woocommerce #payment .form-row:before, .woocommerce #payment .form-row:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
.woocommerce-checkout-payment .form-row:after {
|
||||
.woocommerce #payment .form-row:after {
|
||||
clear: both; }
|
||||
.woocommerce-checkout-payment .form-row .button {
|
||||
.woocommerce #payment .form-row .button {
|
||||
width: auto;
|
||||
float: left; }
|
||||
|
||||
|
|
|
@ -432,9 +432,6 @@ table.shop_attributes {
|
|||
table.shop_attributes tr:nth-child(even) td {
|
||||
background: rgba(0, 0, 0, 0.025); }
|
||||
|
||||
/**
|
||||
* Checkout
|
||||
*/
|
||||
/**
|
||||
* Checkout
|
||||
*/
|
||||
|
@ -456,43 +453,43 @@ table.shop_table th {
|
|||
padding: 8px 5px;
|
||||
text-align: left; }
|
||||
|
||||
.woocommerce-checkout-payment {
|
||||
.woocommerce #payment {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
margin-bottom: 1.6em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods {
|
||||
.woocommerce #payment ul.payment_methods {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
|
||||
padding: 1.6em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li {
|
||||
.woocommerce #payment ul.payment_methods li {
|
||||
clear: both; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li input {
|
||||
.woocommerce #payment ul.payment_methods li input {
|
||||
margin: 0 1em 0 0; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li img {
|
||||
.woocommerce #payment ul.payment_methods li img {
|
||||
vertical-align: middle;
|
||||
margin: -2px 0 0 .5em;
|
||||
position: relative; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .payment_box {
|
||||
.woocommerce #payment ul.payment_methods li .payment_box {
|
||||
background: #fff;
|
||||
border: 1px solid rgba(153, 153, 153, 0.2);
|
||||
border-radius: 10px;
|
||||
margin: 0.8em 0;
|
||||
padding: 0.8em; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .payment_box p:first-child {
|
||||
.woocommerce #payment ul.payment_methods li .payment_box p:first-child {
|
||||
margin-top: 0; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .payment_box p:last-child {
|
||||
.woocommerce #payment ul.payment_methods li .payment_box p:last-child {
|
||||
margin-bottom: 0; }
|
||||
.woocommerce-checkout-payment ul.payment_methods li .about_paypal {
|
||||
.woocommerce #payment ul.payment_methods li .about_paypal {
|
||||
float: right; }
|
||||
.woocommerce-checkout-payment .form-row {
|
||||
.woocommerce #payment .form-row {
|
||||
margin: 0;
|
||||
padding: 1.6em; }
|
||||
.woocommerce-checkout-payment .form-row:before, .woocommerce-checkout-payment .form-row:after {
|
||||
.woocommerce #payment .form-row:before, .woocommerce #payment .form-row:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
.woocommerce-checkout-payment .form-row:after {
|
||||
.woocommerce #payment .form-row:after {
|
||||
clear: both; }
|
||||
.woocommerce-checkout-payment .form-row .button {
|
||||
.woocommerce #payment .form-row .button {
|
||||
width: auto;
|
||||
float: right; }
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue