lib/atpay/button/templates/wrap_default.liquid in atpay_buttons-1.1.1 vs lib/atpay/button/templates/wrap_default.liquid in atpay_buttons-1.1.2
- old
+ new
@@ -1,15 +1,15 @@
<!-- regular template with wrap -->
<style>
.ExternalClass a.outlook {display:inline; display: inline !important;font-size: 20px !important;}
.ExternalClass a.outlooksm {display:inline; display: inline !important;font-size: 12px !important;}
.ExternalClass a.not_outlook {display:none; display: none !important;}
- .ExternalClass a.outlook table {background-color:#6dbe45 !important; font-size:10px !important; }
+ .ExternalClass a.outlook table {background-color:{{background_color}} !important; font-size:10px !important; }
.ExternalClass a.outlook table td.main {width:145px !important; padding:3px 5px 5px 5px !important;}
.ExternalClass a.outlook table td img {width:auto !important; height: 39px !important; margin-left: 5px !important; margin-right:10px !important; margin-top:8px !important;}
.ExternalClass a.outlook table.sub {width: auto !important; height: auto !important;}
- .ExtenralClass a.outlook td.title {font-size: 11px !important ; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;}
+ .ExtenralClass a.outlook td.title {font-size: 11px !important ; color: {{foreground_color}}; font-family: Tahoma; text-align:center; padding:0; margin:0;}
.ExternalClass a.outlook table.subB{float:left; margin:0; margin-left:5px !important;}
</style>
<center>
@@ -18,47 +18,47 @@
<td>
<table style='margin: auto; margin-bottom:5px; font-family: Lato; padding-bottom:10px; position:relative; padding-left:5px; padding-right:10px; margin-bottom:0px; margin-top:5px; padding:10px;padding-top:0; border-left: 1px solid #e4e2e2; border-top: 1px solid #e4e2e2; border-right: 1px solid #e4e2e2; '>
<tr>
<td colspan='3'>
<p style='margin-bottom:0px; color: #515050; font-size:12px; margin-top:2px; text-align:center;'>
- Made For Mobile
+ {{wrap_text}}
</p>
</td>
</tr>
<tr>
<td>
<!-- BUTTON CODE -->
<center>
<a border='0' class='not_outlook' href='{{url}}' style='text-underline:none;'>
- <table border='0' cellpadding='0' cellspacing='0' style='background-color:#6dbe45;'>
+ <table border='0' cellpadding='0' cellspacing='0' style='background-color:{{background_color}};'>
<tr class='main'>
<td class='main' style='padding:3px 5px 5px 5px;' width='145'>
<table>
<tr>
<td>
- <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
+ <a class='not_outlook' href='{{url}}' style='color:{{foreground_color}}; text-decoration:none; border:none; display:inline;'>
<img src='{{image}}' style='margin-left: 5px; margin-right:10px; margin-top:8px;'>
</a>
</td>
<td>
<table border='0' cellpadding='0' cellspacing='0' style='float:left; margin:0; margin-left:5px;'>
<tr>
- <td style='font-size: 11px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
+ <td style='font-size: 11px; color: {{foreground_color}}; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
{{title}}
</td>
</tr>
<tr>
<td>
<table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
<tr>
- <td style='padding:0; margin:0; font-size: 20px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:25px;' valign='top'>
- <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
+ <td style='padding:0; margin:0; font-size: 20px; color: {{foreground_color}}; font-family: Tahoma; vertical-align:top; line-height:25px;' valign='top'>
+ <a class='not_outlook' href='{{url}}' style='color:{{foreground_color}}; text-decoration:none; border:none; display:inline;'>
{{dollar}}
</a>
</td>
- <td style='padding:0; margin:0; font-size:14px; text-decoration:underline;padding-left:2px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
- <a class='not_outlook' href='{{url}}' style='color:#ffffff; text-decoration:none; border:none; display:inline;'>
+ <td style='padding:0; margin:0; font-size:14px; text-decoration:underline;padding-left:2px; color: {{foreground_color}}; font-family: Tahoma; vertical-align:top;' valign='top'>
+ <a class='not_outlook' href='{{url}}' style='color:{{foreground_color}}; text-decoration:none; border:none; display:inline;'>
{{cents}}
</a>
</td>
</tr>
</table>
@@ -71,38 +71,38 @@
</td>
</tr>
</table>
</a>
<a border='0' class='outlook' href='{{outlook_url}}' style='text-underline:none; font-size:0px; width:0px; height: 0px;'>
- <table border='0' cellpadding='0' cellspacing='0' height='0' style='background-color:#ffffff; overflow: hidden; font-size: 0px; ' width='0'>
+ <table border='0' cellpadding='0' cellspacing='0' height='0' style='background-color:{{foreground_color}}; overflow: hidden; font-size: 0px; ' width='0'>
<tr class='main'>
<td class='main' style='padding: 0px;' width='0'>
- <table border='0' cellpadding='0' cellspacing='0' class='sub' height='' style='background-color:#ffffff; overflow: hidden;' width=''>
+ <table border='0' cellpadding='0' cellspacing='0' class='sub' height='' style='background-color:{{foreground_color}}; overflow: hidden;' width=''>
<tr>
<td style='line-height:1px;'>
- <a class='outlook' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
+ <a class='outlook' href='{{outlook_url}}' style='color:{{foreground_color}}; text-decoration:none; border:none;'>
<img height='1' src='{{image}}' style='text-indent:-9999px; margin: 0px; width:1px; height:1px' width='1'>
</a>
</td>
<td>
<table border='0' cellpadding='0' cellspacing='0' class='subB' style='float:left; margin:0; margin-left:0px;'>
<tr>
- <td class='title' style='font-size: 0px; color: #ffffff; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
+ <td class='title' style='font-size: 0px; color: {{foreground_color}}; font-family: Tahoma; text-align:center; padding:0; margin:0;'>
{{title}}
</td>
</tr>
<tr>
<td>
<table border='0' cellpadding='0' cellspacing='0' style='margin:0; padding:0;'>
<tr>
- <td style='padding:0; margin:0; font-size: 0px; color: #ffffff; font-family: Tahoma; vertical-align:top; line-height:0px;' valign='top'>
- <a class='outlook' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
+ <td style='padding:0; margin:0; font-size: 0px; color: {{foreground_color}}; font-family: Tahoma; vertical-align:top; line-height:0px;' valign='top'>
+ <a class='outlook' href='{{outlook_url}}' style='color:{{foreground_color}}; text-decoration:none; border:none;'>
{{dollar}}
</a>
</td>
- <td style='padding:0; margin:0; font-size:0px; text-decoration:underline;padding-left:0px; color: #ffffff; font-family: Tahoma; vertical-align:top;' valign='top'>
- <a class='outlooksm' href='{{outlook_url}}' style='color:#ffffff; text-decoration:none; border:none;'>
+ <td style='padding:0; margin:0; font-size:0px; text-decoration:underline;padding-left:0px; color: {{foreground_color}}; font-family: Tahoma; vertical-align:top;' valign='top'>
+ <a class='outlooksm' href='{{outlook_url}}' style='color:{{foreground_color}}; text-decoration:none; border:none;'>
{{cents}}
</a>
</td>
</tr>
</table>
@@ -155,6 +155,6 @@
</tr>
</table>
</td>
</tr>
</table>
-</center>
\ No newline at end of file
+</center>