Permalink
Browse files

Updated all templates to current MailChimp spec, reflecting May release.

  • Loading branch information...
1 parent 120ef4f commit 096434f75da6b358989e8c15dad20766bda49b9c Fabio Carneiro committed Jun 6, 2011
Showing with 1,097 additions and 1,333 deletions.
  1. +1 −0 README
  2. +26 −32 templates/2col-1-2-leftsidebar.html
  3. +28 −34 templates/2col-1-2-rightsidebar.html
  4. +22 −28 templates/2col-1-2.html
  5. +22 −28 templates/2col-2-1.html
  6. +20 −26 templates/2col-basic2column.html
  7. +23 −29 templates/3col-1-3-asym.html
  8. +26 −32 templates/3col-1-3-leftsidebar.html
  9. +26 −32 templates/3col-1-3-rightsidebar.html
  10. +23 −29 templates/3col-1-3.html
  11. +23 −29 templates/3col-3-1-asym.html
  12. +23 −29 templates/3col-3-1.html
  13. +21 −27 templates/3col-basic3column-asym.html
  14. +21 −27 templates/3col-basic3column.html
  15. +20 −26 templates/fancy-1-2-3.html
  16. +25 −31 templates/fancy-1-3-2.html
  17. +23 −29 templates/fancy-1-50-25-25.html
  18. +28 −34 templates/fancy-2-1-3-leftsidebar.html
  19. +28 −34 templates/fancy-2-1-3-rightsidebar.html
  20. +23 −29 templates/fancy-50-25-25-1.html
  21. +21 −27 templates/fancy-50-25-25.html
  22. +20 −26 templates/fancy-variablelayout.html
  23. +24 −30 templates/gallery-1-4-1.html
  24. +26 −32 templates/gallery-1-4-2.html
  25. +24 −30 templates/gallery-1-4.html
  26. +24 −30 templates/gallery-4-1.html
  27. +22 −28 templates/gallery-basicgallery.html
  28. +20 −22 templates/mobile-basicmobile.html
  29. +20 −22 templates/mobile-postcardmobile.html
  30. +20 −26 templates/simple-basic.html
  31. +23 −29 templates/simple-leftsidebar.html
  32. +108 −124 templates/simple-letterhead-centerlogo.html
  33. +125 −144 templates/simple-letterhead-leftlogo.html
  34. +125 −143 templates/simple-letterhead-rightlogo.html
  35. +20 −26 templates/simple-postcard.html
  36. +23 −29 templates/simple-rightsidebar.html
