Packages
Toolbox is a convenience library designed to streamline the creation of Altworx scenarios.
Current section
Files
Jump to
Current section
Files
priv/templates/shared/email_default_header.eex
<% alias Toolbox.Notifications.TemplateHelper, as: H %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="telephone=no" name="format-detection">
<title><%= @title %></title>
<!--[if (mso 16)]>
<style type="text/css">
a {text-decoration: none;}
</style>
<![endif]-->
<!--[if gte mso 9]><style>sup { font-size: 100% !important; }</style><![endif]-->
<style>
/* IMPORTANT THIS STYLES MUST BE ON FINAL EMAIL */
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/*
END OF IMPORTANT
*/
html,
body {
width: 100%;
height: 100%;
font-family: arial, 'helvetica neue', helvetica, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
border-collapse: collapse;
border-spacing: 0px;
}
html,
body {
padding: 0;
Margin: 0;
}
img {
display: block;
border: 0;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
table tr {
border-collapse: collapse;
}
p{
margin: 10px 0;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0 0 20px 0;
line-height: 120%;
mso-line-height-rule: exactly;
font-family: arial, 'helvetica neue', helvetica, sans-serif;
}
p,
ul li,
ol li,
a {
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
mso-line-height-rule: exactly;
}
/* END CONFIG STYLES */
a {
font-family: arial, 'helvetica neue', helvetica, sans-serif;
font-size: 14px;
text-decoration: underline;
color: #2196f3;
text-decoration: none;
}
a:hover {
color: #0367B4;
}
h1 {
font-size: 30px;
font-style: normal;
font-weight: normal;
color: #333333;
}
h1 a {
font-size: 30px;
}
h2 {
font-size: 24px;
font-style: normal;
font-weight: normal;
color: #333333;
}
h2 a {
font-size: 24px;
}
h3 {
font-size: 20px;
font-style: normal;
font-weight: normal;
color: #333333;
}
h3 a {
font-size: 20px;
}
h4 {
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #333333;
}
h3 a {
font-size: 18px;
}
p,
ul li,
ol li {
font-size: 14px;
font-family: arial, 'helvetica neue', helvetica, sans-serif;
line-height: 150%;
}
ul, ol {margin: 0;}
@media only screen and (max-width: 600px) {
p,
ul li,
ol li,
a {
font-size: 16px !important;
line-height: 150% !important;
}
p {
text-align: center;
}
h1 {
font-size: 30px !important;
text-align: center;
line-height: 120%;
}
h2 {
font-size: 26px !important;
text-align: center;
line-height: 120%;
}
h3 {
font-size: 20px !important;
text-align: center;
line-height: 120%;
}
h4 {
font-size: 18px !important;
text-align: center;
line-height: 120%;
}
h1 a {
font-size: 30px !important;
}
h2 a {
font-size: 26px !important;
}
h3 a {
font-size: 20px !important;
}
.header img {
/*width: 100% !important;*/
max-width: 250px !important;
}
table {
width: 100% !important;
max-width: 600px !important;
}
}
/* END RESPONSIVE STYLES */
.wrapper {
background: #f5f5f5;
min-height: 100%;
}
.tableWrapper {
width: 100%;
height: 100%;
}
.OwnTable th,
.OwnTable td {
text-align: left;
}
.OwnTable tr:nth-child(odd) {
background: #f8f8f8;
}
.col2 th,
.col2 td {
width: 50%;
}
.col3 th,
.col3 td {
width: 33%;
}
.col4 th,
.col4 td {
width: 25%;
}
.col5 th,
.col5 td {
width: 20%;
}
.col6 th,
.col6 td {
width: 16%;
}
.col7 th,
.col7 td {
width: 14%;
}
.col8 th,
.col8 td {
width: 13%;
}
.col9 th,
.col9 td {
width: 11%;
}
.col10 th,
.col10 td {
width: 10%;
}
.reportDataTable tr th:first-child, .reportDataTable tr td:first-child {
padding-left: 10px;
}
</style>
</head>
<body>
<div class="wrapper" bgcolor="#f8f8f8">
<table cellpadding="0" cellspacing="0" width="100%" class="tableWrapper" bgcolor="#f8f8f8">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" class="header" align="center" width="600">
<tr>
<td align="center" style="padding: 20px;">
<a href="<%= H.ui_url() %>" target="_blank"><img src="data:image/png;base64,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" alt="" height="32"></a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="content" align="center" width="<%= assigns[:width] || "600" %>" bgcolor="white">
<tr>
<td align="left" style="padding: 20px;">