added styles to base.css

author: Nishanth Amuluru 2011-01-07 13:37:38 +0530
committer: Nishanth Amuluru 2011-01-07 13:37:38 +0530
commit: 5b41bfe02d748a6d3a2d3eb5b14ff13757368310 (patch)
tree: 41aef04bb181719558d609ab3038f771516f9ce7
parent: 8ee179dbe5872e6be898695669a49c0649090ac6 (diff)
download: pytask-5b41bfe02d748a6d3a2d3eb5b14ff13757368310.tar.gz
pytask-5b41bfe02d748a6d3a2d3eb5b14ff13757368310.tar.bz2
pytask-5b41bfe02d748a6d3a2d3eb5b14ff13757368310.zip
2 files changed, 274 insertions, 2 deletions
diff --git a/static/css/base.css b/static/css/base.css
index e69de29..c4c772b 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -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;
+} 
diff --git a/templates/base.html b/templates/base.html
index 65b8e6d..a87b8fd 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -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>
author	Nishanth Amuluru	2011-01-07 13:37:38 +0530
committer	Nishanth Amuluru	2011-01-07 13:37:38 +0530
commit	5b41bfe02d748a6d3a2d3eb5b14ff13757368310 (patch)
tree	41aef04bb181719558d609ab3038f771516f9ce7
parent	8ee179dbe5872e6be898695669a49c0649090ac6 (diff)
download	pytask-5b41bfe02d748a6d3a2d3eb5b14ff13757368310.tar.gz pytask-5b41bfe02d748a6d3a2d3eb5b14ff13757368310.tar.bz2 pytask-5b41bfe02d748a6d3a2d3eb5b14ff13757368310.zip