Karuna: Add styling for the Payment Methods table on the Pay for order page. See #28.

This commit is contained in:
Danny Dudzic 2018-03-07 01:54:16 +01:00
parent 65c6ee8161
commit cb3e4e6c68
2 changed files with 26 additions and 32 deletions

View file

@ -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; }

View file

@ -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; }