160 lines
5.1 KiB
HTML
160 lines
5.1 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="x-apple-disable-message-reformatting">
|
|
<title></title>
|
|
<style>
|
|
html,
|
|
body {
|
|
margin: 0 auto !important;
|
|
padding: 0 !important;
|
|
height: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
* {
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
div[style*="margin: 16px 0"] {
|
|
margin:0 !important;
|
|
}
|
|
|
|
table,
|
|
td {
|
|
mso-table-lspace: 0pt !important;
|
|
mso-table-rspace: 0pt !important;
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0 !important;
|
|
border-collapse: collapse !important;
|
|
table-layout: fixed !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
table table table {
|
|
table-layout: auto;
|
|
}
|
|
|
|
img {
|
|
-ms-interpolation-mode:bicubic;
|
|
}
|
|
|
|
*[x-apple-data-detectors] {
|
|
color: inherit !important;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.x-gmail-data-detectors,
|
|
.x-gmail-data-detectors *,
|
|
.aBn {
|
|
border-bottom: 0 !important;
|
|
cursor: default !important;
|
|
}
|
|
|
|
|
|
.button-link {
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */
|
|
.email-container {
|
|
min-width: 375px !important;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
|
|
<style>
|
|
.button-td,
|
|
.button-a {
|
|
transition: all 100ms ease-in;
|
|
}
|
|
.button-td:hover,
|
|
.button-a:hover {
|
|
background: #555555 !important;
|
|
border-color: #555555 !important;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body width="100%" bgcolor="#F2F2F2" style="margin: 0; mso-line-height-rule: exactly;">
|
|
<center style="width: 100%; background: #F2F2F2;">
|
|
|
|
<div style="max-width: 600px; margin: auto;" class="email-container">
|
|
<!--[if mso]>
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600" align="center">
|
|
<tr>
|
|
<td>
|
|
<![endif]-->
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
|
|
<tr>
|
|
<td style="padding: 20px 0; text-align: center; font-family: sans-serif;">
|
|
<img src="{{ moncompte_url }}{% static "" %}{{css_variant}}/images/en-tete-mail.png" width="350" height="58" alt="{{ global_title }}" />
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 600px;">
|
|
|
|
<tr>
|
|
<td bgcolor="{% if theme_color %}{{theme_color}}{% else %}#ffffff{% endif %}">
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td bgcolor="#ffffff">
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
|
|
<tr>
|
|
<td style="overflow-wrap: break-word; word-wrap: break-word; padding: 40px; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555;">
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td bgcolor="{% if theme_color %}{{theme_color}}{% else %}#ffffff{% endif %}">
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td height="40" style="font-size: 0; line-height: 0;">
|
|
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
<table role="presentation" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 680px;">
|
|
<tr>
|
|
<td style="padding: 10px;width: 100%;font-size: 12px; font-family: sans-serif; line-height:18px; text-align: center; color: #888888;" class="x-gmail-data-detectors">
|
|
{% block footer %}
|
|
<p>Si vous avez besoin d'aide, ou pour en savoir plus, rendez-vous sur le <a href="{{ help_url }}">service d'aide aux utilisateurs</a>.</p>
|
|
|
|
<img src="{{ moncompte_url }}{% static "" %}{{css_variant}}/images/signature-mail.png" alt="L'équipe GRANDLYON CONNECT" width="351" height="72" />
|
|
{% endblock %}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<!--[if mso]>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<![endif]-->
|
|
</div>
|
|
</center>
|
|
<!-- adapted from http://tedgoas.github.io/Cerberus templates -->
|
|
</body>
|
|
</html>
|