freehg / templates / base.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<title>{% block title %}{% endblock %} -</title>
{% comment %} <link rel="stylesheet" href="/static/style.css" type="text/css" /> {% endcomment %}
<link rel="stylesheet" href="/static/blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/static/blueprint/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="/static/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<script src="/static/jquery-1.2.3.js" type="text/javascript"></script>

<style type="text/css">
html, body {margin:0;padding:0;background:#aaa url("/static/bg.png") top center repeat-y;}
ul.errorlist {
background:#FBE3E4 none repeat scroll 0%;
border:2px solid #DDDDDD;

#login-info {float:left; margin-left:120px; margin-top:20px; color:#ddd;}
#login-info a {color:#088;}

div.align-form label {float:left;min-width:120px;}
div.align-form input {}
div.align-form p, div.align-form ul.errorlist {clear:both;}

.help-text {color:#666666;font-style:italic;}
fieldset {border:0; background-color:#ccc;}
legend {background-color:#ccc;padding:0 10px;}

input.short {width:220px;padding:5px;}
textarea {height:100px;}
.form-row p {margin:0pt 0pt 1em;}

#header {background:url("/static/header.png") repeat-x;}
#logo {margin-left:37px; border:0;}
.footer {text-align:center; padding:20px 30px 0 0;}

.about {padding:10px 20px;}

<div class="container">
    <div id="header" class="span-20">
        <div style="float:left">
            <a href="/"><img src="/static/logo.png" alt="" id="logo" /></a>
<!--             <h5>Quick and easy hosting for <a href="">Mercurial</a></h5> -->

        <div id="login-info">
            {% if user.is_authenticated %}
                You are logged in as <b>{{user.username}}</b>.<br />(<a href="/accounts/profile/">Profile</a> | <a href="/accounts/change_password/">Change Password</a> | <a href="/accounts/logout/">Logout</a>)
            {% else %}
                (<a href="/accounts/login/">Login</a>)
            {% endif %}


    <div class="span-1">

    {% if messages %}
    <div class="span-19 last">
    <ul class="messagelist" id="usermessages">
        {% for message in messages %}
        <li>{{ message }}</li>
        {% endfor %}
    {% endif %}

    {% block content %}

    {% endblock %}
    <div class="span-20 last footer">
        Site copyright 2008 by <a href="">Matthew Marshall</a>. | <a href="/about/">About</a> | <a href="/tos/">Terms of Service</a>