-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathupdate.html
49 lines (49 loc) · 14 KB
/
update.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!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"/> <style><![CDATA[
/*---------------------------------------------------------------------------- * Email Client Specific Styles & Resets *--------------------------------------------------------------------------*/
#outlook a { padding: 0; } body{ margin: 0; min-width: 100%; padding: 0 0 10px; width: 100% !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .ExternalClass { width: 100%; background-color: #fff ; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .ExternalClass p { padding-top: 10px !important; } #backgroundTable { line-height: 100% !important; margin: 0; padding: 0; width: 100% !important; } img { display: block; outline: none; text-decoration: none; width: auto; -ms-interpolation-mode: bicubic; } center { min-width: 0px !important; width: 100%; } a img { border: none; } p { margin: 0 0 0 10px; } table { border-collapse: collapse; border-spacing: 0; } td { border-collapse: collapse !important; word-break: normal; } table, tr, td { padding: 0; text-align: left; vertical-align: top; } hr { background-color: #d3d3d4; border: none; color: #d3d3d4; height: 1px; }
/*---------------------------------------------------------------------------- * Structure *--------------------------------------------------------------------------*/
table.body { height: 100%; width: 100%; } table.container { margin: 0; text-align: inherit; width: 100%; } table.main-content { background-color: #fff; } table.row { padding: 0px; position: relative; width: 100%; } td.wrapper { padding: 20px; position: relative; } table.content { margin: auto; width: 94%; } table.invoice-statement th { padding-right: 20px; }
/*---------------------------------------------------------------------------- * Alignment Classes *--------------------------------------------------------------------------*/
table.center, td.center { text-align: center; } img.center { float: none; margin: 0 auto; }
/*---------------------------------------------------------------------------- * Typography *--------------------------------------------------------------------------*/
body, table.body, h1, h2, h3, h4, h5, h6, p, td { color: #747474; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; line-height: 1.3; text-align: left; } table.body, h1, h2, h3, h4, h5, h6, p, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { word-break: normal; }
h1 { font-size: 28px; font-weight: 300; } body, table.body, p { font-size: 14px; line-height: 19px; } p { margin: 20px 0; } a { color: #5d85c4; text-decoration: none; } a:hover { color: #5fa5f8 !important; } a:active { color: #5fa5f8 !important; } a:visited { color: #5d85c4 !important; }
/*---------------------------------------------------------------------------- * Buttons *--------------------------------------------------------------------------*/
a.action-button, a.action-button:visited, a.action-button:hover, a.action-button:active { color: #fff !important; }
/*---------------------------------------------------------------------------- * Outlook First *--------------------------------------------------------------------------*/
body.outlook p { display: inline !important; }
/*---------------------------------------------------------------------------- * Media Queries *--------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
td.wrapper { padding: 15px 5px; } table[class="main-content"] img { height: auto !important; width: auto !important; } table[class="body"] center { min-width: 0 !important; } table[class="body"] .container {
} table[class="body"] .row { width: 100% !important; } table[class="body"] .wrapper { display: block !important; }
}
]]></style></head> <body style="font-family: 'Source Sans Pro', sans-serif;min-width: 100%;width: 100% !important;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #747474;font-weight: normal;line-height: 19px;text-align: left;font-size: 14px;margin: 0;padding: 0 0 10px;"><div style="background-color:#ff4966;"><!--if gte mso 9v:background(xmlns:v='urn:schemas-microsoft-com:vml', fill='t')
v:fill(type='tile', src='https://app.dev07.kato-test.im/img/email/header-lines-v1.png', color='#ff4966') --> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;border-spacing: 0;padding: 0;text-align: left;vertical-align: top;"><tr style="padding: 0;text-align: left;vertical-align: top;"><td valign="top" align="left" background="https://app.dev07.kato-test.im/img/email/header-lines-v1.png" style="word-break: normal;padding: 0;text-align: left;vertical-align: top;margin: 0;border-collapse: collapse !important;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;line-height: 1.3;background: #ff4966 url('https://app.dev07.kato-test.im/img/email/header-lines-v1.png') repeat-x center top;"><center style="min-width: 0 !important; width: 100%;"><table style="border-collapse: collapse;border-spacing: 0;text-align: inherit;vertical-align: top;margin: 0 auto;padding: 0;height: 51px !important;width: 100%;" class="container"><tr style="text-align: left;vertical-align: top;padding: 0;" align="left"><td style="border-collapse: collapse !important;word-break: normal;text-align: right;vertical-align: top;position: relative;line-height: 22px;font-size: 13px;font-weight: 600;margin: 0;padding: 21px 4.9% 0 4.9%;color: #747474;font-family: 'Source Sans Pro', sans-serif;" align="right" valign="top" class="wrapper"><a href="https://dev07.kato-test.im" target="_blank" style="color: #5d85c4;text-decoration: none; float: left"><img src="https://app.dev07.kato-test.im/img/email/kato-logo.png?v=22" alt="Kato" width="99" height="30" style="display: inherit;float: none;outline: none;text-decoration: none;width: auto;-ms-interpolation-mode: bicubic;margin: 0;border: none;" align="left"/></a></td></tr></table> <table style="border-collapse: collapse;border-spacing: 0;text-align: inherit;vertical-align: top;margin: 0 auto;padding: 0;width: 100%;height: 129px !important;" class="container"><tr style="text-align: left;vertical-align: top;padding: 0;" align="left"><td style="border-collapse: collapse !important;word-break: normal;text-align: center;vertical-align: top;position: relative;margin: 0;padding: 20px;padding-bottom: 10px;font-size: 28px;line-height: 36px;color: #fff;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" align="left" valign="top" class="wrapper"><div style="display: inline-block;">Weekly Report</div></td></tr></table></center></td></tr></table></div> <table height="100%" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;border-spacing: 0;width: 100%;padding: 0;text-align: left;vertical-align: top;"><tr style="padding: 0;text-align: left;vertical-align: top;"><td valign="top" align="left" style="word-break: normal;padding: 0;text-align: left;vertical-align: top;margin: 0;border-collapse: collapse !important;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;line-height: 1.3;"><table style="border-collapse: collapse;border-spacing: 0;text-align: left;vertical-align: top;height: 100%;width: 100%;line-height: 19px;font-size: 14px;margin: 0;padding: 0;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" class="body"><tr style="text-align: left;vertical-align: top;padding: 0;" align="left"><td align="center" valign="top" style="border-collapse: collapse !important;word-break: normal;text-align: center;vertical-align: top;line-height: 19px;font-size: 14px;margin: 0;padding: 0;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" class="center"><center style="min-width: 0 !important; width: 100%;"><table style="border-collapse: collapse;border-spacing: 0;text-align: inherit;vertical-align: top;background-color: #fff;margin: 0 auto;padding: 0;width: 100%;" bgcolor="#fff" class="container main-content"><!-- begin main content--><tr style="text-align: left;vertical-align: top;padding: 0;" align="left"><td style="border-collapse: collapse !important;word-break: normal;text-align: left;vertical-align: top;line-height: 19px;font-size: 14px;margin: 0;padding: 0;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" align="left" valign="top"><table style="border-collapse: collapse;border-spacing: 0;text-align: left;vertical-align: top;position: relative;width: 100% !important;padding: 0px;" class="row"><tr style="text-align: left;vertical-align: top;padding: 0;" align="left"><td style="border-collapse: collapse !important;word-break: normal;text-align: center;vertical-align: top;position: relative;line-height: 19px;font-size: 14px;display: block !important;margin: 0;padding: 15px 5px;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" align="center" valign="top" class="wrapper"><table style="border-collapse: collapse;border-spacing: 0;text-align: left;vertical-align: top;width: 74%;margin: auto;padding: 0;table-layout: fixed;" align="center" class="content"><tr style="text-align: left;vertical-align: top;padding: 0;" align="left"><td style="border-collapse: collapse !important;word-break: normal;text-align: left;vertical-align: top;line-height: 19px;font-size: 14px;margin: 0;padding: 0;padding-top: 10px;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" align="left" valign="top"><div>
<h2>Product Updates & News</h2>
<h3>Header 1</h3>
<p>Plain text</p>
<p>
<a target="_blank" href="https://s3.amazonaws.com/kato-share-staging/febd4242304291d4de093554addd71b769a5b224faff90e9f113e40ee32ebb7c/clip.png">
<img style="max-width: 100%; border: solid black 0px;" alt="clip" src="https://s3.amazonaws.com/kato-share-staging/febd4242304291d4de093554addd71b769a5b224faff90e9f113e40ee32ebb7c/clip.png"/>
</a>
</p>
<h3>Header 2</h3>
<p>
<a target="_blank" href="https://s3.amazonaws.com/kato-share-staging/cca7d60fccdc8feedbdc8ee832ebaffb8b793efe2ea8683142a2f2e892f85bf/clip.png">
<img style="max-width: 100%; border: solid black 0px;" alt="clip" src="https://s3.amazonaws.com/kato-share-staging/cca7d60fccdc8feedbdc8ee832ebaffb8b793efe2ea8683142a2f2e892f85bf/clip.png"/>
</a>
</p>
<h3>Header 3</h3>
<p>
<a target="_blank" href="https://s3.amazonaws.com/kato-share-staging/b41b1565de50fd909e870c21c0231892ae763abaa48c426dedf4b64ab2d4b/clip.png">
<img style="max-width: 100%; border: solid black 0px;" alt="clip" src="https://s3.amazonaws.com/kato-share-staging/b41b1565de50fd909e870c21c0231892ae763abaa48c426dedf4b64ab2d4b/clip.png"/>
</a>
</p>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
</div>
<p style="line-height: 25px;text-align: left;font-size: 14px;margin: 0;padding: 20px 0;color: #a2a2a2;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" align="left">Questions? Feedback? Just reply to this email, or use your Kato Support Room. A human will respond. <br/><br/> Thanks for using Kato Teams!</p> <p style="margin: 0;border-top: 1px solid #efefef;text-align: center;font-size: 1px;color: #747474;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;line-height: 19px;padding: 0;"> </p> <p style="line-height: 12px;text-align: left;font-size: 13px;margin: 0;padding: 0;color: #b9b9b9;font-family: 'Source Sans Pro', sans-serif;font-weight: normal;" align="left">© 2015 Kato.im</p></td></tr></table></td></tr></table></td></tr></table><!-- end main content--></center></td></tr></table></td></tr></table></body></html>