Add email base template.
Andrey Antukh
parent
ac7889ff18
commit
ca5fa599dd
|
|
@ -0,0 +1,137 @@
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
|
||||||
|
"http://www.w3.org/TR/html4/loose.dtd">
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<meta name="viewport" content="initial-scale=1.0"> <!-- So that mobile webkit will display zoomed in -->
|
||||||
|
<meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
|
||||||
|
|
||||||
|
<title>Greenmine</title>
|
||||||
|
<style type="text/css">
|
||||||
|
|
||||||
|
/* Resets: see reset.css for details */
|
||||||
|
body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
|
||||||
|
body {margin:0; padding:0;}
|
||||||
|
table {border-spacing:0;}
|
||||||
|
table td {border-collapse:collapse;}
|
||||||
|
|
||||||
|
/* Constrain email width for small screens */
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
table[class="container"] {
|
||||||
|
width: 95% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Give content more room on mobile */
|
||||||
|
@media screen and (max-width: 480px) {
|
||||||
|
td[class="container-padding"] {
|
||||||
|
padding-left: 12px !important;
|
||||||
|
padding-right: 12px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Styles for forcing columns to rows */
|
||||||
|
@media only screen and (max-width : 600px) {
|
||||||
|
|
||||||
|
/* force container columns to (horizontal) blocks */
|
||||||
|
td[class="force-col"] {
|
||||||
|
display: block;
|
||||||
|
padding-right: 0 !important;
|
||||||
|
}
|
||||||
|
table[class="col-3"] {
|
||||||
|
/* unset table align="left/right" */
|
||||||
|
float: none !important;
|
||||||
|
width: 100% !important;
|
||||||
|
|
||||||
|
/* change left/right padding and margins to top/bottom ones */
|
||||||
|
margin-bottom: 12px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* remove bottom border for last column/row */
|
||||||
|
table[id="last-col-3"] {
|
||||||
|
border-bottom: none !important;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* align images right and shrink them a bit */
|
||||||
|
img[class="col-3-img"] {
|
||||||
|
float: right;
|
||||||
|
margin-left: 6px;
|
||||||
|
max-width: 130px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body style="margin:20px auto; padding:10px 0;" bgcolor="#eee" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
|
||||||
|
<!-- background -->
|
||||||
|
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#eee">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top" bgcolor="#eee" style="background-color: #eee;">
|
||||||
|
|
||||||
|
<!-- container -->
|
||||||
|
<table border="0" width="600" cellpadding="0" cellspacing="0" class="container" bgcolor="#f1f1f1">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th border="0" class="container-padding" bgcolor="#669933"
|
||||||
|
style="background-color: #669900; margin-top: 20px; padding: 20px;
|
||||||
|
font-size: 13px; line-height: 20px; font-family: Arial, Helvetica, sans-serif;
|
||||||
|
color: #FFF; border-bottom: 5px solid #333;" align="left">
|
||||||
|
|
||||||
|
<table border="0" width="100%" cellpadding="0" cellspacing="0" class="table-header">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<a href="#" title="Greenmine">
|
||||||
|
<img src="" alt="Greenmine" height="32" />
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td border="0" style="background: #FFFFFF; padding: 20px;
|
||||||
|
font-size: 14px; line-height: 20px; margin-bottom: 180px; font-family: Arial, Helvetica, sans-serif;
|
||||||
|
color: #6c6c6c;" align="left">
|
||||||
|
{% block body %}
|
||||||
|
<!-- BODY -->
|
||||||
|
<table border="0" width="100%" cellpadding="0" cellspacing="0" class="table-body">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<h1>{{ project_name }}</h1>
|
||||||
|
<h2>{{ type }}: {{ subject }}</h2>
|
||||||
|
<p>Updated fields by <b>{{ user.get_full_name() }}</b></p>
|
||||||
|
{% block body_changes %}
|
||||||
|
<ul>
|
||||||
|
<li><b>severity</b>: from "10" to "project 2 - Normal".</li>
|
||||||
|
</ul>
|
||||||
|
{% endblock %}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
{% endblock %}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
<tfoot>
|
||||||
|
<tr>
|
||||||
|
<td border="0" style="background-color: #fff; padding: 0 20px; font-size: 14px; line-height: 20px;
|
||||||
|
font-family: Arial, Helvetica, sans-serif; color: #CCC;" align="left">
|
||||||
|
<p style="padding: 10px; border-top: 1px solid #eee;">
|
||||||
|
More info at:
|
||||||
|
<a style="color: #666;" href="#">{{ final_url }}</a>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tfoot>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue