r20979 - htdocs/branches/beta - Introduce a os themed list in download page.

[Cristian Marchi]

Author: cmarchi
Date: 2011-07-29 12:26:44 -0400 (Fri, 29 Jul 2011)
New Revision: 20979
Trac: http://svn.gnucash.org/trac/changeset/20979

Modified:
   htdocs/branches/beta/download.phtml
   htdocs/branches/beta/externals/gnucash.css
Log:
Introduce a os themed list in download page.

Modified: htdocs/branches/beta/download.phtml
===================================================================
--- htdocs/branches/beta/download.phtml	2011-07-29 16:01:01 UTC (rev 20978)
+++ htdocs/branches/beta/download.phtml	2011-07-29 16:26:44 UTC (rev 20979)
@@ -20,9 +20,9 @@
 <p class="justify"><?php printf (T_("The latest stable release of <span class=\"gnucash\">GnuCash</span> is %s. Choose the download for your operating system below."), $latest_stable)?></p>
 
 <h3><?php echo T_("Installers")?></h3>
-<ul>
-<li><?php printf (T_("GnuCash %s for"), $latest_stable)?> <a href="<?php echo $download_path.$latest_stable_win;?>">Microsoft Windows XP/Vista/7</a></li>
-<li><?php printf (T_("GnuCash %s for"), $latest_stable)?> Mac OS X <a href="<?php echo $download_path.$latest_stable_mac_intel;?>">Intel</a> | <a href="<?php echo $download_path.$latest_stable_mac_ppc;?>">Power PC</a> | <a href="http://wiki.gnucash.org/wiki/MacOSX/<?php echo $latest_stable;?>/Readme">Readme</a></li>
+<ul class="imagelist">
+<li class="imagelistitem" style="background-image: url(<?=$top_dir?>/externals/windows.png);"><?php printf (T_("GnuCash %s for"), $latest_stable)?> <a href="<?php echo $download_path.$latest_stable_win;?>">Microsoft Windows XP/Vista/7</a></li>
+<li class="imagelistitem" style="background-image: url(<?=$top_dir?>/externals/macosx.png);"><?php printf (T_("GnuCash %s for"), $latest_stable)?> Mac OS X <a href="<?php echo $download_path.$latest_stable_mac_intel;?>">Intel</a> | <a href="<?php echo $download_path.$latest_stable_mac_ppc;?>">Power PC</a> | <a href="http://wiki.gnucash.org/wiki/MacOSX/<?php echo $latest_stable;?>/Readme">Readme</a></li>
 </ul>
 
 <a name="distribution"></a><h3>Linux</h3>

Modified: htdocs/branches/beta/externals/gnucash.css
===================================================================
--- htdocs/branches/beta/externals/gnucash.css	2011-07-29 16:01:01 UTC (rev 20978)
+++ htdocs/branches/beta/externals/gnucash.css	2011-07-29 16:26:44 UTC (rev 20979)
@@ -447,3 +447,18 @@
 border-width:1px;
 padding:10px;
 }
+
+.imagelist {
+  list-style-type:none;
+  padding:0px;
+  margin:0px;
+}
+
+.imagelistitem {
+  background-repeat:no-repeat;
+  background-position: 0px 5px;
+  padding-top:12px;
+  padding-bottom:6px;
+  height:40px;
+  padding-left:40px;
+}