85 lines
2.9 KiB
HTML
85 lines
2.9 KiB
HTML
<!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 name="viewport" content="width=device-width">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<!-- Inject stylesheets after they are processed with LESS, SASS or postcss. -->
|
|
|
|
|
|
<style type="text/css">
|
|
/* Ideally, this would be part of a linked CSS file. @see https://github.com/fadeit/responsive-html-email-signature/issues/15 */
|
|
|
|
/*
|
|
* ================
|
|
* 4. Basic responsive stuff.
|
|
* ================
|
|
*/
|
|
@media only screen and (max-width:480px){
|
|
.footer td{
|
|
font-size: 12px!important;
|
|
}
|
|
|
|
.footer__main__col1{
|
|
width: 100%!important;
|
|
}
|
|
|
|
.footer__main__col2{
|
|
width: 100%!important;
|
|
}
|
|
|
|
.footer__main__col2__td{
|
|
text-align: left;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
.footer__main__col2__td__img{
|
|
padding-left:0!important;
|
|
}
|
|
|
|
.gray-hr hr{
|
|
margin-bottom:10px!important;
|
|
margin-top:10px!important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width:1025px){
|
|
/* After iPad size */
|
|
.body-with-bg{
|
|
background-color: #F1F1F1;
|
|
}
|
|
|
|
.body-with-bg .main{
|
|
border:1px solid #E9E9E9!important; /* Sorry! */
|
|
max-width:960px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
.background{
|
|
padding:30px;
|
|
background-color: #F1F1F1;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
|
|
<br>
|
|
<table class="main rbcc" style="border: 0; cellpadding: 0; cellspacing: 0; padding-top: 15px;" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" width="100%">
|
|
<tr class="sp" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="sp__inner" style="padding: 15px 0;"></td></tr>
|
|
|
|
<tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;">
|
|
<td class="footer footer--simple" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px; padding-bottom: 20px;" bgcolor="#FFFFFF">
|
|
<table class="rbcc footer__main" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;">
|
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
|
<td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">
|
|
Yours truly,<br>
|
|
The light mail team<br>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body></html> |