Index: trunk/extensions/DonationInterface/payflowpro_gateway/forms/TwoColumnLetter7.php |
— | — | @@ -214,9 +214,9 @@ |
215 | 215 | $form .= '<td colspan="2"><span class="creditcard-error-msg">' . $this->form_errors['invalidamount'] . '</span></td>'; |
216 | 216 | $form .= '</tr>'; |
217 | 217 | $form .= '<tr>'; |
218 | | - $form .= '<td class="label">' . Xml::label( wfMsg( 'payflowpro_gateway-donor-amount' ), 'amount' ) . '</td>'; |
| 218 | + $form .= '<td class="label" style="position:relative;top:4px;">' . Xml::label( wfMsg( 'payflowpro_gateway-donor-amount' ), 'amount' ) . '</td>'; |
219 | 219 | $form .= '<td>' . |
220 | | - '<table cellspacing="3" cellpadding="0" border="0" style="margin-bottom:0.5em;"><tr>' . |
| 220 | + '<table cellspacing="3" cellpadding="0" border="0" style="margin-bottom:0.2em;"><tr>' . |
221 | 221 | '<td>'.Xml::radio( 'amount', 20, $this->form_data['amount'] == 20, array( 'onfocus' => 'clearField2( document.getElementById(\'amountOther\'), "Other" )' ) ) . '$20 '.'</td>'. |
222 | 222 | '<td>'.Xml::radio( 'amount', 35, $this->form_data['amount'] == 35, array( 'onfocus' => 'clearField2( document.getElementById(\'amountOther\'), "Other" )' ) ) . '$35 '.'</td>'. |
223 | 223 | '<td>'.Xml::radio( 'amount', 50, $this->form_data['amount'] == 50, array( 'onfocus' => 'clearField2( document.getElementById(\'amountOther\'), "Other" )' ) ) . '$50 '.'</td>'. |
— | — | @@ -245,13 +245,17 @@ |
246 | 246 | */ |
247 | 247 | |
248 | 248 | $form .= '<tr>'; |
249 | | - $form .= '<td class="label">' . wfMsg( 'payflowpro_gateway-payment-type' ) . '</td>'; |
| 249 | + $form .= '<td class="label" style="position:relative;top:8px;">' . wfMsg( 'payflowpro_gateway-payment-type' ) . '</td>'; |
250 | 250 | $form .= '<td>' . |
| 251 | + '<p style="border: 1px solid rgb(187, 187, 187); float: left; -moz-border-radius: 5px 5px 5px 5px; margin: 0 8px 0 0; padding: 5px 5px 5px 3px;">'. |
251 | 252 | Xml::radio( 'card', 'cc1', $this->form_data['card'] == 'cc1', array( 'id' => 'cc1radio', 'onclick' => 'switchToCreditCard()' ) ) . '<label for="cc1radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-visa.png" ) ). '</label>' . |
252 | | - Xml::radio( 'card', 'cc2', $this->form_data['card'] == 'cc2', array( 'id' => 'cc2radio', 'onclick' => 'switchToCreditCard()' ) ) . '<label for="cc2radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-mastercard.png" ) ). '</label>' . |
253 | | - Xml::radio( 'card', 'cc3', $this->form_data['card'] == 'cc3', array( 'id' => 'cc3radio', 'onclick' => 'switchToCreditCard()' ) ) . '<label for="cc3radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-amex.png" ) ). '</label>' . |
254 | | - Xml::radio( 'card', 'cc4', $this->form_data['card'] == 'cc4', array( 'id' => 'cc4radio', 'onclick' => 'switchToCreditCard()' ) ) . '<label for="cc4radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-discover.png" ) ). '</label>' . |
| 253 | + ' <label for="cc1radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-mastercard.png" ) ). '</label>' . |
| 254 | + ' <label for="cc1radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-amex.png" ) ). '</label>' . |
| 255 | + ' <label for="cc1radio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-discover.png" ) ). '</label>' . |
| 256 | + '</p>'. |
| 257 | + '<p style="border: 1px solid transparent; float: left; -moz-border-radius: 5px 5px 5px 5px; margin: 0; padding: 5px 5px 5px 3px;">'. |
255 | 258 | Xml::radio( 'card', 'pp', $this->form_data['card'] == 'pp', array( 'id' => 'ppradio', 'onclick' => 'switchToPayPal()' ) ) . '<label for="ppradio">' . Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/card-paypal.png" ) ) . '</label>' . |
| 259 | + '</p>'. |
256 | 260 | '</td>'; |
257 | 261 | $form .= '</tr>'; |
258 | 262 | |
— | — | @@ -375,7 +379,7 @@ |
376 | 380 | } |
377 | 381 | $form .= Xml::openElement( 'div', array( 'id' => 'mw-donate-submit-button' ) ); |
378 | 382 | $form .= Html::hidden( 'PaypalRedirect', 0 ); |
379 | | - $form .= Xml::element( 'input', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/submit-donation-button.png", 'alt' => 'Submit donation', 'onclick' => 'document.payment.PaypalRedirect.value=1;return true;', 'type' => 'image' ) ); |
| 383 | + $form .= Xml::element( 'input', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/continue-button.png", 'alt' => 'Submit donation', 'onclick' => 'document.payment.PaypalRedirect.value=1;return true;', 'type' => 'image' ) ); |
380 | 384 | $form .= Xml::closeElement( 'div' ); // close div#mw-donate-submit-button |
381 | 385 | $form .= Xml::openElement( 'div', array( 'class' => 'mw-donate-submessage', 'id' => 'payflowpro_gateway-donate-submessage' ) ) . |
382 | 386 | Xml::element( 'img', array( 'src' => $wgScriptPath . "/extensions/DonationInterface/payflowpro_gateway/includes/padlock.gif", 'style' => 'vertical-align:baseline;margin-right:4px;' ) ) . 'Your donation will be securely processed.'; |
Index: trunk/extensions/DonationInterface/payflowpro_gateway/forms/css/TwoColumnLetter7.css |
— | — | @@ -45,14 +45,6 @@ |
46 | 46 | width: 100%; |
47 | 47 | } |
48 | 48 | |
49 | | -#payflowpro_gateway-cc_form_form { |
50 | | - width: 475px; |
51 | | - float: right; |
52 | | - margin-left: 2em; |
53 | | - padding-left: 2em; |
54 | | - border-left: 1px solid #BBBBBB; |
55 | | -} |
56 | | - |
57 | 49 | #payflowpro_gateway-cc_form_letter { |
58 | 50 | height: 100%; |
59 | 51 | } |
— | — | @@ -106,7 +98,7 @@ |
107 | 99 | background-color:#cce7cd; |
108 | 100 | border:1px solid #5EAC58; |
109 | 101 | padding:16px 24px 24px; |
110 | | - width:450px; |
| 102 | + width:430px; |
111 | 103 | } |
112 | 104 | #donate-head { |
113 | 105 | border:none; |