{% extends "base.html" %}

{% block extrastyles %}
<style type="text/css">
a.headerlink {
  color: #c60f0f;
  font-size: 0.8em;
  padding: 0 4px 0 4px;
  text-decoration: none;
  visibility: hidden;
}

h1:hover > a.headerlink,
h2:hover > a.headerlink,
h3:hover > a.headerlink,
h4:hover > a.headerlink,
h5:hover > a.headerlink,
h6:hover > a.headerlink,
dt:hover > a.headerlink {
    visibility: visible;
}

a.headerlink:hover {
  background-color: #c60f0f;
  color: white;
}
</style>
<link href="{{ MEDIA_URL }}/style/pygments.css" rel="stylesheet" type="text/css" media="screen" />
{% endblock %}

{% block content %}
{% include "header.html" %}
<div id="content">
    <div id="left-column">
    {% block main-content %}{% endblock %}
    </div>

    <div id="right-column">
    {% block extra-content %}{% endblock %}
    </div>
</div>
{% endblock %}