View
@@ -3,6 +3,7 @@ Email Blueprints
=======================================
Brought to you by MailChimp
http://mailchimp.com
+These email blueprints are licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License: http://creativecommons.org/licenses/by-sa/3.0/
Email Blueprints is a collection of HTML email templates that can serve as a solid
@@ -10,12 +10,13 @@
<style type="text/css">
/* Client-specific Styles */
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
- body{width:100% !important;} /* Force Hotmail to display emails at full width */
+ body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
/* Reset Styles */
body{margin:0; padding:0;}
- img{border:none; font-size:14px; font-weight:bold; height:auto; line-height:100%; outline:none; text-decoration:none; text-transform:capitalize;}
+ img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
+ table td{border-collapse:collapse;}
#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
/* Template Styles */
@@ -151,7 +152,7 @@
* @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 div a:link, .preheaderContent div a:visited{
+ .preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -166,7 +167,7 @@
* @theme header
*/
#templateHeader{
- /*@editable*/ background-color:#D8E2EA;
+ /*@editable*/ background-color:#FFFFFF;
/*@editable*/ border-bottom:0;
}
@@ -191,7 +192,7 @@
* @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{
+ .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -210,7 +211,7 @@
* @tip Set the background color for your email's body area.
*/
#templateContainer, .bodyContent{
- /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ background-color:#FFFFFF;
}
/**
@@ -232,7 +233,7 @@
* @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 div a:link, .bodyContent div a:visited{
+ .bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -272,7 +273,7 @@
* @section sidebar link
* @tip Set the styling for your email's sidebar links. Choose a color that helps them stand out from your text.
*/
- .sidebarContent div a:link, .sidebarContent div a:visited{
+ .sidebarContent div a:link, .sidebarContent div a:visited, /* Yahoo! Mail Override */ .sidebarContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -312,7 +313,7 @@
* @section left column link
* @tip Set the styling for your email's left column links. Choose a color that helps them stand out from your text.
*/
- .leftColumnContent div a:link, .leftColumnContent div a:visited{
+ .leftColumnContent div a:link, .leftColumnContent div a:visited, /* Yahoo! Mail Override */ .leftColumnContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -350,7 +351,7 @@
* @section right column link
* @tip Set the styling for your email's right column links. Choose a color that helps them stand out from your text.
*/
- .rightColumnContent div a:link, .rightColumnContent div a:visited{
+ .rightColumnContent div a:link, .rightColumnContent div a:visited, /* Yahoo! Mail Override */ .rightColumnContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -370,7 +371,7 @@
* @theme footer
*/
#templateFooter{
- /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ background-color:#FFFFFF;
/*@editable*/ border-top:0;
}
@@ -393,7 +394,7 @@
* @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 div a:link, .footerContent div a:visited{
+ .footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#336699;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
@@ -430,7 +431,7 @@
* @theme footer
*/
#utility{
- /*@editable*/ background-color:#FDFDFD;
+ /*@editable*/ background-color:#FFFFFF;
/*@editable*/ border:0;
}
@@ -463,7 +464,7 @@
<tr>
<td valign="top">
<div mc:edit="std_preheader_content">
- Use this area to offer a short teaser of your email's content. Text here will show in the preview area of some email clients and in Facebook news feed posts.
+ Use this area to offer a short teaser of your email's content. Text here will show in the preview area of some email clients.
</div>
</td>
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
@@ -511,9 +512,9 @@
<td valign="top" class="sidebarContent">
<!-- // Begin Module: Social Block with Icons \\ -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding-top:10px; padding-left:20px;">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
- <td valign="top">
+ <td valign="top" style="padding-top:20px; padding-right:20px; padding-left:20px;">
<table border="0" cellpadding="0" cellspacing="4">
<tr mc:hideable>
<td align="left" valign="middle" width="16">
@@ -555,7 +556,7 @@
<table border="0" cellpadding="20" cellspacing="0" width="100%">
<tr mc:repeatable>
<td valign="top">
- <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:edit="tiwc200_image00" />
+ <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;" mc:label="image" mc:edit="tiwc200_image00" />
<div mc:edit="tiwc200_content00">
<h4 class="h4">Heading 4</h4>
<strong>Repeatable content blocks:</strong> Repeatable sections are noted with plus and minus signs so that you can add and subtract content blocks. You can also <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">get a little fancy</a>: repeat blocks and remove all text to make image "gallery" sections, or do the opposite and remove images for text-only blocks!
@@ -669,33 +670,26 @@ <h4 class="h4">Heading 4</h4>
</tr>
<tr>
<td valign="top" width="350">
- <br />
<div mc:edit="std_footer">
- <em>Copyright &copy; *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
- <br />
- *|IFNOT:ARCHIVE_PAGE|*
- *|LIST:DESCRIPTION|*
- <br />
- <strong>Our mailing address is:</strong>
- <br />
- *|HTML:LIST_ADDRESS_HTML|*
- <br />
- *|END:IF|*
+ <em>Copyright &copy; *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
+ <br />
+ *|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|*
+ <br />
+ <strong>Our mailing address is:</strong>
+ <br />
+ *|HTML:LIST_ADDRESS_HTML|**|END:IF|*
</div>
- <br />
</td>
<td valign="top" width="190" id="monkeyRewards">
- <br />
<div mc:edit="monkeyrewards">
*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
</div>
- <br />
</td>
</tr>
<tr>
<td colspan="2" valign="middle" id="utility">
<div mc:edit="std_utility">
- &nbsp;<a href="*|UNSUB|*">unsubscribe from this list</a> | <a href="*|UPDATE_PROFILE|*">update subscription preferences</a>*|IFNOT:ARCHIVE_PAGE|* | <a href="*|ARCHIVE|*">view email in browser</a>*|END:IF|*&nbsp;
+ &nbsp;<a href="*|UNSUB|*">unsubscribe from this list</a> | <a href="*|UPDATE_PROFILE|*">update subscription preferences</a>&nbsp;
</div>
</td>
</tr>
Oops, something went wrong.

0 comments on commit 096434f

Please sign in to comment.