mcdev
Version:
Accenture Salesforce Marketing Cloud DevTools
151 lines (150 loc) • 6.9 kB
HTML
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
ReadMsgBody{ width: 100%;}
.ExternalClass {width: 100%;}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;margin:0 ;}
p { margin: 1em 0;}
table td { border-collapse: collapse;}
img {outline:0;}
a img {border:none;}
@-ms-viewport{ width: device-width;}
</style>
<style type="text/css">
@media only screen and (max-width: 480px) {
.container {width: 100% ;}
.footer { width:auto ; margin-left:0; }
.mobile-hidden { display:none ; }
.logo { display:block ; padding:0 ; }
img { max-width:100% ; height:auto ; max-height:auto ;}
.header img{max-width:100% ;height:auto ; max-height:auto ;}
.photo img { width:100% ; max-width:100% ; height:auto ;}
.drop { display:block ; width: 100% ; float:left; clear:both;}
.footerlogo { display:block ; width: 100% ; padding-top:15px; float:left; clear:both;}
.nav4, .nav5, .nav6 { display: none ; }
.tableBlock {width:100% ;}
.responsive-td {width:100% ; display:block ; padding:0 ; }
.fluid, .fluid-centered {
width: 100% ;
max-width: 100% ;
height: auto ;
margin-left: auto ;
margin-right: auto ;
}
.fluid-centered {
margin-left: auto ;
margin-right: auto ;
}
/* MOBILE GLOBAL STYLES - DO NOT CHANGE */
body { padding: 0px ; font-size: 16px ; line-height: 150% ;}
h1 { font-size: 22px ; line-height: normal ;}
h2 { font-size: 20px ; line-height: normal ;}
h3 { font-size: 18px ; line-height: normal ;}
.buttonstyles {
font-family:arial,helvetica,sans-serif ;
font-size: 16px ;
color: #FFFFFF ;
padding: 10px ;
}
/* END OF MOBILE GLOBAL STYLES - DO NOT CHANGE */
}
@media only screen and (max-width: 640px) {
.container { width:100% ; }
.mobile-hidden { display:none ; }
.logo { display:block ; padding:0 ; }
.photo img { width:100% ; height:auto ;}
.nav5, .nav6 { display: none ;}
.fluid, .fluid-centered {
width: 100% ;
max-width: 100% ;
height: auto ;
margin-left: auto ;
margin-right: auto ;
}
.fluid-centered {
margin-left: auto ;
margin-right: auto ;
}
}
</style>
<!--[if mso]>
<style type="text/css">
/* Begin Outlook Font Fix */
body, table, td {
font-family: Arial, Helvetica, sans-serif ;
font-size:16px;
color:#000000;
line-height:1;
}
/* End Outlook Font Fix */
</style>
<![endif]-->
</head>
<body bgcolor="#ffffff" text="#000000" style="background-color: #ffffff; color: #000000; padding: 0px; -webkit-text-size-adjust:none; font-size: 16px; font-family:arial,helvetica,sans-serif;">
<div style="font-size:0; line-height:0;"><custom name="opencounter" type="tracking"><custom name="usermatch" type="tracking" /></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center" valign="top">
<custom type="header"/>
</td>
</tr>
<tr>
<td align="center">
<table cellspacing="0" cellpadding="0" border="0" width="600" class="container" align="center">
<tr>
<td>
<table class="tb_properties border_style" style="background-color:#FFFFFF;" cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="100%">
<tr>
<td align="center" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<!-- added padding here -->
<td class="content_padding" style="">
<!-- end of comment -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr> <!-- top slot -->
<td align="center" class="header" valign="top">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" valign="top">
<table cellspacing="0" cellpadding="0" style="width:100%">
<tbody>
<tr>
<td class="responsive-td" valign="top" style="width: 100%;">
<div data-type="slot" data-key="banner">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top">
<custom type="footer" />
</td>
</tr>
</table>
</body>
</html>