added styles to base.css
authorNishanth Amuluru <nishanth@fossee.in>
Fri, 07 Jan 2011 13:37:38 +0530
changeset 291 5daf523e20b4
parent 290 0ef76d42d4f4
child 292 b3f4888a78a1
added styles to base.css
static/css/base.css
templates/base.html
--- 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>