[snowy] Add an addl parent container to better theme bg

From: Brad Taylor <btaylor src gnome org>
To: svn-commits-list gnome org
Subject: [snowy] Add an addl parent container to better theme bg
Date: Thu, 23 Jul 2009 18:45:32 +0000 (UTC)
commit 40b0f4165595ba02bb6a647240928283d283633d
Author: Brad Taylor <brad getcoded net>
Date:   Thu Jul 23 10:59:34 2009 -0400

    Add an addl parent container to better theme bg
    
    Add a body container and set that to be the lighter color, and set the real
    background color to what was previously the footer.  This will allow the darker
    color to be "behind" the lighter and make resizing look much better.

 site_media/css/screen.css |   24 ++++++++++-------
 templates/base.html       |   59 +++++++++++++++++++++++----------------------
 2 files changed, 44 insertions(+), 39 deletions(-)
---
diff --git a/site_media/css/screen.css b/site_media/css/screen.css
index c8f0613..ef7be32 100644
--- a/site_media/css/screen.css
+++ b/site_media/css/screen.css
@@ -1,5 +1,5 @@
 html, body {
-    background-color: #94c7b6;
+    background-color: #4e6960;
     margin: 0;
     padding: 0;
 }
@@ -22,16 +22,21 @@ h1 {
     clear: both;
 }
 
-#header-container {
-    margin: 20px;
+#body {
+    background-color: #94c7b6;
+    padding: 10px;
+}
+
+#header {
+    width: 100%;
+    border-spacing: 10px;
 }
 
 #header-logo {
-    float: left;
+    width: 251px;
 }
 
 #header-auth {
-    float: right;
     margin: 0.5em 1em 0 0;
     text-align: right;
     vertical-align: middle;
@@ -46,16 +51,16 @@ h1 {
 }
 
 #header-avatar {
-    float: right;
     margin-left: 5px;
+    width: 64px;
 }
 
 #header-avatar img {
     border: 2px solid #FFFFFF;
 }
 
-table#container {
-    padding: 20px;
+table#content-container {
+    padding: 0 10px 20px 10px;
     width: 100%;
     border: 0;
 }
@@ -249,8 +254,7 @@ table#content-layout {
 }
 
 #footer {
-    height: 500px;
-    background-color: #4e6960;
+    height: 50px;
 }
 
 .form-field th {
diff --git a/templates/base.html b/templates/base.html
index 97e4e20..7671f6a 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -20,43 +20,44 @@
 </head>
 
 <body>
-    <div id="header-container">
-        <div id="header-logo">
-            <a href="/">
-                <img src="{{ MEDIA_URL }}img/tomboy-logo.png" alt="{% trans "tomboy: simple note-taking." %}"/>
-            </a>
-        </div>
-        <div id="header-avatar">
+    <div id="body">
+        <table id="header" cellpadding="0" cellspacing="0">
+            <tr>
+                <td id="header-logo">
+                    <a href="/">
+                        <img src="{{ MEDIA_URL }}img/tomboy-logo.png" alt="{% trans "tomboy: simple note-taking." %}"/>
+                    </a>
+                </td>
+                <td id="header-auth">
 {% if user.is_authenticated %}
-            <a href="{% url notes.views.note_index user.username %}">{% gravatar_img_for_user user 64 %}</a>
+                    <h3>{{ user }}</h3>
+                    <p><a href="">{% trans "preferences" %}</a> / <a href="{% url django.contrib.auth.views.logout %}">{% trans "log out" %}</a></p>
+{% else %}
+                    <p>{% trans "hello stranger! care to " %}<a href="{% url django.contrib.auth.views.login %}">{% trans "log in" %}</a>{% trans "?" %}</p>
+                    <p><small>{% trans "not a member yet?" %} <a href="{% url registration.views.register %}">{% trans "Sign up." %}</a></small></p>
 {% endif %}
-        </div>
-        <div id="header-auth">
+                </td>
+                <td id="header-avatar">
 {% if user.is_authenticated %}
-            <h3>{{ user }}</h3>
-            <p><a href="">{% trans "preferences" %}</a> / <a href="{% url django.contrib.auth.views.logout %}">{% trans "log out" %}</a></p>
-{% else %}
-            <p>{% trans "hello stranger! care to " %}<a href="{% url django.contrib.auth.views.login %}">{% trans "log in" %}</a>{% trans "?" %}</p>
-            <p><small>{% trans "not a member yet?" %} <a href="{% url registration.views.register %}">{% trans "Sign up." %}</a></small></p>
+                    <a href="{% url notes.views.note_index user.username %}">{% gravatar_img_for_user user 64 %}</a>
 {% endif %}
-        </div>
-        <div class="clear"></div>
-        </div>
-    </div>
-    <table id="container" cellspacing="0" cellpadding="0">
-        <tr>
-            <td id="sidebar-container">
-                <div id="sidebar">
+                </td>
+            </tr>
+        </table>
+        <table id="content-container" cellspacing="0" cellpadding="0">
+            <tr>
+                <td id="sidebar-container">
+                    <div id="sidebar">
 {% block sidebar %}
 {% endblock %}
-                </div>
-            </td>
-            <td id="content">
+                    </div>
+                </td>
+                <td id="content">
 {% block content %}
 {% endblock %}
-            </td>
-        </tr>
-    </table>
+                </td>
+            </tr>
+        </table>
     </div>
 
     <div id="footer">
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]