{% extends 'site.html' %}
{% load staticfiles %}

{% block head %}
    <style>
    .well.docs {
        margin-top: 1.3em;
{#        background-color: #808080;#}
        color: white;
    }
    .well.docs.a:link {
        color: #000000;
    }

    a.doc-url:link {
    color: #000000;
    }

    /* visited link */
    a.doc-url:visited {
        color: #000000;
    }

    /* mouse over link */
    a.doc-url:hover {
        color: #005e99;
    }

    .row.top {
        margin-top: 1.3em;
    }

    .doc-name {
        padding-left: .5em;
    }
    </style>
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <div class="container">
    {% for logo, doc_paths in docs_manifest %}
    <div class="row top">
            {% if logo %}
            <div class="span6 ">
                <div class="well well-large docs">
                    {% for display_name, doc_path in doc_paths %}
                        <div><span><img src="{% static "img/PDF_32x32.png" %}"></span>
                            <span class="doc-name"><a class="doc-url" href="{% static doc_path %}">{{ display_name }}</a></span>
                        </div>
                    {% endfor %}
                </div>
            </div>
            {% endif %}
    </div>
    {% endfor %}

    </div>
{% endblock %}

{% block page_footer %}
{% endblock %}