Jeremy Newman : update the news date so it works even on wide screens

[Jeremy Newman]

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

Author: Jeremy Newman <jnewman(a)codeweavers.com>
Date:   Tue Dec  9 09:50:27 2008 -0600

update the news date so it works even on wide screens
don't center latest releases, instead indent a bit
a bit more white space between lines of latest release
another IE fix, set left margin for home page menu

---

 styles.css                 |   12 ++++++++++--
 templates/en/home.template |   11 ++++-------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/styles.css b/styles.css
index 297e898..bb4630a 100644
--- a/styles.css
+++ b/styles.css
@@ -192,15 +192,23 @@ BODY                {
 
 /* header text */
 H1.title            { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
+H1.title A          { color: #A50D0D; text-decoration: none; }
+H1.title A:hover    { color: red; }
 H3.title            { color: #A50D0D; border-bottom: 1px solid #A50D0D; margin: 0px; }
-P.newsdate          { color: #4e4e4e; font-size: 10pt; text-align: right; margin: 0 5px 10px 0;}
+H3.title A          { color: #A50D0D; text-decoration: none; }
+H3.title A:hover    { color: red; }
+P.newsdate          { color: #4e4e4e; font-size: 8pt; margin: 0 5px 10px 10px;}
 P.newstitle         { color: #4e4e4e; font-size: 12pt; font-weight: bold; border-bottom: 1px solid #C0C0C0; margin-bottom: 5px; }
 P.newstitle A       { color: #4e4e4e; text-decoration: none; }
 P.newstitle A:hover { color: #FF6666; text-decoration: none; }
 DIV.newsblock       { margin: 0 5px 25px 10px; padding: 0; }
 
 /* winehq main page menu */
-ul.winehq_menu                     { list-style-type: none; margin: 20px 0px 0px 0px; }
+ul.winehq_menu                     {
+                                    list-style-type: none;
+                                    margin: 20px 0px 0px 0px;
+                                    margin-left: expression("30px"); /* for IE */
+                                   }
 ul.winehq_menu li                  { height: 50px; margin: 0px 0px 25px 0px; padding: 5px 0 0 45px; cursor: pointer; }
 ul.winehq_menu li.info             { background-image: url('images/main_info.png'); background-repeat: no-repeat }
 ul.winehq_menu li.info:hover       { background-image: url('images/main_info_s.png'); background-repeat: no-repeat }
diff --git a/templates/en/home.template b/templates/en/home.template
index a321334..dd17acd 100644
--- a/templates/en/home.template
+++ b/templates/en/home.template
@@ -58,10 +58,9 @@
     <div class="content" style="padding: 5px 10px 5px 10px; height: 85px; overflow: auto;">
 
         <h3 class="title" style="margin: 0;">Latest Releases</h3>
-        <div align="center" style="margin: 0; padding: 0;">
-            <table style="margin: 7px 0 0 0; border-spacing: 0; border: 0;">
+            <table style="margin: 7px 0 0 15px; border-spacing: 0; border: 0;">
             <tr><td>Stable:</td>
-            <td style="padding-left: 15px;">
+            <td style="padding-left: 15px; padding-bottom: 2px;">
                 <b><a href="{$root}/announce/{$config_stable_release}">Wine {$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>)
@@ -75,7 +74,6 @@
                 </span>
             </td></tr>
             </table>
-        </div>
     </div>
   <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </div>
@@ -84,12 +82,11 @@
   <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;">
 
-        <h3 class="title">News</h3>
-        <div style="text-align: right; margin: 0;"><a href="{$root}/news/" class="small">more news...</a></div>
+        <h3 class="title"><a href="{$root}/news/">News</a></h3>
 
         <!--EXEC:[news?n=10]-->
 
-        <div style="text-align: right; margin: 0;"><a href="{$root}/news/" class="small">more news...</a></div>
+        <p><a href="{$root}/news/">more news...</a></p>
     </div>
   <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
   </div>