Plugin Directory

Changeset 1597717


Ignore:
Timestamp:
02/17/2017 04:33:19 AM (9 years ago)
Author:
kict
Message:

Improve HTML table CSS for version 2.0

Location:
kict-payment-gateway
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • kict-payment-gateway/tags/2.0/KPG.php

    r1597705 r1597717  
    109109            if(!$this->KPG_API_seller_name)
    110110            { # Display error message for no seller name fetched from KPG start.
    111                 $custom_order_description.='<table align="center" width="80%" style="border:0px;">
    112                 <tr align="left" valign="top">
     111                $custom_order_description.='<table align="center" width="80%" style="background:#eee;border:0px;">
     112                <tr align="left" valign="top" style="background:#eee;">
    113113                <td colspan="2" style="border-bottom:1px dotted #ccc;"><div style="font-size:25px;color:#cb8700;font-weight:normal;margin-top:25px;">Invalid seller information</div>
    114114                <div style="color:#936;font-weight:normal;padding-top:20px;">Sorry, we are unable to continue due to the invalid seller information.</div>
     
    123123            else
    124124            { # Display the Order Payment Description page start.
    125                 $custom_order_description.='<table align="center" width="80%" style="border:0px;">
    126                 <tr align="left" valign="top">
     125                $custom_order_description.='<table align="center" width="80%" style="background:#eee;border:0px;">
     126                <tr align="left" valign="top" style="background:#eee;">
    127127                <td colspan="2" style="border-bottom:1px dotted #ccc;"><div style="font-size:25px;color:#0087cb;font-weight:normal;margin-top:25px;">Complete your payment information</div>
    128128                <div style="color:#936;font-weight:normal;padding-top:20px;">Below are the information that will be submitted for Online Payment.</div></td>
    129129                </tr>
    130                 <tr align="left" valign="top">
     130                <tr align="left" valign="top" style="background:#eee;">
    131131                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Order number</font>
    132132                <br><span id="KPGorderNumber" style="color:#008;"></span></td>
    133133                </tr>
    134                 <tr align="left" valign="top">
     134                <tr align="left" valign="top" style="background:#eee;">
    135135                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Amount</font>
    136136                <br><span id="KPGorderAmount" style="color:#008;"></span></td>
    137137                </tr>
    138                 <tr align="left" valign="top">
     138                <tr align="left" valign="top" style="background:#eee;">
    139139                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Seller</font>
    140140                <br><span id="KPGsellerName" style="color:#008;">'.$this->KPG_API_seller_name.'</span></td>
    141141                </tr>
    142                 <tr align="left" valign="top">
     142                <tr align="left" valign="top" style="background:#eee;">
    143143                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Buyer name</font>
    144144                <br><span id="KPGorderBuyerName" style="color:#008;"></span></td>
    145145                </tr>
    146                 <tr align="left" valign="top">
     146                <tr align="left" valign="top" style="background:#eee;">
    147147                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Buyer tel. no.</font>
    148148                <br><span id="KPGorderBuyerTel" style="color:#008;"></span></td>
    149149                </tr>
    150                 <tr align="left" valign="top">
     150                <tr align="left" valign="top" style="background:#eee;">
    151151                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Buyer email</font>
    152152                <br><span id="KPGorderBuyerEmail" style="color:#008;"></span></td>
     
    156156                {
    157157                    $custom_order_description.='
    158                     <tr align="left" valign="top">
     158                    <tr align="left" valign="top" style="background:#eee;">
    159159                    <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Payment for</font>
    160160                    <br><input id="KPGorderDescriptionYear" name="KPGorderDescriptionYear" type="text" style="width:auto;text-align:center;border:1px solid #ccc;height:19px;padding:2px;" size="4" placeholder="YYYY" value="'.date("Y").'">
     
    168168                    }
    169169                    $custom_order_description.='</select>
    170                     <input id="KPGorderDescription" name="KPGorderDescription" style="width:auto;" size="40" placeholder="Describe your payment here.">
     170                    <input id="KPGorderDescription" name="KPGorderDescription" type="text" style="width:auto;" size="40" placeholder="Describe your payment here.">
    171171                    <input id="description" name="description" type="hidden">
    172172                    </td>
     
    182182                {
    183183                    $custom_order_description.='
    184                     <tr align="left" valign="top">
     184                    <tr align="left" valign="top" style="background:#eee;">
    185185                    <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Payment for</font>
    186186                    <br><input id="KPGorderDescriptionYear" name="KPGorderDescriptionYear" type="text" style="width:auto;text-align:center;border:1px solid #ccc;height:19px;padding:2px;" size="4" placeholder="YYYY" value="'.date("Y").'">
     
    203203                    }
    204204                    $custom_order_description.='</select>
    205                     <input id="KPGorderDescription" name="KPGorderDescription" style="width:auto;" size="40" placeholder="Describe your payment here.">
     205                    <input id="KPGorderDescription" name="KPGorderDescription" type="text" style="width:auto;" size="40" placeholder="Describe your payment here.">
    206206                    <input id="description" name="description" type="hidden">
    207207                    </td>
     
    217217                {
    218218                    $custom_order_description.='
    219                     <tr align="left" valign="top">
     219                    <tr align="left" valign="top" style="background:#eee;">
    220220                    <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Payment for</font>
    221                     <br><input id="KPGorderDescription" name="KPGorderDescription" style="width:auto;" size="40" placeholder="Describe your payment here.">
     221                    <br><input id="KPGorderDescription" name="KPGorderDescription" type="text" style="width:auto;" size="40" placeholder="Describe your payment here.">
    222222                    <input id="description" name="description" type="hidden">
    223223                    </td>
  • kict-payment-gateway/trunk/KPG.php

    r1597705 r1597717  
    109109            if(!$this->KPG_API_seller_name)
    110110            { # Display error message for no seller name fetched from KPG start.
    111                 $custom_order_description.='<table align="center" width="80%" style="border:0px;">
    112                 <tr align="left" valign="top">
     111                $custom_order_description.='<table align="center" width="80%" style="background:#eee;border:0px;">
     112                <tr align="left" valign="top" style="background:#eee;">
    113113                <td colspan="2" style="border-bottom:1px dotted #ccc;"><div style="font-size:25px;color:#cb8700;font-weight:normal;margin-top:25px;">Invalid seller information</div>
    114114                <div style="color:#936;font-weight:normal;padding-top:20px;">Sorry, we are unable to continue due to the invalid seller information.</div>
     
    123123            else
    124124            { # Display the Order Payment Description page start.
    125                 $custom_order_description.='<table align="center" width="80%" style="border:0px;">
    126                 <tr align="left" valign="top">
     125                $custom_order_description.='<table align="center" width="80%" style="background:#eee;border:0px;">
     126                <tr align="left" valign="top" style="background:#eee;">
    127127                <td colspan="2" style="border-bottom:1px dotted #ccc;"><div style="font-size:25px;color:#0087cb;font-weight:normal;margin-top:25px;">Complete your payment information</div>
    128128                <div style="color:#936;font-weight:normal;padding-top:20px;">Below are the information that will be submitted for Online Payment.</div></td>
    129129                </tr>
    130                 <tr align="left" valign="top">
     130                <tr align="left" valign="top" style="background:#eee;">
    131131                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Order number</font>
    132132                <br><span id="KPGorderNumber" style="color:#008;"></span></td>
    133133                </tr>
    134                 <tr align="left" valign="top">
     134                <tr align="left" valign="top" style="background:#eee;">
    135135                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Amount</font>
    136136                <br><span id="KPGorderAmount" style="color:#008;"></span></td>
    137137                </tr>
    138                 <tr align="left" valign="top">
     138                <tr align="left" valign="top" style="background:#eee;">
    139139                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Seller</font>
    140140                <br><span id="KPGsellerName" style="color:#008;">'.$this->KPG_API_seller_name.'</span></td>
    141141                </tr>
    142                 <tr align="left" valign="top">
     142                <tr align="left" valign="top" style="background:#eee;">
    143143                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Buyer name</font>
    144144                <br><span id="KPGorderBuyerName" style="color:#008;"></span></td>
    145145                </tr>
    146                 <tr align="left" valign="top">
     146                <tr align="left" valign="top" style="background:#eee;">
    147147                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Buyer tel. no.</font>
    148148                <br><span id="KPGorderBuyerTel" style="color:#008;"></span></td>
    149149                </tr>
    150                 <tr align="left" valign="top">
     150                <tr align="left" valign="top" style="background:#eee;">
    151151                <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Buyer email</font>
    152152                <br><span id="KPGorderBuyerEmail" style="color:#008;"></span></td>
     
    156156                {
    157157                    $custom_order_description.='
    158                     <tr align="left" valign="top">
     158                    <tr align="left" valign="top" style="background:#eee;">
    159159                    <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Payment for</font>
    160160                    <br><input id="KPGorderDescriptionYear" name="KPGorderDescriptionYear" type="text" style="width:auto;text-align:center;border:1px solid #ccc;height:19px;padding:2px;" size="4" placeholder="YYYY" value="'.date("Y").'">
     
    168168                    }
    169169                    $custom_order_description.='</select>
    170                     <input id="KPGorderDescription" name="KPGorderDescription" style="width:auto;" size="40" placeholder="Describe your payment here.">
     170                    <input id="KPGorderDescription" name="KPGorderDescription" type="text" style="width:auto;" size="40" placeholder="Describe your payment here.">
    171171                    <input id="description" name="description" type="hidden">
    172172                    </td>
     
    182182                {
    183183                    $custom_order_description.='
    184                     <tr align="left" valign="top">
     184                    <tr align="left" valign="top" style="background:#eee;">
    185185                    <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Payment for</font>
    186186                    <br><input id="KPGorderDescriptionYear" name="KPGorderDescriptionYear" type="text" style="width:auto;text-align:center;border:1px solid #ccc;height:19px;padding:2px;" size="4" placeholder="YYYY" value="'.date("Y").'">
     
    203203                    }
    204204                    $custom_order_description.='</select>
    205                     <input id="KPGorderDescription" name="KPGorderDescription" style="width:auto;" size="40" placeholder="Describe your payment here.">
     205                    <input id="KPGorderDescription" name="KPGorderDescription" type="text" style="width:auto;" size="40" placeholder="Describe your payment here.">
    206206                    <input id="description" name="description" type="hidden">
    207207                    </td>
     
    217217                {
    218218                    $custom_order_description.='
    219                     <tr align="left" valign="top">
     219                    <tr align="left" valign="top" style="background:#eee;">
    220220                    <td style="border:0px;padding:5px;"><font style="color:#630;">&#10148; Payment for</font>
    221                     <br><input id="KPGorderDescription" name="KPGorderDescription" style="width:auto;" size="40" placeholder="Describe your payment here.">
     221                    <br><input id="KPGorderDescription" name="KPGorderDescription" type="text" style="width:auto;" size="40" placeholder="Describe your payment here.">
    222222                    <input id="description" name="description" type="hidden">
    223223                    </td>
Note: See TracChangeset for help on using the changeset viewer.