templates/base.html

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   4 {% load i18n %}
   5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt_BR" lang="pt_BR">
   6     <head>
   7         <title>Encontro Mineiro de Software Livre</title>
   8
   9         <style type="text/css">
  10             body {
  11                 margin: 0px 60px 10px 60px;
  12                 background-color: #fff;
  13                 font-family: verdana,arial,helvetica,sans-serif;
  14             }
  15
  16             h1.title {
  17                 color: #f00;
  18                 background: url(/site_media/imgs/logo.png) no-repeat;
  19                 width: 156px;
  20                 height: 190px;
  21                 overflow: hidden;
  22                 float: left;
  23             }
  24
  25             h1.title a {
  26                 display: block;
  27                 padding-top: 190px;
  28             }
  29
  30             h2 {
  31                 padding: 0px 0px 0px 0px;
  32                 margin: 0px;
  33                 text-transform: uppercase;
  34                 color: #cc0000;
  35             }
  36
  37             label {
  38                 display: block;
  39                 width: 180px;
  40                 font-weight: bold;
  41             }
  42
  43             em {
  44                 color: #999;
  45             }
  46
  47             #headsection {
  48                 border: solid 1px #f7f7f7;
  49                 background: #f7f7f7;
  50                 margin-bottom: 10px;
  51                 padding: 8px;
  52             }
  53
  54             #right-box {
  55                 position: absolute;
  56                 right: 60px;
  57                 top: 10px;
  58                 width: 200px;
  59                 border: solid 1px blue;
  60             }
  61
  62             #login-form {
  63             }
  64
  65             #login-form label {
  66                 width: 80px !important;
  67                 float: left;
  68             }
  69
  70             #login-form input[type=text] {
  71                 width: 100px;
  72             }
  73
  74             #login-form input[type=password]  {
  75                 width: 40px;
  76             }
  77
  78             #menu {
  79             }
  80
  81             #content {
  82                 padding: 5px;
  83             }
  84
  85             #news {
  86                 list-style-type: none;
  87                 padding-left: 0px;
  88                 border: dotted 1px #d7d7d7;
  89             }
  90
  91             #news li {
  92                 padding: 4px;
  93             }
  94
  95             .even {
  96                 background-color: #f7e7fe;
  97             }
  98         </style>
  99     </head>
 100     <body>
 101         <div id="headsection">
 102             <h1 class="title"><a href="/">Encontro Mineiro de Software Livre</a></h1>
 103             <div id="right-box">
 104
 105                 {% if user.is_authenticated %}
 106                 <ul id="main-menu">
 107                     <li><a href="/inscrever_palestra">Inscreva uma palestra</a></li>
 108                     <li><a href="/inscrever_minicurso">Inscreva um minicurso</a></li>
 109                     <li><a href="/logout">Sair</a></li>
 110                 </ul>
 111
 112                 {% else %}
 113
 114                 <form id="login-form" method="post" action=".">
 115                     <h3>Login</h3>
 116                     <div class="field">
 117                         <label for="id_username">Usuário:</label>
 118                         <input id="id_username" class="vTextField required" type="text"
 119                                maxlength="30" name="username" />
 120                     </div>
 121                     <div class="field">
 122                         <label for="id_password-login">Senha:</label>
 123                         <input id="id_password-login" class="vTextField required"
 124                                type="password" name="password" />
 125
 126                         <input type="submit" value="Login" class="submit" name="submitting_login_form" />
 127                     </div>
 128
 129                     <a href="/cadastro">Cadastre-se</a>
 130                 </form>
 131                 {% endif %}
 132
 133             </div>
 134
 135             {% if menu %}
 136             <ul id="menu">
 137                 {% for i in menu %}
 138                 <li><a href="/secao/{{ i.id }}">{{ i.titulo }}</a></li>
 139                 {% endfor %}
 140             </ul>
 141             {% endif %}
 142             <br style="clear: both;" />
 143         </div>
 144
 145         <div id="content">
 146         {% block content %}{% endblock %}
 147         </div>
 148
 149     </body>
 150 </html>
 151 {# vim: set ft=htmldjango: #}