Mercurial > about-mozilla-redesign-2

changeset 12:e357d4e48bb2

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Changed layout to be vertical, displaying as many horizontal columns as can fit on the page; visuals are now black on white.
author Atul Varma <varmaa@toolness.com>
date Sun, 01 Mar 2009 17:26:25 -0800
parents d0f57c5ef95c
children efd49c761dbe
files about-mozilla.css about-mozilla.js
diffstat 2 files changed, 10 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/about-mozilla.css	Sun Mar 01 09:39:23 2009 -0800
+++ b/about-mozilla.css	Sun Mar 01 17:26:25 2009 -0800
@@ -2,13 +2,16 @@
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 9pt;
     line-height: 1.4em;
-    background: black;
+    background: white;
     padding: 0;
     margin: 0;
+    text-align: center;
 }
 
 #issue {
     display: none;
+    text-align: left;
+    margin: 0 auto;
 }
 
 #header {
@@ -20,7 +23,7 @@
     margin: 6pt;
     padding-top: 6pt;
     padding-bottom: 6pt;
-    color: white;
+    color: black;
 }
 
 #subheader {
@@ -37,14 +40,14 @@
     background: white;
     float: left;
     width: 20em;
-    border-right: 1px dotted gray;
 }
 
 .headline {
     font-weight: bold;
     height: 3em;
     padding: 6pt;
-    background: #f0f0f0;
+    border-top: 1px dotted gray;
+    border-bottom: 1px dotted gray;
 }
 
 .content {
--- a/about-mozilla.js	Sun Mar 01 09:39:23 2009 -0800
+++ b/about-mozilla.js	Sun Mar 01 17:26:25 2009 -0800
@@ -32,6 +32,7 @@
 
   $("#issue").fadeIn();
 
+  var fullWidth = $(window).width();
   var tallestHeight = 0;
   var entries = $("#issue .entry");
   entries.each(
@@ -42,7 +43,8 @@
     }
   );
   entries.height(tallestHeight);
-  $(document.body).width(entries.outerWidth() * entries.length);
+  var maxColumns = Math.floor(fullWidth / entries.outerWidth());
+  $("#issue").width(entries.outerWidth() * maxColumns);
 }
 
 google.load("feeds", "1");