colocando o novo layout
authorLincoln de Sousa <lincoln@archlinux-br.org>
Thu, 20 Sep 2007 10:42:20 +0000 (07:42 -0300)
committerLincoln de Sousa <lincoln@archlinux-br.org>
Thu, 20 Sep 2007 10:42:20 +0000 (07:42 -0300)
20 files changed:
media/css/geral.css
media/imgs/bg_footer.png [new file with mode: 0644]
media/imgs/bg_top.png [new file with mode: 0644]
media/imgs/bt_entrar.gif [new file with mode: 0644]
media/imgs/el_data.gif [new file with mode: 0644]
media/imgs/el_footer.gif [new file with mode: 0644]
media/imgs/emsl07.jpg [new file with mode: 0644]
media/imgs/menu_avaliacao.gif [new file with mode: 0644]
media/imgs/menu_chamada-de-trabalhos.gif [new file with mode: 0644]
media/imgs/menu_como-chegar.gif [new file with mode: 0644]
media/imgs/menu_contato.gif [new file with mode: 0644]
media/imgs/menu_home.gif [new file with mode: 0644]
media/imgs/menu_inscricao.gif [new file with mode: 0644]
media/imgs/menu_localizacao.gif [new file with mode: 0644]
media/imgs/menu_onde-comer.gif [new file with mode: 0644]
media/imgs/menu_onde-ficar.gif [new file with mode: 0644]
media/imgs/menu_programacao.gif [new file with mode: 0644]
media/imgs/menu_retrospectiva.gif [new file with mode: 0644]
media/imgs/tit_patrocinio.gif [new file with mode: 0644]
templates/base.html

index 4860a03..62e21b8 100644 (file)
-body {
-    margin: 0px;
-    background-color: #fff;
-    font-family: verdana,arial,helvetica,sans-serif;
-}
-
-h1.title {
-    color: #f00;
-    background: url(/site_media/imgs/logo.png) no-repeat;
-    width: 471px;
-    height: 150px;
-    overflow: hidden;
-}
-
-h1.title a {
-    display: block;
-    padding-top: 190px;
-}
-
-h2 {
-    padding: 0px 0px 0px 0px;
-    margin: 0px;
-    text-transform: uppercase;
-    color: #cc0000;
-}
-
-label {
-    display: block;
-    width: 180px;
-    font-weight: bold;
-    font-style: normal;
-    color: #000;
-}
-
-em {
-    color: #999;
-}
-
-a {
-    color: #cc0000;
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-#headsection {
-    border: solid 1px #f7f7f7;
-    background: #e4e4e4;
-    padding: 0px 60px 0px 60px;
-}
-
-#login-form {
-    position: absolute;
-    right: 60px;
-    top: 120px;
-}
-
-#login-form label {
-    width: 80px !important;
-    float: left;
-}
-
-#login-form input[type=text] {
-    width: 100px;
-}
-
-#login-form input[type=password]  {
-    width: 40px;
-}
-
-#menu-palestrante {
-    position: absolute;
-    right: 60px;
-    top: 30px;
-}
-
-#menu-palestrante ul {
-    padding-left: 15px;
-    margin: 0px;
-    list-style-type: square;
-}
-
-#main-menu li {
-}
-
-#menu {
-    list-style-type: none;
-    list-style-image: none;
-    padding: 0px;
-    margin: 0px;
-    background-color: #cc0000;
-    padding: 5px 60px 5px 60px;
-}
-
-#menu li {
-    display: inline;
-    padding-right: 15px;
-}
-
-#menu li a {
-    text-transform: uppercase;
-    text-decoration: none;
-    font-weight: bold;
-    color: white;
-}
-
-#content {
-    padding: 0px;
-    margin: 20px 60px 0px 60px;
-}
-
-#footer {
-    margin: 25px 60px 5px 60px;
-    padding-top: 10px;
-    border-top: solid 1px #c00;
-    text-align: center;
-}
-
-#news {
-    list-style-type: none;
-    padding-left: 0px;
-    border: dotted 1px #d7d7d7;
-}
-
-#news li {
-    padding: 4px;
-}
-
-.even {
-    background-color: #f7e7fe;
-}
-
-.errorlist {
-    padding: 0px;
-    margin: 0px;
-    color: red;
-    list-style-type: none;
-}
-
-#cadastro input[type=text] {
-    width: 300px;
-}
-
-#cadastro p {
-    display: block;
-    width: 450px;
-    font-style: italic;
-    font-size: small;
-    color: #666;
-}
-
-#cadastro p textarea {
-    width: 100%;
-}
-
-#id_minicurriculo,
-#id_descricao_curta {
-    height: 60px;
-}
-
-#id_recursos {
-    height: 150px;
-}
+* {margin:0; padding:0; border:0;}\r
+\r
+body {\r
+    font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;\r
+    font-size:12px;\r
+    color:#222;\r
+    line-height:1.65em;\r
+    background:url(/site_media/imgs/bg_top.png) repeat-x;\r
+}\r
+\r
+div#top h1 {\r
+    text-indent:-9999px;\r
+    width:355px;\r
+    height:134px;\r
+    background:url(/site_media/imgs/emsl07.jpg) no-repeat;\r
+    margin:34px 0 0 30px;\r
+}\r
+\r
+div#top h2 {\r
+    text-indent:-9999px;\r
+    width:217px;\r
+    height:56px;\r
+    background:url(/site_media/imgs/el_data.gif) no-repeat;\r
+    margin-top:-142px;\r
+    margin-left:530px;\r
+}\r
+\r
+div#top form {\r
+    width:748px;\r
+    text-align:right;\r
+    margin-top:15px;\r
+}\r
+\r
+div#top input { border:1px solid #C00; width:85px; }\r
+div#top label { color:white; padding-left:10px; }\r
+\r
+div#container {width:718px; padding:67px 30px 30px 30px; }\r
+\r
+ul#menu {\r
+    float:left;\r
+    width:180px;\r
+    list-style:none;\r
+    margin-bottom:35px;\r
+}\r
+\r
+div#content {\r
+    padding-left:220px;\r
+}\r
+\r
+h2, h3, h4 { font-weight:normal; }\r
+div#content h2 { font-size:24px; margin-bottom:20px; margin-top:5px; }\r
+div#content h3 { font-size:16px; color:#CC0D0D; margin-bottom:16px; margin-top:5px; }\r
+div#content h4 { font-size:16px; color:#666; margin-bottom:13px; margin-top:5px; }\r
+\r
+div#content p {margin-bottom:15px;}\r
+\r
+div#content ul {list-style:circle inside;}\r
+\r
+div#footer {\r
+    background:url(/site_media/imgs/bg_footer.png) repeat-x #333;\r
+    clear:both;\r
+    height:145px;\r
+    padding:13px 30px 15px 30px;\r
+}\r
+\r
+div#org {float:left;}\r
+\r
+div#patrocinio {padding-left:220px;}\r
+\r
+div#patrocinio h3 {\r
+    width:58px;\r
+    height:14px;\r
+    background:url(/site_media/imgs/tit_patrocinio.gif) no-repeat;\r
+    text-indent:-9999px;\r
+}\r
+\r
+div#patrocinio table {\r
+    background:white;\r
+    margin-top:13px;\r
+}\r
+\r
+\r
+/* -- meu -- */\r
+\r
+#cadastro input,\r
+#cadastro textarea,\r
+#cadastro select {\r
+    border: solid 1px #666;\r
+}\r
+\r
+#cadastro input[type=text] {\r
+    width: 300px;\r
+}\r
+\r
+#cadastro label {\r
+    display: block;\r
+    float: left;\r
+    width: 450px;\r
+    font-style: normal;\r
+    color: #000;\r
+}\r
+\r
+#cadastro p {\r
+    display: block;\r
+    width: 450px;\r
+    font-style: italic;\r
+    font-size: small;\r
+    color: #666;\r
+}\r
+\r
+#cadastro p textarea {\r
+    width: 100%;\r
+}\r
+\r
+#id_minicurriculo,\r
+#id_descricao_curta {\r
+    height: 60px;\r
+}\r
+\r
+#id_recursos {\r
+    height: 150px;\r
+}\r
+\r
+#menu-palestrante {\r
+    position: absolute;\r
+}\r
+\r
+#menu-palestrante ul {\r
+    list-style-type: none;\r
+}\r
+\r
+.login-failed {\r
+    background-color: red;\r
+    border: solid 1px white !important;\r
+}\r
diff --git a/media/imgs/bg_footer.png b/media/imgs/bg_footer.png
new file mode 100644 (file)
index 0000000..1b33a8c
Binary files /dev/null and b/media/imgs/bg_footer.png differ
diff --git a/media/imgs/bg_top.png b/media/imgs/bg_top.png
new file mode 100644 (file)
index 0000000..474f0b8
Binary files /dev/null and b/media/imgs/bg_top.png differ
diff --git a/media/imgs/bt_entrar.gif b/media/imgs/bt_entrar.gif
new file mode 100644 (file)
index 0000000..0374604
Binary files /dev/null and b/media/imgs/bt_entrar.gif differ
diff --git a/media/imgs/el_data.gif b/media/imgs/el_data.gif
new file mode 100644 (file)
index 0000000..ea96afe
Binary files /dev/null and b/media/imgs/el_data.gif differ
diff --git a/media/imgs/el_footer.gif b/media/imgs/el_footer.gif
new file mode 100644 (file)
index 0000000..dd9db61
Binary files /dev/null and b/media/imgs/el_footer.gif differ
diff --git a/media/imgs/emsl07.jpg b/media/imgs/emsl07.jpg
new file mode 100644 (file)
index 0000000..a7ac785
Binary files /dev/null and b/media/imgs/emsl07.jpg differ
diff --git a/media/imgs/menu_avaliacao.gif b/media/imgs/menu_avaliacao.gif
new file mode 100644 (file)
index 0000000..abb8be5
Binary files /dev/null and b/media/imgs/menu_avaliacao.gif differ
diff --git a/media/imgs/menu_chamada-de-trabalhos.gif b/media/imgs/menu_chamada-de-trabalhos.gif
new file mode 100644 (file)
index 0000000..0860612
Binary files /dev/null and b/media/imgs/menu_chamada-de-trabalhos.gif differ
diff --git a/media/imgs/menu_como-chegar.gif b/media/imgs/menu_como-chegar.gif
new file mode 100644 (file)
index 0000000..0e15990
Binary files /dev/null and b/media/imgs/menu_como-chegar.gif differ
diff --git a/media/imgs/menu_contato.gif b/media/imgs/menu_contato.gif
new file mode 100644 (file)
index 0000000..f08d9c0
Binary files /dev/null and b/media/imgs/menu_contato.gif differ
diff --git a/media/imgs/menu_home.gif b/media/imgs/menu_home.gif
new file mode 100644 (file)
index 0000000..43b5f5a
Binary files /dev/null and b/media/imgs/menu_home.gif differ
diff --git a/media/imgs/menu_inscricao.gif b/media/imgs/menu_inscricao.gif
new file mode 100644 (file)
index 0000000..9b19014
Binary files /dev/null and b/media/imgs/menu_inscricao.gif differ
diff --git a/media/imgs/menu_localizacao.gif b/media/imgs/menu_localizacao.gif
new file mode 100644 (file)
index 0000000..e7c7f6b
Binary files /dev/null and b/media/imgs/menu_localizacao.gif differ
diff --git a/media/imgs/menu_onde-comer.gif b/media/imgs/menu_onde-comer.gif
new file mode 100644 (file)
index 0000000..3b125be
Binary files /dev/null and b/media/imgs/menu_onde-comer.gif differ
diff --git a/media/imgs/menu_onde-ficar.gif b/media/imgs/menu_onde-ficar.gif
new file mode 100644 (file)
index 0000000..dbc5369
Binary files /dev/null and b/media/imgs/menu_onde-ficar.gif differ
diff --git a/media/imgs/menu_programacao.gif b/media/imgs/menu_programacao.gif
new file mode 100644 (file)
index 0000000..899097f
Binary files /dev/null and b/media/imgs/menu_programacao.gif differ
diff --git a/media/imgs/menu_retrospectiva.gif b/media/imgs/menu_retrospectiva.gif
new file mode 100644 (file)
index 0000000..9e63f8b
Binary files /dev/null and b/media/imgs/menu_retrospectiva.gif differ
diff --git a/media/imgs/tit_patrocinio.gif b/media/imgs/tit_patrocinio.gif
new file mode 100644 (file)
index 0000000..78d5052
Binary files /dev/null and b/media/imgs/tit_patrocinio.gif differ
index 79f3eae..6621c6e 100644 (file)
@@ -1,20 +1,20 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 {% load i18n %}
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt_BR" lang="pt_BR">
     <head>
-        <title>Encontro Mineiro de Software Livre</title>
-        <link rel="stylesheet" type="text/css" href="/site_media/css/geral.css" />
+        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+        <link href="/site_media/css/geral.css" rel="stylesheet" type="text/css" />
+        <title>EMSL'07 &mdash; Encontro Mineiro de Software Livre</title>
     </head>
     <body>
-        <div id="headsection">
-            <h1 class="title"><a href="/">Encontro Mineiro de Software Livre</a></h1>
+        <div id="top">
+            <h1>EMSL 2007 - Encontro Mineiro de Software Livre</h1>
+            <h2>18 a 20 de outubro de 2007 - DCC/UFLA - Lavras/MG</h2>
 
             {% if user.is_authenticated %}
 
                 {% if user.palestrante_set.all %}
-                <div id="menu-palestrante">
+                <form id="menu-palestrante">
                     <h3>Menu do palestrante</h3>
                     <ul>
                         <li><a href="/submeter_trabalho">Submeter Trabalho</a></li>
                         <li><a href="/meus_dados">Editar dados de usuário</a></li>
                         <li><a href="/logout">Sair ({{ user }})</a></li>
                     </ul>
-                </div>
+                </form>
+                <br /><br />
                 {% endif %}
 
             {% else %}
 
-            {{ request.error_message }}
-
             <form id="login-form" method="post" action=".">
