Skip to content

Instantly share code, notes, and snippets.

@kchez
Last active December 18, 2015 16:06
Show Gist options
  • Save kchez/87ef18c43c6fb5c4ff3c to your computer and use it in GitHub Desktop.
Save kchez/87ef18c43c6fb5c4ff3c to your computer and use it in GitHub Desktop.
Email CSS Reset boilerplate no guideline comments included.
<!-- Email CSS Reset -->
<style type="text/css">
#outlook a { padding:0; }
html, body { Margin: 0 !important; padding: 0 !important; height: 100% !important; width: 100% !important; min-width: 100%; }
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; Margin: 0 !important; padding: 0; }
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height:100%; }
#wrappertable { margin:0; padding:0; width:100% !important; line-height:100% !important; }
* { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
div[style*="margin: 16px 0"] { margin:0 !important; font-size:100% !important; }
table, td { mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; }
table { border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; Margin: 0 auto !important; }
table table table { table-layout: auto; }
a, a:link { color: #e6057f; text-decoration: underline; }
a[x-apple-data-detectors] { color: inherit !important; }
.appleLinksWhite a { color: #ffffff !important; text-decoration:none !important; }
.appleLinksBlack a { color: #000000 !important; text-decoration: none !important; }
/* Optional hyperlink states (Not supported in all email clients)
a:visited { color: #3c96e2; text-decoration: none; }
a:focus { color: #3c96e2; text-decoration: underline; }
a:hover { color: #3c96e2; text-decoration: underline; }
*/
img { border: none; outline: none; text-decoration: none; -ms-interpolation-mode:bicubic; }
.img-fix { display: block; }
p { margin: 1em 0; }
span.yshortcuts, a span.yshortcuts { color: #000000; background-color: none; border: none; }
span.yshortcuts:hover, span.yshortcuts:active, span.yshortcuts:focus { color: #000000; background-color: transparent; border: none; }
.yshortcuts a { border-bottom: none !important; }
h1, h2, h3, h4, h5, h6 { color: black !important; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: blue !important; }
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: red !important; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: purple !important; }
</style><!-- /Email CSS Reset -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment