{% extends "admin/base_site.html" %}
{% load i18n %}
{% load static %}

{% block extrastyle %}{% load admin_urls admin_static %}{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/login.css' %}" />
{% endblock %}

{% block otherExtraStyle %}
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/customization/Login.css" />
{% endblock %}

{% block otherExtraHead %}
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/jquery-1.4.2.js" ></script>
{% endblock %}

{% block bodyclass %}login{% endblock %}

{% block content_title %}{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block content %}
{% if error_message %}
<p class="errornote">{{ error_message }}</p>
{% endif %}
<div id="content-main">
<form action="{{ app_path }}" method="post" id="login-form">{% csrf_token %}
  <div class="form-row">
    <label for="id_username">{% trans 'Username:' %}</label> <input type="text" name="username" id="id_username" />
  </div>
  <div class="form-row">
    <label for="id_password">{% trans 'Password:' %}</label> <input type="password" name="password" id="id_password" />
    <input type="hidden" name="this_is_the_login_form" value="1" />
  </div>
  <div class="submit-row">
    <label>&nbsp;</label><input type="submit" value="{% trans 'Log in' %}" />
  </div>
</form>

<script type="text/javascript">
$(function() {
    $("#site-name").animate({lineHeight:"45px"},1000);
});
  
document.getElementById('id_username').focus()
</script>
</div>
{% endblock %}