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

lodestar/woocommerce-rtl.css

@@ -530,43 +530,43 @@ ul.products li.product {
   font-size: 1rem;
   vertical-align: middle; }
 
-.woocommerce-checkout-payment {
+.woocommerce #payment {
   margin-bottom: 1.5em; }
-  .woocommerce-checkout-payment ul.payment_methods {
+  .woocommerce #payment ul.payment_methods {
     list-style: none;
     padding: 1.5em;
     margin: 0;
     border-style: solid;
     border-color: #f3f3f3;
     border-width: 1px 1px 0 1px; }
-    .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 label {
+    .woocommerce #payment ul.payment_methods li label {
       vertical-align: middle; }
-      .woocommerce-checkout-payment ul.payment_methods li label img {
+      .woocommerce #payment ul.payment_methods li label img {
         margin-top: -5px;
         margin-right: .5em; }
-    .woocommerce-checkout-payment ul.payment_methods li.payment_method_paypal .about_paypal {
+    .woocommerce #payment ul.payment_methods li.payment_method_paypal .about_paypal {
       float: left;
       font-size: .85em; }
-  .woocommerce-checkout-payment .payment_box {
+  .woocommerce #payment .payment_box {
     background: #f3f3f3;
     font-size: 16px;
     font-size: 1rem;
     line-height: 1.40625;
     margin: 0.703125rem 0;
     padding: 0.703125rem; }
-    .woocommerce-checkout-payment .payment_box p:last-child {
+    .woocommerce #payment .payment_box p:last-child {
       margin-bottom: 0; }
-  .woocommerce-checkout-payment .form-row {
+  .woocommerce #payment .form-row {
     padding: 1.5em;
     border: 1px solid #f3f3f3; }
-    .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 #place_order {
+    .woocommerce #payment .form-row #place_order {
       float: left; }
 
 .woocommerce-shipping-fields h3 {

lodestar/woocommerce.css

@@ -823,11 +823,11 @@ ul.products li.product .added_to_cart {
 	font-size: 1rem;
 }
 
-.woocommerce-checkout-payment {
+.woocommerce #payment {
 	margin-bottom: 1.5em;
 }
 
-.woocommerce-checkout-payment ul.payment_methods {
+.woocommerce #payment ul.payment_methods {
 	list-style: none;
 	padding: 1.5em;
 	margin: 0;
@@ -836,15 +836,15 @@ ul.products li.product .added_to_cart {
 	border-width: 1px 1px 0 1px;
 }
 
-.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 label {
+.woocommerce #payment ul.payment_methods li label {
 	vertical-align: middle;
 }
 
-.woocommerce-checkout-payment ul.payment_methods li label img {
+.woocommerce #payment ul.payment_methods li label img {
 	margin-top: -5px;
 	margin-left: .5em;
 	margin-right: .5em;
@@ -852,11 +852,11 @@ ul.products li.product .added_to_cart {
 	max-width: 180px;
 }
 
-.woocommerce-checkout-payment ul.payment_methods li.payment_method_paypal .about_paypal {
+.woocommerce #payment ul.payment_methods li.payment_method_paypal .about_paypal {
 	font-size: .85em;
 }
 
-.woocommerce-checkout-payment .payment_box {
+.woocommerce #payment .payment_box {
 	background: #f3f3f3;
 	font-size: 16px;
 	font-size: 1rem;
@@ -865,25 +865,25 @@ ul.products li.product .added_to_cart {
 	padding: 0.703125rem;
 }
 
-.woocommerce-checkout-payment .payment_box p:last-child {
+.woocommerce #payment .payment_box p:last-child {
 	margin-bottom: 0;
 }
 
-.woocommerce-checkout-payment .form-row {
+.woocommerce #payment .form-row {
 	padding: 1.5em;
 	border: 1px solid #f3f3f3;
 }
 
-.woocommerce-checkout-payment .form-row:before, .woocommerce-checkout-payment .form-row:after {
+.woocommerce #payment .form-row:before, .woocommerce-checkout-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 #place_order {
+.woocommerce #payment .form-row #place_order {
 	float: right;
 }