API tools faq
paste
Advertisement
freephile

Sample Email Template breaks CiviMail

freephile
Mar 13th, 2017
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head><meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4.     <title>Coastal Trails Coalition Newsletter</title>
  5.     <meta charset="utf-8"><meta name="viewport" content="width=device-width">
  6.     <style type="text/css">#ko_compactarticleBlock_5 .articletextintenseStyle a, #ko_compactarticleBlock_5 .articletextintenseStyle a:link, #ko_compactarticleBlock_5 .articletextintenseStyle a:visited, #ko_compactarticleBlock_5 .articletextintenseStyle a:hover {color: #fff;color: ;text-decoration: none;text-decoration: none;font-weight: bold;}
  7. #ko_compactarticleBlock_5 .articletextlightStyle a, #ko_compactarticleBlock_5 .articletextlightStyle a:link, #ko_compactarticleBlock_5 .articletextlightStyle a:visited, #ko_compactarticleBlock_5 .articletextlightStyle a:hover {color: #3f3d33;color: ;text-decoration: none;text-decoration: none;font-weight: bold;}
  8.     </style>
  9.     <style type="text/css">/* CLIENT-SPECIFIC STYLES */
  10.     #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
  11.     .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
  12.     .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{line-height: 100%;} /* Force Hotmail to display normal line spacing */
  13.     body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
  14.     table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
  15.     img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
  16.  
  17.     /* RESET STYLES */
  18.     body{margin:0; padding:0;}
  19.     img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
  20.     table{border-collapse:collapse !important;}
  21.     body{height:100% !important; margin:0; padding:0; width:100% !important;}
  22.  
  23.     /* iOS BLUE LINKS */
  24.     .appleBody a{color:#68440a; text-decoration: none;}
  25.     .appleFooter a{color:#999999; text-decoration: none;}
  26.  
  27.     /* MOBILE STYLES */
  28.     @media screen and (max-width: 525px) {
  29.  
  30.         /* ALLOWS FOR FLUID TABLES */
  31.         table[class="wrapper"]{
  32.           width:100% !important;
  33.           min-width:0px !important;
  34.         }
  35.  
  36.         /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
  37.         td[class="mobile-hide"]{
  38.           display:none;}
  39.  
  40.         img[class="mobile-hide"]{
  41.           display: none !important;
  42.         }
  43.  
  44.         img[class="img-max"]{
  45.           width:100% !important;
  46.           max-width: 100% !important;
  47.           height:auto !important;
  48.         }
  49.  
  50.         /* FULL-WIDTH TABLES */
  51.         table[class="responsive-table"]{
  52.           width:100%!important;
  53.         }
  54.  
  55.         /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
  56.         td[class="padding"]{
  57.           padding: 10px 5% 15px 5% !important;
  58.         }
  59.  
  60.         td[class="padding-copy"]{
  61.           padding: 10px 5% 10px 5% !important;
  62.           text-align: center;
  63.         }
  64.  
  65.         td[class="padding-meta"]{
  66.           padding: 30px 5% 0px 5% !important;
  67.           text-align: center;
  68.         }
  69.  
  70.         td[class="no-pad"]{
  71.           padding: 0 0 0px 0 !important;
  72.         }
  73.  
  74.         td[class="no-padding"]{
  75.           padding: 0 !important;
  76.         }
  77.  
  78.         td[class="section-padding"]{
  79.           padding: 10px 15px 10px 15px !important;
  80.         }
  81.  
  82.         td[class="section-padding-bottom-image"]{
  83.           padding: 10px 15px 0 15px !important;
  84.         }
  85.  
  86.         /* ADJUST BUTTONS ON MOBILE */
  87.         td[class="mobile-wrapper"]{
  88.             padding: 10px 5% 15px 5% !important;
  89.         }
  90.  
  91.         table[class="mobile-button-container"]{
  92.             margin:0 auto;
  93.             width:100% !important;
  94.         }
  95.  
  96.         a[class="mobile-button"]{
  97.             width:80% !important;
  98.             padding: 15px !important;
  99.             border: 0 !important;
  100.             font-size: 16px !important;
  101.         }
  102.  
  103.     }
  104.     </style>
  105. </head>
  106. <body align="center" bgcolor="#ffffff" style="margin: 0; padding: 0;"><!-- PREHEADER -->
  107. <table border="0" cellpadding="0" cellspacing="0" id="ko_preheaderBlock_1" style="min-width: 530px;" width="100%">
  108.     <tbody>
  109.         <tr>
  110.             <td bgcolor="#3F3D33" class="mobile-hide">
  111.             <div align="center" style="padding: 0px 15px 0px 15px;">
  112.             <table border="0" cellpadding="0" cellspacing="0" class="wrapper" style="min-width: 500px;" width="500"><!--Preheade/view on web TEXT -->
  113.                 <tbody>
  114.                     <tr>
  115.                         <td style="padding: 10px 0px 10px 0px;">
  116.                         <table border="0" cellpadding="0" cellspacing="0" width="100%">
  117.                             <tbody>
  118.                                 <tr>
  119.                                     <td align="left" bgcolor="#3F3D33" class="mobile-hide" width="50%">
  120.                                     <table border="0" cellpadding="0" cellspacing="0" width="100%">
  121.                                         <tbody>
  122.                                             <tr>
  123.                                                 <td align="left" style="padding: 0 0 5px 0; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none;"><span style="color: #ffffff; text-decoration: none;">support your local trails</span></td>
  124.                                             </tr>
  125.                                         </tbody>
  126.                                     </table>
  127.                                     </td>
  128.                                     <td align="right" bgcolor="#3F3D33" class="mobile-hide" width="50%">
  129.                                     <table border="0" cellpadding="0" cellspacing="0" width="100%">
  130.                                         <tbody>
  131.                                             <tr>
  132.                                                 <td align="right" style="padding: 0 0 5px 0; font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none;"><a href="{mailing.viewUrl}" style="color: #ffffff;" target="_new"><span>View on web</span></a></td>
  133.                                             </tr>
  134.                                         </tbody>
  135.                                     </table>
  136.                                     </td>
  137.                                 </tr>
  138.                             </tbody>
  139.                         </table>
  140.                         </td>
  141.                     </tr>
  142.                 </tbody>
  143.             </table>
  144.             </div>
  145.             </td>
  146.         </tr>
  147.     </tbody>
  148. </table>
  149.  
  150. <table border="0" cellpadding="0" cellspacing="0" id="ko_imageBlock_3" width="100%">
  151.     <tbody>
  152.         <tr class="row-b">
  153.             <td align="center" bgcolor="#EDE8DA" class="no-pad" style="padding-top: 0px; padding-left: 15px; padding-bottom: 0px; padding-right: 15px;">
  154.             <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="500">
  155.                 <tbody>
  156.                     <tr>
  157.                         <td>
  158.                         <table border="0" cellpadding="0" cellspacing="0" width="100%">
  159.                             <tbody>
  160.                                 <tr>
  161.                                     <td><!-- HERO IMAGE -->
  162.                                     <table border="0" cellpadding="0" cellspacing="0" width="100%">
  163.                                         <tbody>
  164.                                             <tr>
  165.                                                 <td class="no-padding">
  166.                                                 <table border="0" cellpadding="0" cellspacing="0" width="100%">
  167.                                                     <tbody>
  168.                                                         <tr>
  169.                                                             <td><a href="http://coastaltrails.org/wp-content/uploads/2013/05/ctc-logo-large_1024.jpg" target="_new"><img alt="" border="0" class="img-max" src="http://coastaltrails.org/wp-content/uploads/2013/05/cropped-ctc_webheader.jpg" style="display: block; padding: 0; color: #3F3D33; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 16px; width: 500px;" width="500" /></a></td>
  170.                                                         </tr>
  171.                                                     </tbody>
  172.                                                 </table>
  173.                                                 </td>
  174.                                             </tr>
  175.                                         </tbody>
  176.                                     </table>
  177.                                     </td>
  178.                                 </tr>
  179.                             </tbody>
  180.                         </table>
  181.                         </td>
  182.                     </tr>
  183.                 </tbody>
  184.             </table>
  185.             </td>
  186.         </tr>
  187.     </tbody>
  188. </table>
  189.  
  190. <table border="0" cellpadding="0" cellspacing="0" id="ko_titleBlock_4" width="100%">
  191.     <tbody>
  192.         <tr class="row-b">
  193.             <td align="center" bgcolor="#EDE8DA" class="section-padding" style="padding: 30px 15px 0px 15px;">
  194.             <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" style="padding: 0 0 20px 0;" width="500"><!-- TITLE -->
  195.                 <tbody>
  196.                     <tr>
  197.                         <td align="center" class="padding-copy" colspan="2" style="padding: 0 0 10px 0px; font-size: 25px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #236a84;">February 2017 Newsletter</td>
  198.                     </tr>
  199.                 </tbody>
  200.             </table>
  201.             </td>
  202.         </tr>
  203.     </tbody>
  204. </table>
  205.  
  206. <table border="0" cellpadding="0" cellspacing="0" id="ko_compactarticleBlock_5" width="100%">
  207.     <tbody>
  208.         <tr class="row-b" style=";">
  209.             <td align="center" bgcolor="#EDE8DA" class="section-padding" style="padding: 0px 15px 0px 15px;">
  210.             <table border="0" cellpadding="0" cellspacing="0" class="responsive-table" style="padding: 0 0 20px 0;" width="500">
  211.                 <tbody>
  212.                     <tr>
  213.                         <td class="mobile-hide" style="padding: 40px 0 0 0;" valign="top"><a href="http://coastaltrails.org" target="_new"><img alt="" border="0" src="http://coastaltrails.org/wp-content/uploads/2013/05/ctc-logo-large_1024.jpg" style="display: block; font-family: Arial; color: #3F3D33; font-size: 14px; width: 155px;" width="155" /></a></td>
  214.                         <td class="no-padding" style="padding: 40px 0 0 0;"><!-- ARTICLE -->
  215.                         <table border="0" cellpadding="0" cellspacing="0" width="100%">
  216.                             <tbody>
  217.                                 <tr>
  218.                                     <td align="left" class="padding-copy" style="padding: 0 0 5px 25px; font-size: 22px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #236a84;">This is a title</td>
  219.                                 </tr>
  220.                                 <tr>
  221.                                     <td align="left" class="padding-copy articletextlightStyle" style="padding: 10px 0 15px 25px; font-size: 16px; line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #3F3D33;">
  222.                                     <p data-mce-style="margin-top: 0px;" style="margin-top:0px">Somewhere near you, people are enjoying the great outdoors; connecting with neighbors and neighborhoods; using rail trails, multi-use pathways, or on-road bike lanes supported by the non-profit, all-volunteer&nbsp;<strong>Coastal Trails Coalition</strong>.</p>
  223.                                     </td>
  224.                                 </tr>
  225.                                 <tr>
  226.                                     <td align="left" class="padding" style="padding: 0 0 45px 25px;">
  227.                                     <table border="0" cellpadding="0" cellspacing="0" class="mobile-button-container">
  228.                                         <tbody>
  229.                                             <tr>
  230.                                                 <td align="center"><!-- BULLETPROOF BUTTON -->
  231.                                                 <table border="0" cellpadding="0" cellspacing="0" class="mobile-button-container" width="100%">
  232.                                                     <tbody>
  233.                                                         <tr>
  234.                                                             <td align="center" class="padding-copy" style="padding: 0;">
  235.                                                             <table border="0" cellpadding="0" cellspacing="0" class="responsive-table">
  236.                                                                 <tbody>
  237.                                                                     <tr>
  238.                                                                         <td align="center"><a class="mobile-button" href="http://coastaltrails.org" style="display: inline-block; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #4c8c3b; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-bottom: 3px solid #356129;" target="_new">Show More &rarr;</a></td>
  239.                                                                     </tr>
  240.                                                                 </tbody>
  241.                                                             </table>
  242.                                                             </td>
  243.                                                         </tr>
  244.                                                     </tbody>
  245.                                                 </table>
  246.                                                 </td>
  247.                                             </tr>
  248.                                         </tbody>
  249.                                     </table>
  250.                                     </td>
  251.                                 </tr>
  252.                             </tbody>
  253.                         </table>
  254.                         </td>
  255.                     </tr>
  256.                 </tbody>
  257.             </table>
  258.             </td>
  259.         </tr>
  260.     </tbody>
  261. </table>
  262. <!-- FOOTER -->
  263.  
  264. <table border="0" cellpadding="0" cellspacing="0" id="ko_footerBlock_2" style="min-width: 500px;" width="100%">
  265.     <tbody>
  266.         <tr>
  267.             <td align="center" bgcolor="#ffffff">
  268.             <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
  269.                 <tbody>
  270.                     <tr>
  271.                         <td style="padding: 20px 0px 20px 0px;"><!-- UNSUBSCRIBE COPY -->
  272.                         <table align="center" border="0" cellpadding="0" cellspacing="0" class="responsive-table" width="500">
  273.                             <tbody>
  274.                                 <tr>
  275.                                     <td align="center" style="font-size: 12px; line-height: 18px; font-family: Helvetica, Arial, sans-serif; color: #3F3D33;" valign="middle"><span class="appleFooter" style="color: #3F3D33;">{domain.address}</span><br />
  276.                                     <a class="original-only" href="{action.unsubscribeUrl}" style="color: #3F3D33; text-decoration: none;" target="_new">Unsubscribe</a><span class="original-only" style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">&nbsp;|&nbsp;&nbsp;&nbsp;</span><a href="{mailing.viewUrl}" style="color: #3F3D33; text-decoration: none;" target="_new">View on web</a></td>
  277.                                 </tr>
  278.                             </tbody>
  279.                         </table>
  280.                         </td>
  281.                     </tr>
  282.                 </tbody>
  283.             </table>
  284.             </td>
  285.         </tr>
  286.     </tbody>
  287. </table>
  288. </body>
  289. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!