<style type="text/css">
body {
- margin: 10px;
+ margin: 0px 60px 10px 60px;
background-color: #fff;
+ font-family: verdana,arial,helvetica,sans-serif;
}
h1.title {
color: #f00;
+ background: url(/site_media/imgs/logo.png) no-repeat;
+ width: 156px;
+ height: 190px;
+ overflow: hidden;
+ float: left;
+ }
+
+ h1.title a {
+ display: block;
+ padding-top: 190px;
+ }
+
+ h2 {
+ padding: 0px 0px 0px 0px;
+ margin: 0px;
+ text-transform: uppercase;
+ color: #cc0000;
}
label {
font-weight: bold;
}
- #login-form {
+ em {
+ color: #999;
+ }
+
+ #headsection {
+ border: solid 1px #f7f7f7;
+ background: #f7f7f7;
+ margin-bottom: 10px;
+ padding: 8px;
+ }
+
+ #right-box {
position: absolute;
- right: 10px;
- background-color: #f7f7f7;
- padding: 10px;
+ right: 60px;
+ top: 10px;
+ width: 200px;
+ border: solid 1px blue;
+ }
+
+ #login-form {
}
#login-form label {
#login-form input[type=password] {
width: 40px;
}
- </style>
- </head>
- <body>
- <h1 class="title"><a href="/">Encontro Mineiro de Software Livre</a></h1>
- {% if user.is_authenticated %}
+ #menu {
+ }
- <ul>
- <li><a href="/inscrever_palestra">Inscreva uma palestra</a></li>
- <li><a href="/inscrever_minicurso">Inscreva um minicurso</a></li>
- <li><a href="/logout">Sair</a></li>
- </ul>
+ #content {
+ padding: 5px;
+ }
- {% else %}
+ #news {
+ list-style-type: none;
+ padding-left: 0px;
+ border: dotted 1px #d7d7d7;
+ }
- <form id="login-form" method="post" action=".">
- <h3>Login</h3>
- <div class="field">
- <label for="id_username">Usuário:</label>
- <input id="id_username" class="vTextField required" type="text"
- maxlength="30" name="username" />
- </div>
- <div class="field">
- <label for="id_password-login">Senha:</label>
- <input id="id_password-login" class="vTextField required"
- type="password" name="password" />
+ #news li {
+ padding: 4px;
+ }
- <input type="submit" value="Login" class="submit" name="submitting_login_form" />
- </div>
+ .even {
+ background-color: #f7e7fe;
+ }
+ </style>
+ </head>
+ <body>
+ <div id="headsection">
+ <h1 class="title"><a href="/">Encontro Mineiro de Software Livre</a></h1>
+ <div id="right-box">
+
+ {% if user.is_authenticated %}
+ <ul id="main-menu">
+ <li><a href="/inscrever_palestra">Inscreva uma palestra</a></li>
+ <li><a href="/inscrever_minicurso">Inscreva um minicurso</a></li>
+ <li><a href="/logout">Sair</a></li>
+ </ul>
+
+ {% else %}
+
+ <form id="login-form" method="post" action=".">
+ <h3>Login</h3>
+ <div class="field">
+ <label for="id_username">Usuário:</label>
+ <input id="id_username" class="vTextField required" type="text"
+ maxlength="30" name="username" />
+ </div>
+ <div class="field">
+ <label for="id_password-login">Senha:</label>
+ <input id="id_password-login" class="vTextField required"
+ type="password" name="password" />
+
+ <input type="submit" value="Login" class="submit" name="submitting_login_form" />
+ </div>
+
+ <a href="/cadastro">Cadastre-se</a>
+ </form>
+ {% endif %}
- <a href="/cadastro">Cadastre-se</a>
- </form>
+ </div>
- {% endif %}
+ {% if menu %}
+ <ul id="menu">
+ {% for i in menu %}
+ <li><a href="/secao/{{ i.id }}">{{ i.titulo }}</a></li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+ <br style="clear: both;" />
+ </div>
- <div id="conteudo">
+ <div id="content">
{% block content %}{% endblock %}
</div>