<html>
<head>
<title>{{msg.title}} | {{msg.news}} | Piráti</title>
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<style>
html, body {
    background: #f9fdff; color: #222;
    font-family: Roboto, Helvetica, sans-serif;
    text-align: justify;
}
.msg-all {
    margin: 1em auto 1em auto;
    max-width: 800px;
    background: white;
    padding: 2em 2em 2em 2em;
    border: 1px dotted #bdbdbd;
    font-family: Roboto, Helvetica, sans-serif;
    text-align: justify; 
    color: #222;
}
.part-header {
    margin-bottom: 0.2em;
}
.part-button {
    display: inline-block;
    margin: 0.5em 0 0.5em 0;
    border: 1px solid #bcbcbc;
    padding: 0.25em 1em 0.25em 1em;
    background: #efefef;
    color: #474747;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.part-img {
    float: right;
    margin: 0 0 0.5em 1em;
    max-width: 40%;
    box-shadow: #878787 3px 1px 10px;
}
.part-img-link {
}

p { margin: 0px 0px 0.2em 0px; }

@media only screen and (max-width: 600px) {
  body {
      text-align: left;
  }
}
@media only screen and (max-width: 400px) {
    .part-img {
        float: none;
        padding: 0.3em 0.5em 0.5em 0.5em;
        max-width: 90%;
    }
}
</style>
<div class="msg-all" style=" margin: 1em auto 1em auto; max-width: 800px; background: white; padding: 2em 2em 2em 2em; border: 1px dotted #bdbdbd; font-family: Roboto, Helvetica, sans-serif; text-align: justify; color: #222; ">

<h2 class="msg-title" style=" padding-left:1em; "> {{msg.news}}: {{msg.title}} </h2>

{% if msg.headerText %} <p class="msg-header"> {{msg.headerText|safe|linebreaks}} </p> {%endif%}

{% if blocks|length > 0 %}
{% for b in blocks %}
<div class="part" style=" margin-top: 0.75em; clear: both; ">
    {% if b.heading %}<h3 class="part-header" style=" margin-bottom: 0.2em; ">{{b.heading}}</h3> {% endif %}
    {% if b.img_url %}
        <a href="{{b.img_url}}" target="_blank" class="part-img-link" style=" ">
        <img src="{% if b.img_thumb_url %}{{b.img_thumb_url}}{%else%}{{b.img_url}}{% endif %}" class="part-img" style=" float: right; margin: 0 0 0.5em 1em; max-width: 40%; box-shadow: #878787 3px 1px 10px; " title="{{b.img_label}}">
        </a>
    {% endif %}
    {% if b.content %}<div class="part-content"> {{ b.content|safe|linebreaks }}</div>{% endif %}
    {% if b.link_text %}<a href="{{b.link}}" target="_new" class="part-button" style=" display: inline-block; margin: 0.5em 0 0.5em 0; border: 1px solid #bcbcbc; padding: 0.25em 1em 0.25em 1em; background: #efefef; color: #474747; font-weight: bold; text-decoration: none; cursor: pointer; ">{{b.link_text}}</a>{%endif%}
</div>
{% endfor %}
{%else%}
    <em>Zpráva nemá žádný obsah.</em>
{%endif%}

{% if msg.footerText %} <p class="msg-footer"> {{msg.footerText|safe|linebreaks}} </p> {% endif %}

------ <br/><br/>

Předchozí vydání newsletteru najdete <a href="{{ abs_host_url }}{% url 'nalodeni:news_list_show' msg.news_id%}">online zde</a>.
<br/><br/>
Tuto zprávu jste obdrželi díky přihlášení k newsletteru u Pirátů.
Změnit nastavení nebo se z odběru odhlásit můžete v aplikaci Nalodění <a href="{{ abs_host_url }}{% url 'nalodeni:ja_pirat' %}">zde</a>.

</div>
</body>
</html>
