{% extends "base.html" %}

{% block media %}
  {% block content_media %}{% endblock %}
{% endblock %}

{% block js_media %}
  {% compress js %}
    <script type="text/javascript">
      $(function () {
        var info_float = $('.info-float');
        if (info_float.length) {
          var container = $('#content-right');
          if (window.bad_browser) {
            container.css('float', 'right');
          } else if (!featureTest('position', 'sticky')) {
            fix_div(info_float, 55);
            $(window).resize(function () {
              info_float.width(container.width());
            });
            info_float.width(container.width());
          }
        }
      });
    </script>
  {% endcompress %}
  {% block content_js_media %}{% endblock %}
{% endblock %}

{% block body %}
  <div id="common-content">
    <div id="content-right">
      <div class="info-float">{% block info_float %}{% endblock %}</div>
    </div>
    <div id="content-left" class="split-common-content">
      <div class="content-description screen">
        {% block description %}{% endblock %}
        {% block description_end %}
          <hr>
        {% endblock %}
      </div>
      {% block post_description_end %}{% endblock %}
      {% block comments %}{% endblock %}
    </div>
  </div>
{% endblock %}