pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
commit 21f38d389988c62449bed02faab0d8c0a33cfeba parent 514d33066bb7f6bb5694607da90c5672e22dfd8b Author: Jul <jul@9o.is> Date: Wed, 4 Jun 2014 04:37:39 -0400 able to send html emails Diffstat:
| A | src/main/scala/inc/pyc/lib/HtmlEmail.scala | | | 111 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | src/main/webapp/templates-hidden/email/base-dev.html | | | 643 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | src/main/webapp/templates-hidden/email/base.html | | | 643 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | src/main/webapp/templates-hidden/email/button.html | | | 8 | ++++++++ |
| A | src/main/webapp/templates-hidden/email/readme.md | | | 4 | ++++ |
5 files changed, 1409 insertions(+), 0 deletions(-)
diff --git a/src/main/scala/inc/pyc/lib/HtmlEmail.scala b/src/main/scala/inc/pyc/lib/HtmlEmail.scala @@ -0,0 +1,110 @@ +package inc.pyc +package lib + +import snippet.Social +import xml._ +import net.liftweb._ +import util._ +import Helpers._ +import common._ +import http._ + + +/** + * Creation of email messages with HTML templates. + * For advice, follow MailChimp's Email Design Reference at + * http://templates.mailchimp.com/ + */ +object HtmlEmail { + + /** + * Creates main HTML template message. + */ + def create( + teaser: String, + title: String, + subtitle: String, + body: NodeSeq, + leftColumn: NodeSeq = NodeSeq.Empty, + rightColumn: NodeSeq = NodeSeq.Empty): Box[NodeSeq] = { + + Templates("templates-hidden" :: "email" :: "base" :: Nil) map { + "#pteaser" #> teaser & + ".ptitle" #> title & + "#psubtitle" #> subtitle & + "#pbody" #> body & + "#pleftcolumn" #> leftColumn & + "#prightcolumn" #> rightColumn & + "#twitter-link [href]" #> Social.twitterLink & + "#facebook-link [href]" #> Social.facebookLink & + "#gplus-link [href]" #> Social.gplusLink + } + } + + /** + * Creates main HTML template message with an action button. + */ + def createAction( + teaser: String, + title: String, + subtitle: String, + btnName: String, + link: String, + body: NodeSeq): Box[NodeSeq] = { + + val actionButton = button(btnName, link) + + create(teaser, title, subtitle, + <span> + <br/> + {actionButton} + <br/> + {body} + <br/><br/> + If the button above is not working, follow the link below. + <br/><a href={link}>{link}</a> + </span> + ) + } + + /** + * Creates a fixed HTML template message for generic user token links. + */ + def createToken( + title: String, + msg: String, + link: String): Box[NodeSeq] = { + + val actionButton = button("Complete "+title, link) + + val notice = "If you did not request this, you can safely ignore it. "+ + "It will expire 48 hours from the time this message was sent." + + create(msg, title, + "Click the blue button below to continue", + <span> + <br/> + {actionButton} + <br/> + <span> + <h3>{msg}</h3> + <br/> + {notice} + </span> + <br/><br/> + If the button above is not working, follow the link below. + <br/><a href={link}>{link}</a> + </span> + ) + } + + /** + * Create a button. + * http://templates.mailchimp.com/resources/email-design-patterns/button/ + */ + def button(btnName: String, link: String): NodeSeq = + (Templates("templates-hidden" :: "email" :: "button" :: Nil) map { + "#pbuttontext *" #> btnName & + "#pbuttontext [href]" #> link + }) openOr Text(btnName) +} +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/email/base-dev.html b/src/main/webapp/templates-hidden/email/base-dev.html @@ -0,0 +1,642 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title><span class="ptitle"></span></title> + <style type="text/css"> + /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */ + #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */ + .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */ + .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */ + body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */ + table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */ + img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */ + + /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */ + body{margin:0; padding:0;} + img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} + table{border-collapse:collapse !important;} + body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;} + + /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */ + + /* ========== Page Styles ========== */ + + #bodyCell{padding:20px;} + #templateContainer{width:600px;} + + /** + * @tab Page + * @section background style + * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding. + * @theme page + */ + body, #bodyTable{ + /*@editable*/ background-color:#EDF2F7; + } + + /** + * @tab Page + * @section background style + * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding. + * @theme page + */ + #bodyCell{ + /*@editable*/ border-top:4px solid #BBBBBB; + } + + /** + * @tab Page + * @section email border + * @tip Set the border for your email. + */ + #templateContainer{ + /*@editable*/ border:1px solid #BBBBBB; + } + + /** + * @tab Page + * @section heading 1 + * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. + * @style heading 1 + */ + h1{ + /*@editable*/ color:#202020 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:26px; + /*@editable*/ font-style:normal; + /*@editable*/ font-weight:bold; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /** + * @tab Page + * @section heading 2 + * @tip Set the styling for all second-level headings in your emails. + * @style heading 2 + */ + h2{ + /*@editable*/ color:#404040 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:20px; + /*@editable*/ font-style:normal; + /*@editable*/ font-weight:bold; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /** + * @tab Page + * @section heading 3 + * @tip Set the styling for all third-level headings in your emails. + * @style heading 3 + */ + h3{ + /*@editable*/ color:#606060 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:16px; + /*@editable*/ font-style:italic; + /*@editable*/ font-weight:normal; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /** + * @tab Page + * @section heading 4 + * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. + * @style heading 4 + */ + h4{ + /*@editable*/ color:#808080 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:14px; + /*@editable*/ font-style:italic; + /*@editable*/ font-weight:normal; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /* ========== Header Styles ========== */ + + /** + * @tab Header + * @section preheader style + * @tip Set the background color and bottom border for your email's preheader area. + * @theme header + */ + #templatePreheader{ + /*@editable*/ background-color:#3E648D; + /*@editable*/ border-bottom:1px solid #CCCCCC; + } + + /** + * @tab Header + * @section preheader text + * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read. + */ + .preheaderContent{ + /*@editable*/ color:#ffffff; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:10px; + /*@editable*/ line-height:125%; + /*@editable*/ text-align:left; + } + + /** + * @tab Header + * @section preheader link + * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text. + */ + .preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#ffffff; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + /** + * @tab Header + * @section header style + * @tip Set the background color and borders for your email's header area. + * @theme header + */ + #templateHeader{ + /*@editable*/ background-color:#FFFFFF; + } + + /** + * @tab Header + * @section header text + * @tip Set the styling for your email's header text. Choose a size and color that is easy to read. + */ + .headerContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:20px; + /*@editable*/ font-weight:bold; + /*@editable*/ line-height:100%; + /*@editable*/ padding-top:10px; + /*@editable*/ padding-right:10px; + /*@editable*/ padding-bottom:10px; + /*@editable*/ padding-left:10px; + /*@editable*/ text-align:left; + /*@editable*/ vertical-align:middle; + } + + /** + * @tab Header + * @section header link + * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text. + */ + .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#EB4102; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + #headerImage{ + height:auto; + max-width:160px; + } + + /* ========== Body Styles ========== */ + + /** + * @tab Body + * @section body style + * @tip Set the background color and borders for your email's body area. + */ + #templateBody{ + /*@editable*/ background-color:#FFFFFF; + } + + /** + * @tab Body + * @section body text + * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read. + * @theme main + */ + .bodyContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:16px; + /*@editable*/ line-height:150%; + padding-top:20px; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Body + * @section body link + * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text. + */ + .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#3E648D; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + .bodyContent img{ + display:inline; + height:auto; + max-width:560px; + } + + /* ========== Column Styles ========== */ + + .templateColumnContainer{width:260px;} + + /** + * @tab Columns + * @section column style + * @tip Set the background color and borders for your email's column area. + */ + #templateColumns{ + /*@editable*/ background-color:#FFFFFF; + /*@editable*/ border-top:1px solid #FFFFFF; + /*@editable*/ border-bottom:1px solid #CCCCCC; + } + + /** + * @tab Columns + * @section left column text + * @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read. + */ + .leftColumnContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:14px; + /*@editable*/ line-height:150%; + padding-top:0; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Columns + * @section left column link + * @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text. + */ + .leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#3E648D; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + /** + * @tab Columns + * @section right column text + * @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read. + */ + .rightColumnContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:14px; + /*@editable*/ line-height:150%; + padding-top:0; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Columns + * @section right column link + * @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text. + */ + .rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#3E648D; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + .leftColumnContent img, .rightColumnContent img{ + display:inline; + height:auto; + max-width:260px; + } + + /* ========== Footer Styles ========== */ + + /** + * @tab Footer + * @section footer style + * @tip Set the background color and borders for your email's footer area. + * @theme footer + */ + #templateFooter{ + /*@editable*/ background-color:#FFFFFF; + /*@editable*/ border-top:1px solid #FFFFFF; + } + + /** + * @tab Footer + * @section footer text + * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read. + * @theme footer + */ + .footerContent{ + /*@editable*/ color:#808080; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:10px; + /*@editable*/ line-height:150%; + padding-top:20px; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Footer + * @section footer link + * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text. + */ + .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{ + /*@editable*/ color:#606060; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */ + + @media only screen and (max-width: 480px){ + /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */ + body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */ + body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */ + + /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */ + #bodyCell{padding:10px !important;} + + /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */ + + /* ======== Page Styles ======== */ + + /** + * @tab Mobile Styles + * @section template width + * @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead. + */ + #templateContainer{ + max-width:600px !important; + /*@editable*/ width:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 1 + * @tip Make the first-level headings larger in size for better readability on small screens. + */ + h1{ + /*@editable*/ font-size:24px !important; + /*@editable*/ line-height:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 2 + * @tip Make the second-level headings larger in size for better readability on small screens. + */ + h2{ + /*@editable*/ font-size:20px !important; + /*@editable*/ line-height:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 3 + * @tip Make the third-level headings larger in size for better readability on small screens. + */ + h3{ + /*@editable*/ font-size:18px !important; + /*@editable*/ line-height:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 4 + * @tip Make the fourth-level headings larger in size for better readability on small screens. + */ + h4{ + /*@editable*/ font-size:16px !important; + /*@editable*/ line-height:100% !important; + } + + /* ======== Header Styles ======== */ + + #templatePreheader{display:none !important;} /* Hide the template preheader to save space */ + + /** + * @tab Mobile Styles + * @section header image + * @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead. + */ + #headerImage{ + height:auto !important; + /*@editable*/ max-width:160px !important; + /*@editable*/ width:100% !important; + } + + /** + * @tab Mobile Styles + * @section header text + * @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .headerContent{ + /*@editable*/ font-size:20px !important; + /*@editable*/ line-height:125% !important; + } + + /* ======== Body Styles ======== */ + + /** + * @tab Mobile Styles + * @section body text + * @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .bodyContent{ + /*@editable*/ font-size:18px !important; + /*@editable*/ line-height:125% !important; + } + + /* ======== Column Styles ======== */ + + .templateColumnContainer{display:block !important; width:100% !important;} + + /** + * @tab Mobile Styles + * @section column image + * @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead. + */ + .columnImage{ + height:auto !important; + /*@editable*/ max-width:480px !important; + /*@editable*/ width:100% !important; + } + + /** + * @tab Mobile Styles + * @section left column text + * @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .leftColumnContent{ + /*@editable*/ font-size:16px !important; + /*@editable*/ line-height:125% !important; + } + + /** + * @tab Mobile Styles + * @section right column text + * @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .rightColumnContent{ + /*@editable*/ font-size:16px !important; + /*@editable*/ line-height:125% !important; + } + + /* ======== Footer Styles ======== */ + + /** + * @tab Mobile Styles + * @section footer text + * @tip Make the body content text larger in size for better readability on small screens. + */ + .footerContent{ + /*@editable*/ font-size:14px !important; + /*@editable*/ line-height:115% !important; + } + + .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */ + } + </style> + </head> + <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> + <center> + <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable"> + <tr> + <td align="center" valign="top" id="bodyCell"> + <!-- BEGIN TEMPLATE // --> + <table border="0" cellpadding="0" cellspacing="0" id="templateContainer"> + <tr> + <td align="center" valign="top"> + <!-- BEGIN PREHEADER // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader"> + <tr> + <td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00"> + <span id="pteaser"></span> + </td> + <!-- *|IFNOT:ARCHIVE_PAGE|* --> + <td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01"> + + </td> + <!-- *|END:IF|* --> + </tr> + </table> + <!-- // END PREHEADER --> + </td> + </tr> + <tr> + <td align="center" valign="top"> + <!-- BEGIN HEADER // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader"> + <tr> + <td valign="top" class="headerContent"> + <img src="https://www.pycbitcoin.com/img/logo.png" style="max-width:160px;" id="headerImage" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> + </td> + </tr> + </table> + <!-- // END HEADER --> + </td> + </tr> + <tr> + <td align="center" valign="top"> + <!-- BEGIN BODY // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody"> + <tr> + <td valign="top" class="bodyContent" mc:edit="body_content"> + <h1><span class="ptitle"></span></h1> + <h3><span id="psubtitle"></span></h3> + <span id="pbody"></span> + </td> + </tr> + </table> + <!-- // END BODY --> + </td> + </tr> + <tr> + <td align="center" valign="top"> + <!-- BEGIN COLUMNS // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns"> + <tr mc:repeatable> + <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;"> + <table border="0" cellpadding="20" cellspacing="0" width="100%"> + <tr id="pleftcolumn"></tr> + </table> + </td> + <td align="center" valign="top" class="templateColumnContainer" style="padding-top:20px;"> + <table border="0" cellpadding="20" cellspacing="0" width="100%"> + <tr id="prightcolumn"></tr> + </table> + </td> + </tr> + </table> + <!-- // END COLUMNS --> + </td> + </tr> + <tr> + <td align="center" valign="top"> + <!-- BEGIN FOOTER // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter"> + <tr> + <td valign="top" class="footerContent" mc:edit="footer_content00"> + <a id="twitter-link" href="#">Follow on Twitter</a> <a id="facebook-link" href="#">Friend on Facebook</a> <a id="gplus-link" href="#">+1 on Google Plus</a> + </td> + </tr> + <tr> + <td valign="top" class="footerContent" style="padding-top:0;" mc:edit="footer_content01"> + <em>Copyright © 2014 PYC, inc., All rights reserved.</em> + </td> + </tr> + </table> + <!-- // END FOOTER --> + </td> + </tr> + </table> + <!-- // END TEMPLATE --> + </td> + </tr> + </table> + </center> + </body> +</html> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/email/base.html b/src/main/webapp/templates-hidden/email/base.html @@ -0,0 +1,642 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <title><span class="ptitle"></span></title> + <style type="text/css"> + /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */ + #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */ + .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */ + .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */ + body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */ + table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */ + img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */ + + /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */ + body{margin:0; padding:0;} + img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;} + table{border-collapse:collapse !important;} + body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;} + + /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */ + + /* ========== Page Styles ========== */ + + #bodyCell{padding:20px;} + #templateContainer{width:600px;} + + /** + * @tab Page + * @section background style + * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding. + * @theme page + */ + body, #bodyTable{ + /*@editable*/ background-color:#EDF2F7; + } + + /** + * @tab Page + * @section background style + * @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding. + * @theme page + */ + #bodyCell{ + /*@editable*/ border-top:4px solid #BBBBBB; + } + + /** + * @tab Page + * @section email border + * @tip Set the border for your email. + */ + #templateContainer{ + /*@editable*/ border:1px solid #BBBBBB; + } + + /** + * @tab Page + * @section heading 1 + * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings. + * @style heading 1 + */ + h1{ + /*@editable*/ color:#202020 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:26px; + /*@editable*/ font-style:normal; + /*@editable*/ font-weight:bold; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /** + * @tab Page + * @section heading 2 + * @tip Set the styling for all second-level headings in your emails. + * @style heading 2 + */ + h2{ + /*@editable*/ color:#404040 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:20px; + /*@editable*/ font-style:normal; + /*@editable*/ font-weight:bold; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /** + * @tab Page + * @section heading 3 + * @tip Set the styling for all third-level headings in your emails. + * @style heading 3 + */ + h3{ + /*@editable*/ color:#606060 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:16px; + /*@editable*/ font-style:italic; + /*@editable*/ font-weight:normal; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /** + * @tab Page + * @section heading 4 + * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings. + * @style heading 4 + */ + h4{ + /*@editable*/ color:#808080 !important; + display:block; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:14px; + /*@editable*/ font-style:italic; + /*@editable*/ font-weight:normal; + /*@editable*/ line-height:100%; + /*@editable*/ letter-spacing:normal; + margin-top:0; + margin-right:0; + margin-bottom:10px; + margin-left:0; + /*@editable*/ text-align:left; + } + + /* ========== Header Styles ========== */ + + /** + * @tab Header + * @section preheader style + * @tip Set the background color and bottom border for your email's preheader area. + * @theme header + */ + #templatePreheader{ + /*@editable*/ background-color:#3E648D; + /*@editable*/ border-bottom:1px solid #CCCCCC; + } + + /** + * @tab Header + * @section preheader text + * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read. + */ + .preheaderContent{ + /*@editable*/ color:#ffffff; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:10px; + /*@editable*/ line-height:125%; + /*@editable*/ text-align:left; + } + + /** + * @tab Header + * @section preheader link + * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text. + */ + .preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#ffffff; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + /** + * @tab Header + * @section header style + * @tip Set the background color and borders for your email's header area. + * @theme header + */ + #templateHeader{ + /*@editable*/ background-color:#FFFFFF; + } + + /** + * @tab Header + * @section header text + * @tip Set the styling for your email's header text. Choose a size and color that is easy to read. + */ + .headerContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:20px; + /*@editable*/ font-weight:bold; + /*@editable*/ line-height:100%; + /*@editable*/ padding-top:10px; + /*@editable*/ padding-right:10px; + /*@editable*/ padding-bottom:10px; + /*@editable*/ padding-left:10px; + /*@editable*/ text-align:left; + /*@editable*/ vertical-align:middle; + } + + /** + * @tab Header + * @section header link + * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text. + */ + .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#EB4102; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + #headerImage{ + height:auto; + max-width:160px; + } + + /* ========== Body Styles ========== */ + + /** + * @tab Body + * @section body style + * @tip Set the background color and borders for your email's body area. + */ + #templateBody{ + /*@editable*/ background-color:#FFFFFF; + } + + /** + * @tab Body + * @section body text + * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read. + * @theme main + */ + .bodyContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:16px; + /*@editable*/ line-height:150%; + padding-top:20px; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Body + * @section body link + * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text. + */ + .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#3E648D; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + .bodyContent img{ + display:inline; + height:auto; + max-width:560px; + } + + /* ========== Column Styles ========== */ + + .templateColumnContainer{width:260px;} + + /** + * @tab Columns + * @section column style + * @tip Set the background color and borders for your email's column area. + */ + #templateColumns{ + /*@editable*/ background-color:#FFFFFF; + /*@editable*/ border-top:1px solid #FFFFFF; + /*@editable*/ border-bottom:1px solid #CCCCCC; + } + + /** + * @tab Columns + * @section left column text + * @tip Set the styling for your email's left column content text. Choose a size and color that is easy to read. + */ + .leftColumnContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:14px; + /*@editable*/ line-height:150%; + padding-top:0; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Columns + * @section left column link + * @tip Set the styling for your email's left column content links. Choose a color that helps them stand out from your text. + */ + .leftColumnContent a:link, .leftColumnContent a:visited, /* Yahoo! Mail Override */ .leftColumnContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#3E648D; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + /** + * @tab Columns + * @section right column text + * @tip Set the styling for your email's right column content text. Choose a size and color that is easy to read. + */ + .rightColumnContent{ + /*@editable*/ color:#505050; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:14px; + /*@editable*/ line-height:150%; + padding-top:0; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Columns + * @section right column link + * @tip Set the styling for your email's right column content links. Choose a color that helps them stand out from your text. + */ + .rightColumnContent a:link, .rightColumnContent a:visited, /* Yahoo! Mail Override */ .rightColumnContent a .yshortcuts /* Yahoo! Mail Override */{ + /*@editable*/ color:#3E648D; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + .leftColumnContent img, .rightColumnContent img{ + display:inline; + height:auto; + max-width:260px; + } + + /* ========== Footer Styles ========== */ + + /** + * @tab Footer + * @section footer style + * @tip Set the background color and borders for your email's footer area. + * @theme footer + */ + #templateFooter{ + /*@editable*/ background-color:#FFFFFF; + /*@editable*/ border-top:1px solid #FFFFFF; + } + + /** + * @tab Footer + * @section footer text + * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read. + * @theme footer + */ + .footerContent{ + /*@editable*/ color:#808080; + /*@editable*/ font-family:Helvetica; + /*@editable*/ font-size:10px; + /*@editable*/ line-height:150%; + padding-top:20px; + padding-right:20px; + padding-bottom:20px; + padding-left:20px; + /*@editable*/ text-align:left; + } + + /** + * @tab Footer + * @section footer link + * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text. + */ + .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{ + /*@editable*/ color:#606060; + /*@editable*/ font-weight:normal; + /*@editable*/ text-decoration:underline; + } + + /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */ + + @media only screen and (max-width: 480px){ + /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */ + body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */ + body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */ + + /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */ + #bodyCell{padding:10px !important;} + + /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */ + + /* ======== Page Styles ======== */ + + /** + * @tab Mobile Styles + * @section template width + * @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead. + */ + #templateContainer{ + max-width:600px !important; + /*@editable*/ width:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 1 + * @tip Make the first-level headings larger in size for better readability on small screens. + */ + h1{ + /*@editable*/ font-size:24px !important; + /*@editable*/ line-height:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 2 + * @tip Make the second-level headings larger in size for better readability on small screens. + */ + h2{ + /*@editable*/ font-size:20px !important; + /*@editable*/ line-height:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 3 + * @tip Make the third-level headings larger in size for better readability on small screens. + */ + h3{ + /*@editable*/ font-size:18px !important; + /*@editable*/ line-height:100% !important; + } + + /** + * @tab Mobile Styles + * @section heading 4 + * @tip Make the fourth-level headings larger in size for better readability on small screens. + */ + h4{ + /*@editable*/ font-size:16px !important; + /*@editable*/ line-height:100% !important; + } + + /* ======== Header Styles ======== */ + + #templatePreheader{display:none !important;} /* Hide the template preheader to save space */ + + /** + * @tab Mobile Styles + * @section header image + * @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead. + */ + #headerImage{ + height:auto !important; + /*@editable*/ max-width:160px !important; + /*@editable*/ width:100% !important; + } + + /** + * @tab Mobile Styles + * @section header text + * @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .headerContent{ + /*@editable*/ font-size:20px !important; + /*@editable*/ line-height:125% !important; + } + + /* ======== Body Styles ======== */ + + /** + * @tab Mobile Styles + * @section body text + * @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .bodyContent{ + /*@editable*/ font-size:18px !important; + /*@editable*/ line-height:125% !important; + } + + /* ======== Column Styles ======== */ + + .templateColumnContainer{display:block !important; width:100% !important;} + + /** + * @tab Mobile Styles + * @section column image + * @tip Make the column image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead. + */ + .columnImage{ + height:auto !important; + /*@editable*/ max-width:480px !important; + /*@editable*/ width:100% !important; + } + + /** + * @tab Mobile Styles + * @section left column text + * @tip Make the left column content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .leftColumnContent{ + /*@editable*/ font-size:16px !important; + /*@editable*/ line-height:125% !important; + } + + /** + * @tab Mobile Styles + * @section right column text + * @tip Make the right column content text larger in size for better readability on small screens. We recommend a font size of at least 16px. + */ + .rightColumnContent{ + /*@editable*/ font-size:16px !important; + /*@editable*/ line-height:125% !important; + } + + /* ======== Footer Styles ======== */ + + /** + * @tab Mobile Styles + * @section footer text + * @tip Make the body content text larger in size for better readability on small screens. + */ + .footerContent{ + /*@editable*/ font-size:14px !important; + /*@editable*/ line-height:115% !important; + } + + .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */ + } + </style> + </head> + <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #EDF2F7;height: 100% !important;width: 100% !important;"> + <center> + <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 0;background-color: #EDF2F7;border-collapse: collapse !important;height: 100% !important;width: 100% !important;"> + <tr> + <td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: 0;padding: 20px;border-top: 4px solid #BBBBBB;height: 100% !important;width: 100% !important;"> + <!-- BEGIN TEMPLATE // --> + <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 600px;border: 1px solid #BBBBBB;border-collapse: collapse !important;"> + <tr> + <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> + <!-- BEGIN PREHEADER // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #3E648D;border-bottom: 1px solid #CCCCCC;border-collapse: collapse !important;"> + <tr> + <td valign="top" class="preheaderContent" style="padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #ffffff;font-family: Helvetica;font-size: 10px;line-height: 125%;text-align: left;" mc:edit="preheader_content00"> + <span id="pteaser"></span> + </td> + <!-- *|IFNOT:ARCHIVE_PAGE|* --> + <td valign="top" width="180" class="preheaderContent" style="padding-top: 10px;padding-right: 20px;padding-bottom: 10px;padding-left: 0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #ffffff;font-family: Helvetica;font-size: 10px;line-height: 125%;text-align: left;" mc:edit="preheader_content01"> + + </td> + <!-- *|END:IF|* --> + </tr> + </table> + <!-- // END PREHEADER --> + </td> + </tr> + <tr> + <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> + <!-- BEGIN HEADER // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-collapse: collapse !important;"> + <tr> + <td valign="top" class="headerContent" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: Helvetica;font-size: 20px;font-weight: bold;line-height: 100%;padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left: 10px;text-align: left;vertical-align: middle;"> + <img src="https://www.pycbitcoin.com/img/logo.png" style="max-width: 160px;-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" id="headerImage" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext> + </td> + </tr> + </table> + <!-- // END HEADER --> + </td> + </tr> + <tr> + <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> + <!-- BEGIN BODY // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-collapse: collapse !important;"> + <tr> + <td valign="top" class="bodyContent" mc:edit="body_content" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #505050;font-family: Helvetica;font-size: 16px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;"> + <h1 style="display: block;font-family: Helvetica;font-size: 26px;font-style: normal;font-weight: bold;line-height: 100%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #202020 !important;"><span class="ptitle"></span></h1> + <h3 style="display: block;font-family: Helvetica;font-size: 16px;font-style: italic;font-weight: normal;line-height: 100%;letter-spacing: normal;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;color: #606060 !important;"><span id="psubtitle"></span></h3> + <span id="pbody"></span> + </td> + </tr> + </table> + <!-- // END BODY --> + </td> + </tr> + <tr> + <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> + <!-- BEGIN COLUMNS // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #CCCCCC;border-collapse: collapse !important;"> + <tr mc:repeatable> + <td align="center" valign="top" class="templateColumnContainer" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 260px;"> + <table border="0" cellpadding="20" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"> + <tr id="pleftcolumn"></tr> + </table> + </td> + <td align="center" valign="top" class="templateColumnContainer" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 260px;"> + <table border="0" cellpadding="20" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse !important;"> + <tr id="prightcolumn"></tr> + </table> + </td> + </tr> + </table> + <!-- // END COLUMNS --> + </td> + </tr> + <tr> + <td align="center" valign="top" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"> + <!-- BEGIN FOOTER // --> + <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #FFFFFF;border-top: 1px solid #FFFFFF;border-collapse: collapse !important;"> + <tr> + <td valign="top" class="footerContent" mc:edit="footer_content00" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: Helvetica;font-size: 10px;line-height: 150%;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;"> + <a id="twitter-link" href="#">Follow on Twitter</a> <a id="facebook-link" href="#">Friend on Facebook</a> <a id="gplus-link" href="#">+1 on Google Plus</a> + </td> + </tr> + <tr> + <td valign="top" class="footerContent" style="padding-top: 20px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #808080;font-family: Helvetica;font-size: 10px;line-height: 150%;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;text-align: left;" mc:edit="footer_content01"> + <em>Copyright © 2014 PYC, inc., All rights reserved.</em> + </td> + </tr> + </table> + <!-- // END FOOTER --> + </td> + </tr> + </table> + <!-- // END TEMPLATE --> + </td> + </tr> + </table> + </center> + </body> +</html> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/email/button.html b/src/main/webapp/templates-hidden/email/button.html @@ -0,0 +1,7 @@ +<table border="0" cellpadding="0" cellspacing="0" width="270" class="emailButton" style="background-color:#3E648D; border-collapse:separate; border-radius:4px;"> + <tr> + <td align="center" valign="middle" style="color:#FFFFFF; font-family:Helvetica; font-size:18px; font-weight:bold; line-height:100%; padding:15px; text-align:center;"> + <a id="pbuttontext" href="#" target="_blank" style="color:#FFFFFF; display:block; text-decoration:none; width:100%;"></a> + </td> + </tr> +</table> +\ No newline at end of file diff --git a/src/main/webapp/templates-hidden/email/readme.md b/src/main/webapp/templates-hidden/email/readme.md @@ -0,0 +1,4 @@ +base-dev.html does not have inline css. base.html is used and it does have inline styling. +When making changes, change base-dev.html and convert it to inline styling with MailChimp's +CSS Inliner Tool: http://templates.mailchimp.com/resources/inline-css/. +Save the output to base.html