changeset 13:cc12c8b6625f

Add a grey agora in the main background, move title to the left, increase footer size, change main section background colour to match agora logo
author Jordi Gutiérrez Hermoso <jordigh@gmail.com>
date Sat, 26 Jun 2010 16:27:46 -0500
parents c6cfbdd40bf6
children a286848c2587
files static/agora-grey-large.png static/djangodocs.css templates/base.djhtml
diffstat 3 files changed, 18 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
Binary file static/agora-grey-large.png has changed
--- a/static/djangodocs.css	Sat Jun 26 14:32:12 2010 -0500
+++ b/static/djangodocs.css	Sat Jun 26 16:27:46 2010 -0500
@@ -3,19 +3,29 @@
 body { font:16px/1.5 Verdana,sans-serif; color: white;}
 #header {
     background: #4877B1; color: white; 
-    padding: 4px 0 12px 0; text-align: center; 
+    padding: 4px 0 12px 0; text-align: left; 
 
     /* for IE */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=' #6F9DCD', endColorstr='#4877B1'); 
     /* for webkit browsers */
-    background: -webkit-gradient(linear, top, bottom, from( #6F9DCD), to(#4877B1)); 
+    background: -webkit-gradient(linear, left top, left bottom, from( #6F9DCD), to(#4877B1));
     /* for firefox 3.6+ */
     background: -moz-linear-gradient(top,   #6F9DCD,  #4877B1); 
 }
 
-#header h1 a { color: white; }
-#columnwrap { background:white; color: black; }
-#footer { color:#8F918C; font-size:90%; padding-bottom: 2em; text-align:center;}
+#header h1 a { color: white; margin-left: 1em}
+#columnwrap { background: #DFE0DC; color: black; 
+
+              background-image: url("agora-grey-large.png");
+              background-position: bottom right;
+              background-repeat: no-repeat;
+            }
+#footer { 
+    background-color:#8F918C; font-size:80%; 
+    padding-top: 0.75em; text-align:center;
+    padding-bottom: 0.75em;
+}
+#copyright {margin-left: 1em;}
 #agora-log {text-align:right;}
 
 /*** links ***/
@@ -47,7 +57,7 @@
     padding:0em 2em;
     color: #6A6354;
     text-decoration:none;
-    border-left: solid 2px  #F69327;
+    border-left: solid 1px  #F69327;
 }
 
 #nav li a.first{
--- a/templates/base.djhtml	Sat Jun 26 14:32:12 2010 -0500
+++ b/templates/base.djhtml	Sat Jun 26 16:27:46 2010 -0500
@@ -30,7 +30,7 @@
   <div id="container">
     <div id="header">
       <h1 id="logo"><a href="http://www.octave.org/">Agora
-      Octave</a> <span id="agora-logo"><img src="/static/agora.png"></span></h1>
+      Octave</a> <span id="agora-logo"></h1>
       <div id="nav">
         <div id="nav-top"></div>
         <ul  id="nav-main">
@@ -55,7 +55,7 @@
     </div>
     <!-- END #content -->
     <div id="footer">
-      <p>
+      <p id="copyright">
         &copy; 1998-{% now "Y"%} 
         <a href="http://www.gnu.org/software/octave/acknowledgments.html">
           John W. Eaton and others</a>