Browse files

Added event calendar content block

  • Loading branch information...
1 parent f08308b commit e9b578eaec3de39da58448078e6a4e40cc5cf1ed @fcarneiro fcarneiro committed Nov 21, 2013
Showing with 153 additions and 2 deletions.
  1. +153 −2 modular-template-patterns/modular-template-patterns.html
View
155 modular-template-patterns/modular-template-patterns.html
@@ -62,7 +62,10 @@
.nestedContainer{background-color:#E5E5E5; border:1px solid #CCCCCC;}
.emailButton{background-color:#2C9AB7; border-collapse:separate; border-radius:4px;}
.buttonContent{color:#FFFFFF; font-family:Helvetica; font-size:18px; font-weight:bold; line-height:100%; padding:15px; text-align:center;}
- .buttonContent a{color:#FFFFFF; display:block; text-decoration:none; width:100%;}
+ .buttonContent a{color:#FFFFFF; display:block; text-decoration:none;}
+ .emailCalendar{background-color:#FFFFFF; border:1px solid #CCCCCC;}
+ .emailCalendarMonth{background-color:#2C9AB7; color:#FFFFFF; font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;}
+ .emailCalendarDay{color:#2C9AB7; font-family:Helvetica, Arial, sans-serif; font-size:60px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;}
/*////// MOBILE STYLES //////*/
@media only screen and (max-width: 480px){
@@ -77,9 +80,11 @@
desktop.
*/
table[id="emailBody"]{width:100% !important;}
- table[class="flexibleContainer"]{display:block !important; width:100% !important;}
+ table[class="flexibleContainer"]{width:100% !important;}
img[class="flexibleImage"]{width:100% !important;}
table[class="emailButton"]{width:100% !important;}
+ td[class="buttonContent"]{padding:0 !important;}
+ td[class="buttonContent"] a{padding:15px !important;}
td[class="textContentLast"], td[class="imageContentLast"]{padding-top:20px !important;}
/*////// GENERAL STYLES //////*/
@@ -973,6 +978,152 @@
<!-- // MODULE ROW -->
+ <!-- MODULE ROW // -->
+ <tr>
+ <td align="center" valign="top">
+ <!-- CENTERING TABLE // -->
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
+ <tr>
+ <td align="center" valign="top">
+ <!-- FLEXIBLE CONTAINER // -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
+ <tr>
+ <td align="center" valign="top" width="600" class="flexibleContainerCell bottomShim">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="nestedContainer">
+ <tr>
+ <td valign="top" class="nestedContainerCell">
+
+
+ <!-- CONTENT TABLE // -->
+ <table align="Left" border="0" cellpadding="0" cellspacing="0" width="160" class="flexibleContainer">
+ <tr>
+ <td align="center" valign="top" class="bottomShim">
+ <table border="0" cellpadding="0" cellspacing="0" width="160" class="emailCalendar">
+ <tr>
+ <td align="center" valign="top" style="padding:5px;">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
+ <tr>
+ <td align="center" valign="top" class="emailCalendarMonth">
+ September
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top" class="emailCalendarDay">
+ 16
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // CONTENT TABLE -->
+
+
+ <!-- CONTENT TABLE // -->
+ <table align="Right" border="0" cellpadding="0" cellspacing="0" width="320" class="flexibleContainer">
+ <tr>
+ <td valign="top" class="textContent">
+ <h3>Right Column</h3>
+ <br />
+ A kitten or kitty is a juvenile domesticated cat. Kittens are highly social animals and spend most of their waking hours playing and interacting with available companions.
+ </td>
+ </tr>
+ </table>
+ <!-- // CONTENT TABLE -->
+
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // FLEXIBLE CONTAINER -->
+ </td>
+ </tr>
+ </table>
+ <!-- // CENTERING TABLE -->
+ </td>
+ </tr>
+ <!-- // MODULE ROW -->
+
+
+ <!-- MODULE ROW // -->
+ <tr>
+ <td align="center" valign="top">
+ <!-- CENTERING TABLE // -->
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
+ <tr>
+ <td align="center" valign="top">
+ <!-- FLEXIBLE CONTAINER // -->
+ <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
+ <tr>
+ <td align="center" valign="top" width="600" class="flexibleContainerCell bottomShim">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="nestedContainer">
+ <tr>
+ <td valign="top" class="nestedContainerCell">
+
+
+ <!-- CONTENT TABLE // -->
+ <table align="Right" border="0" cellpadding="0" cellspacing="0" width="160" class="flexibleContainer">
+ <tr>
+ <td align="center" valign="top" class="bottomShim">
+ <table border="0" cellpadding="0" cellspacing="0" width="160" class="emailCalendar">
+ <tr>
+ <td align="center" valign="top" style="padding:5px;">
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
+ <tr>
+ <td align="center" valign="top" class="emailCalendarMonth">
+ September
+ </td>
+ </tr>
+ <tr>
+ <td align="center" valign="top" class="emailCalendarDay">
+ 16
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // CONTENT TABLE -->
+
+
+ <!-- CONTENT TABLE // -->
+ <table align="Left" border="0" cellpadding="0" cellspacing="0" width="320" class="flexibleContainer">
+ <tr>
+ <td valign="top" class="textContent">
+ <h3>Left Column</h3>
+ <br />
+ A kitten or kitty is a juvenile domesticated cat. Kittens are highly social animals and spend most of their waking hours playing and interacting with available companions.
+ </td>
+ </tr>
+ </table>
+ <!-- // CONTENT TABLE -->
+
+
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+ <!-- // FLEXIBLE CONTAINER -->
+ </td>
+ </tr>
+ </table>
+ <!-- // CENTERING TABLE -->
+ </td>
+ </tr>
+ <!-- // MODULE ROW -->
+
+
</table>
<!-- // EMAIL CONTAINER -->
</td>

0 comments on commit e9b578e

Please sign in to comment.