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

karuna/woocommerce-rtl.css

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

karuna/woocommerce.css

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