{% extends 'base.html' %}
{% load url from future %}
{% block custom_css %}
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/tab-nav.css" />
<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/messages.css" />
{% endblock %}
{% block content %}
<h2>Your Private Messsages</h2>
<ul class="tab-nav">
<li><a {% block compose-class %}{% endblock %} 
   href="{% url 'messages-compose' %}">Compose</a></li>
<li><a {% block inbox-class %}{% endblock %} 
   href="{% url 'messages-inbox' %}">Inbox</a></li>
<li><a {% block outbox-class %}{% endblock %} 
   href="{% url 'messages-outbox' %}">Outbox</a></li>
<li><a {% block trash-class %}{% endblock %} 
   href="{% url 'messages-trash' %}">Trash</a></li>
<li><a {% block options-class %}{% endblock %} 
   href="{% url 'messages-options' %}">Options</a></li>
</ul>
{% block messages_content %}
{% endblock %}
<br />
{% endblock %}