Skip to content

Instantly share code, notes, and snippets.

@kayheunen

kayheunen/real-looking-email.html Secret

Last active Dec 23, 2016
Embed
What would you like to do?
Zendesk E-mail Template (Looking like a real e-mail, not a thread)
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
table td {border-collapse: collapse;}
{{styles}}
.content-div div table tbody tr td table tbody tr td p {
max-height:0 !important; /* Gmail*/
display:none !important; /* Generic*/
mso-hide:all !important; /* Outlook clients*/
overflow:hidden !important; /* Generic */
padding-top: 0px !important;
}
.content-div div {
margin-top: 0 !important;
}
.content-div div table tbody tr td {
border: 0 !important;
}
.latest-comment div /*remove top margin*/{
margin-top: 0px !important;
}
.zd-comment {
-webkit-text-size-adjust: none !important;
}
</style>
</head>
<body style="width: 100%!important; margin: 0; padding: 0;">
<div class="content-div" style=
"padding-left: 10px; padding-right:10px; line-height: 18px; font-family: 'Lucida Grande',Verdana,Arial,sans-serif; font-size: 14px; color:#333;">
<div style="color: #ffffff;">{{delimiter}}</div>
{% if content contains "div" %} {{content | replace: "color:#333333", "color:#333333;display:block
!important;max-height: inherit !important;overflow:auto !important;" | replace:
"color:#1b1d1e","color:#1b1d1e;max-height:0 !important; display:none !important; mso-hide:all !important;
overflow:hidden !important; padding-top: 0px !important;" | replace: "color:#bbbbbb","color:#bbbbbb;max-height:0
!important; display:none !important; mso-hide:all !important; overflow:hidden !important; padding-top: 0px
!important;"}} {% else %} {{content}} {% endif %}
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment