--- a/templates/base.html Mon Apr 12 13:53:57 2010 +0530
+++ b/templates/base.html Mon Apr 12 15:14:03 2010 +0530
@@ -4,19 +4,147 @@
{% block title %}
Workshop App
{% endblock %}
-</title></head>
+</title>
+<style type="text/css">
+ body {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ background-color: #ffffee;
+ text-align: left;
+ margin: 0px;
+ padding: 20px 0px 20px 0px;
+ }
+ #wrapper {
+ width: 956px;
+ padding: 10px;
+ margin: 0px auto 0px auto;
+ height: auto;
+ text-align: left;
+ border: 1px solid #ddd;
+ }
+ #header {
+ margin: 0px;
+ padding: 5px 0px 5px 0px;
+ height: auto;
+ width: auto;
+ text-align: center;
+ background-color: #f1f1f1;
+ }
+ #container {
+ padding: 0px;
+ margin: 10px 0px 0px 0px;
+ background-attachment: scroll;
+ background-image: url(back.gif);
+ background-repeat: repeat-y;
+ background-position: 0px 0px;
+ height: auto; #default was 1%
+ width: auto;
+ }
+ #left {
+ margin: 0px;
+ width: 160px;
+ padding: 10px 20px 10px 20px;
+ float: left;
+ }
+ #nav {
+ margin: 0px;
+ padding: 0px;
+ list-style-image: none;
+ list-style-type: none;
+ }
+ #nav li {
+ margin: 0px;
+ padding: 0px;
+ display: block;
+ background-attachment: scroll;
+ background-repeat: no-repeat;
+ background-position: 0px 50%;
+ }
+ #nav li a:link, #nav li a:visited, #nav li a:active {
+ color: #666;
+ text-decoration: none;
+ display: block;
+ margin: 0px;
+ padding: 3px 15px 3px 15px;
+ width: 130px;
+ }
+ #nav li a:hover {
+ color: #999;
+ text-decoration: none;
+ }
+ #center {
+ height: auto;
+ width: 900px;
+ padding: 10px 20px 10px 20px;
+ float: left;
+ margin: 0px 0px 0px 6px;
+ line-height: 1.8em;
+ }
+ h1 {
+ font-size: 14px;
+ margin: 0px;
+ padding: 0px;
+ }
+ #right {
+ padding: 10px 20px 10px 20px;
+ height: auto;
+ width: 160px;
+ float: left;
+ margin: 0px 0px 0px 6px;
+ }
+ .clearer {
+ font-size: 0px;
+ line-height: 0px;
+ display: block;
+ margin: 0px;
+ padding: 0px;
+ clear: both;
+ height: 0px;
+ width: auto;
+ }
+ #footer {
+ margin: 10px 0px 0px 0px;
+ text-align: left;
+ padding: 5px 0px 5px 0px;
+ background-color: #f1f1f1;
+ }
+ #footer p {
+ color: #999;
+ margin: 0px auto 0px auto;
+ padding: 0px;
+ }
+ #footer a:link, #footer a:visited, #footer a:active {
+ color: #999;
+ text-decoration: none;
+ }
+ #footer a:hover {
+ color: #ccc;
+ text-decoration: none;
+ }
+</style>
+</head>
<body>
-<a href="/reg">Home</a> |
-{% if user.is_authenticated %}
- Welcome {{user.get_full_name}} |
- <a href="/reg/profile/edit">My Profile</a> |
- <a href="/reg/logout">Logout</a>
-{% else %}
- <a href="/reg/login/">Login</a> |
- <a href="/reg/register/">Register</a>
-{% endif %}
+
+<div id="left">
+ <ul id="nav">
+ <li><a href="/reg">Home</a></li>
+ {% if user.is_authenticated %}
+<!-- Welcome {{user.get_full_name}} -->
+ <li><a href="/reg/profile/edit">My Profile</a></li>
+ <li><a href="/reg/logout">Logout</a></li>
+ {% else %}
+ <li><a href="/reg/login/">Login</a></li>
+ <li><a href="/reg/register/">Register</a></li>
+ {% endif %}
+ <br />
+ <li><a href="/reg/events/list">Workshops</a></li>
+ </ul>
+</div>
<br />
+
+<div id="center">
{% block content %}
{% endblock %}
+</div>
</body>
</html>