{% load i18n %}
{% load static %}
{% load humanize %}
{% load compress %}
{% load site_url %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>{{ subject }}</title>
{% compress css inline %}
  <style>
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
html,
body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
body {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	color: #2A3744;
	font-size: 16px;
	letter-spacing: normal;
	font-weight: 400;
	transition: all .5s cubic-bezier(.645, .045, .355, 1);
	overflow-x: hidden;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
a {
	transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
	text-decoration: none;
}
p, pre {margin: 0;}
.container {
	margin: 0 auto;
	width: 100%;
	padding: 0 20px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}
.content {
	padding: 30px 0;
}
h1 img {
    padding: 0 5px 0 0;
}
h1 {
	font-size: 30px;
    font-weight: normal;
	letter-spacing: -0.5px;
	line-height: 48px;
	margin: 20px 0;
	color: #2A3744;
}
h2 {
	font-size: 26px;
    font-weight: normal;
	letter-spacing: -0.5px;
	line-height: 31px;
	color: #2A3744;
}
code, pre {
	word-wrap: break-word;
    white-space: pre-wrap;
}
.buttons {
    padding-top: 18px;
}
.head {
	font-size: 28px;
	letter-spacing: -0.5px;
	line-height: 36px;
}
a {
	color: #1FA385;
	text-decoration: underline;
}
a.button {
	background: #2ECCAA;
	height: 50px;
	min-width: 180px;
	color: #fff;
	font-size: 18px;
	line-height: 48px;
	border: 1px solid transparent;
	padding: 10px 25px;
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.4px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px !important;
	text-decoration: none;
    text-shadow: none;
    display: inline;
}
a.button:hover {
	background-color: #fff;
	color: #2ECCAA;
	border-color: #2ECCAA;
}
.translatetext {
    background-color: #eee;
}
ins {
    background-color: lightgreen;
}
del {
    background-color: #fc7979;
}
.avatar{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.history-row > div {
    padding: 10px 0;
}
.history-row + .history-row > div {
    border-top: 1px solid #E9EAEC;
}
.history-event, .history-data .text-muted {
    font-size: 14px;
}
.history-event p {
    margin-left: 34px;
}
.comment-content {
    border-radius: 0 5px 5px 5px;
    background-color: #E5F0F2;    
    padding: 8px 10px;
}
.comment-source {
    background-color: #F2E5EA;
}
.footer {
    background-color: #2A3744;
    font-size: 14px;
    line-height: 20px;
    color: #E9EAEC;
    padding: 20px 20px 30px 20px;
    margin-top: 20px
}
.footer p:first-child {
    margin-bottom: 20px;
}
.footer img {
    padding-bottom: 20px;
}
.footer a {
    color: #00D2E6;
    color: #E9EAEC;

}
tr td { 
    text-align: right;
    padding-left: 20px;
}
tr td:first-child {
    text-align: left;
    padding-left: 0;
}
{%  comment %}
/* Bootstrap parts for history */
{% endcomment %}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.row:before,
.row:after {
  display: table;
  content: " ";
  clear: both;
}
.text-muted {
  color: #bfc3c7;
}
.pull-right {
  float: right !important;
}
img {
  vertical-align: middle;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
  </style>
{% endcompress %}
 </head>

 <body>
 {% filter add_site_url %}
    <div class="content">
    <div class="container">
        <div class="box">
            {% if change %}
            <h1>
                <img src="{% if request %}{% static "email-logo.png" %}{% else %}cid:email-logo.png@cid.weblate.org{% endif %}" />
                {{ change.get_action_display }}
            </h1>
            <div class="nav">
                {% if change.author %}{{ change.author.profile.get_user_display_link }}: {% endif %}
                <a href="{{ current_site_url }}">{{ site_title }}</a>
                {% if project %}/ <a href="{{ project.get_absolute_url }}">{{ project.name }}</a>{% endif %}
                {% if component %}/ <a href="{{ component.get_absolute_url }}">{{ component.name }}</a>{% endif %}
                {% if translation %}/ <a href="{{ translation.get_absolute_url }}">{{ translation.language.name }}</a>{% endif %}
            </div>
            {% else %}
            <h1>
                <img src="{% if request %}{% static "email-logo.png" %}{% else %}cid:email-logo.png@cid.weblate.org{% endif %}" />
                {{ subject }}
            </h1>
            {% endif %}
            {% block content %}
            {% endblock %}
        </div>
{% if translation %}
        <h2>
            {% trans "Translation Info" %}
        </h2>
        <table>
            {% include "mail/snippets/stats.html" with stats=translation.stats %}
        </table>
        <div class="buttons">
            <a class="button" href="{{ translation_url }}">{% trans "View" %}</a>
        </div>
{% elif component %}
        <h2>
            {% trans "Component Information" %}
        </h2>
        <table>
            <tr>
                <td>{% trans "Languages" %}</td>
                <td>{{ component.stats.languages|intcomma }}</td>
            </tr>
            {% include "mail/snippets/stats.html" with stats=component.stats %}
        </table>
        <div class="buttons">
            <a class="button" href="{{ component.get_absolute_url  }}">{% trans "View" %}</a>
        </div>
{% elif project %}
        <h2>
            {% trans "Project Information" %}
        </h2>
        <table>
            <tr>
                <td>{% trans "Components" %}</td>
                <td>{{ project.component_set.count|intcomma }}</td>
            </tr>
            <tr>
                <td>{% trans "Languages" %}</td>
                <td>{{ project.stats.languages|intcomma }}</td>
            </tr>
            {% include "mail/snippets/stats.html" with stats=project.stats %}
        </table>
        <div class="buttons">
            <a class="button" href="{{ project.get_absolute_url  }}">{% trans "View" %}</a>
        </div>
{% endif %}
        <div class="footer">
			<p>
                <img src="{% if request %}{% static "email-logo-footer.png" %}{% else %}cid:email-logo-footer.png@cid.weblate.org{% endif %}" /><br />
                <a href="https://weblate.org/">{% trans "Weblate, the libre continuous localization system." %}</a>
            </p>
            {% if unsubscribe_nonce %}
            <p>
                ▸ <a href="{% url 'profile' %}#notifications">{% trans "Notification settings" %}</a>
            </p>
            <p>
                ▸ <a href="{% url 'unsubscribe' %}?i={{ unsubscribe_nonce }}">{% trans "Turn off this notification" %}</a>
            </p>
            {% endif %}
        </div>
        {% comment %}This avoids Gmail hiding the footer, as it finds unique content here{% endcomment %}
        <p style="opacity: 0" class="text-muted">Generated on {% now "DATETIME_FORMAT" %}</p>
    </div>
    </div>
{% endfilter %}
 </body>
</html>
