Add CSS for footer and add contact information to footer.
authorMadhusudan.C.S <madhusudancs@gmail.com>
Thu, 20 Jan 2011 02:22:38 +0530
changeset 481 b93a85589490
parent 480 d0325456f266
child 482 e782cc10ca01
Add CSS for footer and add contact information to footer.
pytask/static/css/base.css
pytask/templates/base.html
--- a/pytask/static/css/base.css	Thu Jan 20 01:37:44 2011 +0530
+++ b/pytask/static/css/base.css	Thu Jan 20 02:22:38 2011 +0530
@@ -153,13 +153,20 @@
 }
 
 #footer {
-  margin: 10px 0px 0px 0px;
-  text-align: center;
-  padding: 5px 0px 5px 0px;
+  margin: 20px 0px 0px 0px;
+  padding: 5px 20px 5px 20px;
   background-color: #f1f1f1;
   clear: both;
 }
 
+#footer #designed {
+  text-align: left;
+}
+
+#footer #contact {
+  text-align: right;
+}
+
 #footer p {
   color: #999;
   margin: 0px auto 0px auto;
--- a/pytask/templates/base.html	Thu Jan 20 01:37:44 2011 +0530
+++ b/pytask/templates/base.html	Thu Jan 20 02:22:38 2011 +0530
@@ -44,6 +44,8 @@
       <h2><a href="{% url home_page %}">PyTask</a></h2>
     </div>
 
+    <!-- Additional container divs are used here to do the liquid 3-column
+         layout trick in CSS. -->
     <div id="container1">
     <div id="container2">
       <div id="left">
@@ -64,15 +66,23 @@
         {% endblock rightsidebar %}
         {% include "_right_sidebar.html" %}
       </div>
-
-      <div class="clearer">
-      </div>
     </div>
     </div>
+    <div class="clearer">
+    </div>
     <div id="footer">
-      Designed by <a href="http://fossee.in">FOSSEE</a>
+      <div id="designed">
+        Designed by <a href="http://fossee.in">FOSSEE</a>
+      </div>
+
+      <div id="contact">
+        If you have any trouble using this website, please write to
+        <a href="mailto:madhusudancs@fossee.in?subject=Trouble in using PyTask website">
+        "Madhusudan C.S. &lt;madhusudancs [ symbol looking like a ] fossee [symbol when you are done] in&gt;"
+        </a>
+      </div>
     </div>
-</div> 
+  </div> 
 
 </body>
 </html>