--- a/static/css/base.css Fri Jan 07 13:36:20 2011 +0530
+++ b/static/css/base.css Fri Jan 07 13:37:38 2011 +0530
@@ -0,0 +1,117 @@
+
+body {
+font-family: Verdana, Arial, Helvetica, sans-serif;
+font-size: 11px;
+color: #333;
+text-align: center;
+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-image: url(bullet.gif);
+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: 504px;
+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;
+}
--- a/templates/base.html Fri Jan 07 13:36:20 2011 +0530
+++ b/templates/base.html Fri Jan 07 13:37:38 2011 +0530
@@ -2,11 +2,166 @@
<head>
<title>{% block title %}PyTasks{% endblock %}</title>
{% block js_script %} {% endblock %}
+
+
+<style type="text/css">
+ body {
+ font-family: Verdana, Arial, Helvetica, sans-serif;
+ font-size: 11px;
+ color: #333;
+ text-align: center;
+ 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-image: url(bullet.gif);
+ 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: 504px;
+ 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>
-{% block content %}
+ <div id="wrapper">
+ <div id="container">
+ <div id="left">
+ <ul id="nav">
+ <li><a href="/" title="home">home</a></li>
+ {% if user.is_authenticated %}
+ <li><a href="/task/browse/" title="tasks">tasks</a></li>
+ <li><a href="/textbook/" title="textbook">textbooks</a></li>
+ <br />
+ <li><a href="/user/notifications/" title="notifications">
+ {% if user.unread_notifications.count %}
+ notifications({{user.unread_notifications.count}})
+ {% else %}
+ notifications
+ {% endif %}
+ </a></li>
+ <li><a href="/user/requests/" title="Requests">
+ {% if user.unread_requests.count %}
+ requests({{user.unread_requests.count}})
+ {% else %}
+ requests
+ {% endif %}
+ </a></li>
+ <br>
+ <li><a href="/user/view/uid={{user.id}}">my profile</a></li>
+ <li><a href="/accounts/logout/">logout</a></li>
+ {% else %}
+ <li><a href="/accounts/login/" title="login">login</a></li>
+ {% endif %}
+ </ul>
+ </div>
+ <div id="center">
+ {% block content %}This is the default content{% endblock %}
+ </div>
+</div>
<h2><a href="/">PyTasks</a></h2>
-{% endblock %}
+
</body>
</html>