Created
October 17, 2012 03:06
-
-
Save imarkdesigns/3903493 to your computer and use it in GitHub Desktop.
xHTML WebMail Template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>newsletter</title> | |
| <style type="text/css"> | |
| /*xHTML MAIL RESET*/ | |
| body {width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;} | |
| .ExternalClass {width:100%;} | |
| .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} | |
| #outlook a {padding:0;} | |
| #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;} | |
| /*END*/ | |
| a {color: orange;} | |
| a img {border:none;} | |
| img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} | |
| .image_fix {display:block;} | |
| p {margin: 1em 0;} | |
| 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;} | |
| table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } | |
| table td {border-collapse: collapse;} | |
| @media only screen and (max-device-width: 480px) { | |
| a[href^="tel"], a[href^="sms"] { | |
| text-decoration: none; | |
| color: black; /* or whatever your want */ | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { | |
| text-decoration: default; | |
| color: orange !important; /* or whatever your want */ | |
| pointer-events: auto; | |
| cursor: default; | |
| } | |
| } | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { | |
| a[href^="tel"], a[href^="sms"] { | |
| text-decoration: none; | |
| color: blue; /* or whatever your want */ | |
| pointer-events: none; | |
| cursor: default; | |
| } | |
| .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] { | |
| text-decoration: default; | |
| color: orange !important; | |
| pointer-events: auto; | |
| cursor: default; | |
| } | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 2) { | |
| } | |
| @media only screen and (-webkit-device-pixel-ratio:.75){ | |
| } | |
| @media only screen and (-webkit-device-pixel-ratio:1){ | |
| } | |
| @media only screen and (-webkit-device-pixel-ratio:1.5){ | |
| } | |
| </style> | |
| <!-- Targeting Windows Mobile --> | |
| <!--[if IEMobile 7]> | |
| <style type="text/css"> | |
| </style> | |
| <![endif]--> | |
| <!-- Target Outlook 2007 and 2010 --> | |
| <!--[if gte mso 9]> | |
| <style> | |
| </style> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <!-- Wrapper/Container Table --> | |
| <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable"> | |
| <tr> | |
| <td align="center">Hello World!</td> | |
| </tr> | |
| </table> | |
| <!-- End of wrapper table --> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
lml