[gnomeweb-wp] changes in the home page and related styles

[Vinicius Scopel Depizzol <vdepizzol src gnome org>]

commit ca186f74bdd89cec5b22f478f82ea86fcd8703c6
Author: Vinicius Depizzol <vdepizzol gmail com>
Date:   Sun Apr 3 12:36:52 2011 -0300

    changes in the home page and related styles

 wp-content/themes/gnome-grass/css/home.css         |   23 ++++++++++++++++++++
 wp-content/themes/gnome-grass/css/text.css         |   12 ++++++++++
 wp-content/themes/gnome-grass/home.php             |   23 +++++++++++++++++--
 .../themes/gnome-grass/images/more-arrow.png       |  Bin 0 -> 268 bytes
 wp-content/themes/gnome-grass/style.css            |    5 +--
 5 files changed, 57 insertions(+), 6 deletions(-)
---
diff --git a/wp-content/themes/gnome-grass/css/home.css b/wp-content/themes/gnome-grass/css/home.css
index 1075202..09ae060 100644
--- a/wp-content/themes/gnome-grass/css/home.css
+++ b/wp-content/themes/gnome-grass/css/home.css
@@ -1,3 +1,7 @@
+/* Home Banner */
+/* ========================================================================== */
+
+
 #home_banner {
     background: url(../images/home/banner-shadow.png) bottom center no-repeat;
     margin: 20px auto 0;
@@ -16,3 +20,22 @@
     -webkit-box-shadow: inset 0 -1px rgba(100%, 100%, 100%, 0.6);
     box-shadow: inset 0 -1px rgba(100%, 100%, 100%, 0.6);
 }
+
+
+/* About GNOME Box */
+/* ========================================================================== */
+
+.about_box {
+    padding: 25px;
+    background: #eeeeec;
+    border: 1px solid #babdb6;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+.about_box h2 {
+    margin-top: 0;
+}
+.about_box p:last-child {
+    margin-bottom: 0;
+}
diff --git a/wp-content/themes/gnome-grass/css/text.css b/wp-content/themes/gnome-grass/css/text.css
index 4e2b516..3b736a5 100644
--- a/wp-content/themes/gnome-grass/css/text.css
+++ b/wp-content/themes/gnome-grass/css/text.css
@@ -22,6 +22,7 @@ h2 {
 h3, dt {
     font-size: 21px;
     margin: 0.4em 0 0.5em;
+    color: #2E3436;
 }
 dt {
     color: #E36615;
@@ -76,6 +77,17 @@ p, dd, .action_box, ul, ol {
     color: #888a85;
 }
 
+.more {
+    background: url(../images/more-arrow.png) right 6px no-repeat;
+    cursor: pointer;
+    white-space: nowrap;
+    padding-right: 10px;
+    text-decoration: none;
+}
+.more {
+    text-decoration: underline;
+}
+
 #footer {
     font-size: 11px;
     line-height: 1.5em;
diff --git a/wp-content/themes/gnome-grass/home.php b/wp-content/themes/gnome-grass/home.php
index ecbb362..2f88844 100644
--- a/wp-content/themes/gnome-grass/home.php
+++ b/wp-content/themes/gnome-grass/home.php
@@ -30,8 +30,8 @@ require_once("header.php"); ?>
                 
                 <div class="crafted_content">
                 
-                    <div class="section">
-                        <div class="image right">
+                    <div class="section image-right">
+                        <div class="image">
                             <img src="#" alt="" height="200" />
                         </div>
                         <div class="text">
@@ -65,7 +65,24 @@ require_once("header.php"); ?>
                 
                 <hr class="bottom_shadow" />
                 
-                TODO
+                <div class="about_box" style="overflow: hidden;">
+                    <img src="http://localhost/gnome-wp/wp-content/uploads/2011/04/foot-e1301789864689.png"; alt="" style="float: left; margin-right: 25px;" />
+                    <h2>We make great software available to all.</h2>
+                    <p>GNOME is an international community dedicated to making great software that anyone use, no matter what language they speak or whatever their technical or physical abilities.</p>
+                    <p><a href="#1" class="more">About the GNOME Project</a></p>
+                </div>
+                
+                <div class="grid_4 alpha">
+                    <h4>Celebrate the 3.0 release!</h4>
+                </div>
+                
+                <div class="grid_4">
+                    <h4>Latest news</h4>
+                </div>
+                
+                <div class="grid_4 omega">
+                    <h4>Connect with us</h4>
+                </div>
             
             </div>
             <!--
diff --git a/wp-content/themes/gnome-grass/images/more-arrow.png b/wp-content/themes/gnome-grass/images/more-arrow.png
new file mode 100644
index 0000000..b04f045
Binary files /dev/null and b/wp-content/themes/gnome-grass/images/more-arrow.png differ
diff --git a/wp-content/themes/gnome-grass/style.css b/wp-content/themes/gnome-grass/style.css
index cfb55dd..cbadaf0 100644
--- a/wp-content/themes/gnome-grass/style.css
+++ b/wp-content/themes/gnome-grass/style.css
@@ -890,14 +890,13 @@ hr.bottom_shadow {
     color: #2e3436;
     margin-top: 0;
 }
-.crafted_content .section .text {
-    width: 480px;
-}
 .crafted_content .section.image-right .text {
     float: left;
+    width: 480px;
 }
 .crafted_content .section.image-left .text {
     float: right;
+    width: 480px;
 }
 .crafted_content .section .image {
     display: block;