new.html: a proposed new look for the GF home page

3 files changed, 75 insertions, 3 deletions

diff --git a/css/newstyle.css b/css/newstyle.css
new file mode 100644
index 000000000..fd16c6b5b
--- /dev/null
+++ b/css/newstyle.css
@@ -0,0 +1,62 @@
+@import url(style.css);
+
+body.new { margin: 0 8px; }
+
+div.header { text-align: center; }
+
+div.sky {
+    margin: 0 -8px;
+    background-image: -webkit-linear-gradient(top, #bbe0ff, #f6f6f6 70%);
+    background-image: -moz-linear-gradient(top, #a0d0ff, #f6f6f6 70%);
+}
+
+div.header h1 {
+     margin: 0;
+     font-family: verdana, arial, sans-serif;
+     font-weight: normal; font-size: 200%;
+     /*text-decoration: underline;*/
+   }
+
+div.red h1 {
+     color: #e80000;
+     text-shadow: rgba(232,0,0,0.25) 2px 2px 5px;
+}
+
+.tagline { font-family: sans-serif; }
+div.red .tagline { color: #e00000; }
+
+h2.noclear { clear: none; }
+
+div.links {
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 1em;
+}
+
+.links h4 { margin: 0; }
+
+.links ul {
+    margin-top: 1ex;
+    margin-left: 2ex;
+    padding-left: 1ex;
+    font-family: sans-serif;
+}
+
+.links li { margin-top: 0.5ex; margin-bottom: 0.5ex; }
+
+div.menu {
+    font-size: 80%;
+    display: table;
+    margin-top: 3ex;
+    margin-right: auto;
+    margin-left: auto;
+    /*float: right;*/
+    /*border-radius: 5px;
+    margin-top: 1ex;
+    background: inherit;
+    border: 2px solid black;
+    padding-left: 0.3em;
+    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);*/
+}
+
+.gflogo { width: 240px; }
diff --git a/css/oldstyle.css b/css/oldstyle.css
index 8eb12ca80..fcc422975 100644
--- a/css/oldstyle.css
+++ b/css/oldstyle.css
@@ -14,12 +14,17 @@ body {
 
 h1,h2,h3,h4 { font-size: 20px; }
 
-img.grow { display: none; }
-
+img.logo, img.grow { display: none; }
 
 a { color: #ecc800; }
 a:hover { color: #fcd800; }
 
+div.links {
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 1em;
+}
+
 table.news td {
     background: inherit;
     border: 0;
@@ -27,6 +32,11 @@ table.news td {
     padding: 0.25ex 0.5ex;
 }
 
+table.news td:nth-child(1) {
+    /* Don't want the hyphens in dates (2012-06-29) to cause line breaks */
+    white-space: nowrap;
+}
+
 ol.languages {
     column-width: 12em;
     -moz-column-width: 12em;
diff --git a/css/style.css b/css/style.css
index b590d92bb..ebde551f9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,5 @@
 
-body { background-color: #f2f2f2; }
+body { background-color: #f6f6f6; }
 
 
 h1,h2,h3,h4 { font-family: sans-serif; color: #303030;