-                <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>
+                <input type="hidden" name="submitting_login_form" value="1" />
+                <label for="login">usuário</label>
+                <input type="text" name="username" id="login"
+                    {% if login_failed %}class="login-failed"{% endif %} />
+                <label for="senha">senha</label>
+                <input type="password" name="password" id="senha"
+                    {% if login_failed %}class="login-failed"{% endif %} />
+                <input type="image" src="/site_media/imgs/bt_entrar.gif" alt="OK" style="border:0;width:auto;" />
             </form>
-            {% endif %}
 
+            {% endif %}
         </div>
 
-        <ul id="menu">
-            <li><a href="/inscricao">Inscrição</a></li>
-            <li><a href="/chamada_trabalhos">Chamada de trabalhos</a></li>
-            <li><a href="/avaliacao">Avaliação</a></li>
-
-            {% for i in menu %}
-            <li><a href="/secao/{{ i.secao.id }}">{{ i.titulo }}</a></li>
-            {% endfor %}
-        </ul>
-
-        <div id="content">
-        {% block content %}{% endblock %}
+        <div id="container">
+            <ul id="menu">
+                <li><a href="/"><img src="/site_media/imgs/menu_home.gif" alt="Home" /></a></li>
+                <li><a href="/inscricao"><img src="/site_media/imgs/menu_inscricao.gif" alt="Inscrição" /></a></li>
+                <li><a href="/chamada_trabalhos"><img src="/site_media/imgs/menu_chamada-de-trabalhos.gif" alt="Chamada de Trabalhos" /></a></li>
+                <li><a href="#"><img src="/site_media/imgs/menu_programacao.gif" alt="Programação" /></a></li>
+                <!--
+                <li><a href="#"><img src="/site_media/imgs/menu_localizacao.gif" alt="Localização" /></a></li>
+                <li><a href="#"><img src="/site_media/imgs/menu_como-chegar.gif" alt="Como Chegar" /></a></li>
+                <li><a href="#"><img src="/site_media/imgs/menu_onde-ficar.gif" alt="Onde Ficar" /></a></li>
+                <li><a href="#"><img src="/site_media/imgs/menu_onde-comer.gif" alt="Onde Comer" /></a></li>
+                -->
+                <li><a href="mailto:emsl@minaslivre.org"><img src="/site_media/imgs/menu_contato.gif" alt="Contato" /></a></li>
+            </ul>
+            <div id="content">
+            {% block content %}{% endblock %}
+            </div>
         </div>
 
         <div id="footer">
-            <strong>Encontro Mineiro de Software Livre 2007 © Copyleft</strong>
-            <address><a href="mailto:emsl@minaslivre.org">emsl@minaslivre.org</a></address>
+            <div id="org"><img src="/site_media/imgs/el_footer.gif" alt="Organização: DCC/UFLA e Minas Livre" /></div>
+            <div id="patrocinio">
+                <h3>Patrocínio</h3>
+                <table>
+                    <tr><td>anh?</td></tr>
+                </table>
+            </div>
         </div>
-
     </body>
 </html>
-{# vim: set ft=htmldjango: #}
+{# vim:set ft=htmldjango: #}