Jeremy Newman : use CSS3 rounded corners on homepage

[Jeremy Newman]

Module: website
Branch: master
Commit: c5dbfd19b1a85ad3fab4f638493eceeb32824f38
URL:    http://source.winehq.org/git/website.git/?a=commit;h=c5dbfd19b1a85ad3fab4f63...

Author: Jeremy Newman 
Date:   Wed Sep 12 20:26:42 2012 -0500

use CSS3 rounded corners on homepage

---

templates/en/home.template |   55 ++++++++++++++++---------------------------
 1 files changed, 21 insertions(+), 34 deletions(-)

diff --git a/templates/en/home.template b/templates/en/home.template
index f397d91..cbd8cb4 100644
--- a/templates/en/home.template
+++ b/templates/en/home.template
@@ -6,9 +6,7 @@

<div id="main_left">

-  <div class="rbox">
-  <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
-    <div class="content" style="padding: 15px 10px 20px 60px; height: 445px; overflow: auto;">
+    <div class="content cornerround" style="padding: 15px 10px 20px 60px; height: 445px; overflow: auto;">
         <div class="winehq_menu">

<div class="info" onClick="document.location='{$root}/about/';">
@@ -53,50 +51,39 @@

</div>
     </div>
-  <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
-  </div>
-

</div>
 <div id="main_right">

-  <div class="rbox">
-  <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
-    <div class="content" style="padding: 5px 10px 5px 10px; height: 85px; overflow: auto;">
-
+    <div class="content cornerround" style="padding: 10px; height: 85px; overflow: auto;">
         <h3 class="title" style="margin: 0;">Latest Releases</h3>
-            <table style="margin: 7px 0 0 15px; border-spacing: 0; border: 0;">
-            <tr><td>Stable:</td>
-            <td style="padding-left: 15px; padding-bottom: 2px;">
-                <b><a href="{$root}/announce/{$config_stable_release}">Wine&nbsp;{$config_stable_release}</a></b>
-                <span class="small">
-                  (<a href="http://source.winehq.org/git/wine.git?a=shortlog;h=refs/tags/wine-{$config_stable_release}">shortlog</a>)
-                </span>
-            </td></tr>
-            <tr><td>Development:</td>
-            <td style="padding-left: 15px;">
-                <b><a href="{$root}/announce/{$config_master_release}">Wine&nbsp;{$config_master_release}</a></b>
-                <span class="small">
-                  (<a href="http://source.winehq.org/git/wine.git?a=shortlog;h=refs/tags/wine-{$config_master_release}">shortlog</a>)
-                </span>
-            </td></tr>
-            </table>
+        <table style="margin: 7px 0 0 15px; border-spacing: 0; border: 0;">
+        <tr><td>Stable:</td>
+        <td style="padding-left: 15px; padding-bottom: 2px;">
+            <b><a href="{$root}/announce/{$config_stable_release}">Wine&nbsp;{$config_stable_release}</a></b>
+            <span class="small">
+              (<a href="http://source.winehq.org/git/wine.git?a=shortlog;h=refs/tags/wine-{$config_stable_release}">shortlog</a>)
+            </span>
+        </td></tr>
+        <tr><td>Development:</td>
+        <td style="padding-left: 15px;">
+            <b><a href="{$root}/announce/{$config_master_release}">Wine&nbsp;{$config_master_release}</a></b>
+            <span class="small">
+              (<a href="http://source.winehq.org/git/wine.git?a=shortlog;h=refs/tags/wine-{$config_master_release}">shortlog</a>)
+            </span>
+        </td></tr>
+        </table>
     </div>
-  <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
-  </div>
-
-  <div class="rbox" style="margin-top: 15px;">
-  <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
-    <div class="content" style="padding: 10px; height: 340px; overflow: auto;">

+    <div class="content cornerround" style="margin-top: 15px; padding: 10px 0px 10px 10px;">
+      <div style="height: 340px; overflow: auto; padding-right: 10px;">
         <h3 class="title"><a href="{$root}/news/">News</a></h3>

<!--EXEC:[news?n=10]-->

<p><a href="{$root}/news/">more news...</a></p>
+      </div>
     </div>
-  <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
-  </div>

</div>