removed the css code from base.html and formatted the page properly
authorNishanth Amuluru <nishanth@fossee.in>
Fri, 07 Jan 2011 14:37:45 +0530
changeset 56 5aca9d92ccbb
parent 55 f4e25004169d
child 57 cfa5c3fd2ddd
removed the css code from base.html and formatted the page properly
templates/base.html
--- a/templates/base.html	Fri Jan 07 13:46:38 2011 +0530
+++ b/templates/base.html	Fri Jan 07 14:37:45 2011 +0530
@@ -2,131 +2,13 @@
 <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>
-
+    <link rel=stylesheet href="/static/css/base.css" type="text/css" >
 </head>
-
 <body>
-	<div id="wrapper">
+<div id="wrapper">
+    <div id="header">
+        <h2><a href="/">PyTasks</a></h2>
+    </div>
     <div id="container">
         <div id="left">
         <ul id="nav">
@@ -160,8 +42,18 @@
         <div id="center">
             {% block content %}This is the default content{% endblock %}
         </div>
-</div>
-<h2><a href="/">PyTasks</a></h2>
+        <div id="right">
+            <!--{% if user.is_authenticated %}
+            <a href="/accounts/logout">logout</a> 
+            {% endif %}-->
+        </div>
+        <div class="clearer">
+        </div>
+    </div>
+    <div id="footer">
+    Designed by <a href="http://fossee.in">FOSSEE</a>
+    </div>
+</div> 
 
 </body>
 </html>