r21157 - htdocs/branches/beta - Use tables for doc formats icons.

[Cristian Marchi]

Author: cmarchi
Date: 2011-08-11 15:04:38 -0400 (Thu, 11 Aug 2011)
New Revision: 21157
Trac: http://svn.gnucash.org/trac/changeset/21157

Modified:
   htdocs/branches/beta/docs.phtml
   htdocs/branches/beta/externals/gnucash.css
Log:
Use tables for doc formats icons.

Modified: htdocs/branches/beta/docs.phtml
===================================================================
--- htdocs/branches/beta/docs.phtml	2011-08-11 08:32:10 UTC (rev 21156)
+++ htdocs/branches/beta/docs.phtml	2011-08-11 19:04:38 UTC (rev 21157)
@@ -32,40 +32,39 @@
 <h2 class="download-title"><?php echo T_("Download");?> (<em><?php echo T_("Unstable");?></em>)</h2>
 <ul>
   <li><b><?php echo T_("Help Manual");?></b>
-    <ul>
-      <li>
-        <?php echo T_("English");?> :
+      <tr class="doctr">
+      <td><?php echo T_("English");?> :
         <a href="http://code.gnucash.org/docs/help/help.html"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("German");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("German");?> :
         <a href="http://code.gnucash.org/docs/help-de_DE/help.html"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help-de_DE.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help-de_DE.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help-de_DE.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("Italian");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("Italian");?> :
         <a href="http://code.gnucash.org/docs/help-it_IT/help.html"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help-it_IT.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help-it_IT.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/help-it_IT.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-    </ul>
+      </td></tr>
   </li>
   <li><b><?= T_("Concepts Guide") ?></b>
-    <ul>
-      <li>
-        <?php echo T_("English");?> :
+    </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("English");?> :
         <a href="http://code.gnucash.org/docs/guide/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("German");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("German");?> :
         <a href="http://code.gnucash.org/docs/guide-de_DE/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-de_DE.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-de_DE.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-de_DE.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("Italian");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("Italian");?> :
         <a href="http://code.gnucash.org/docs/guide-it_IT/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-it_IT.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-it_IT.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-it_IT.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("Japanese");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("Japanese");?> :
         <a href="http://code.gnucash.org/docs/guide-ja_JP/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-ja_JP.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-ja_JP.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="http://code.gnucash.org/docs/guide-ja_JP.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-    </ul>
+      </td></tr>
+    </table>
+    </tbody>
   </li>
 </ul>
 </div>
@@ -90,44 +89,45 @@
 <div id="stabledoc">
 <div style="float:left;">
 <h2 class="download-title"><?php echo T_("Download");?> (<em><?php echo T_("Stable");?></em>)</h2>
-<ul>
+  <ul>
   <li><b><?php echo T_("Help Manual");?></b>
-    <ul>
-      <li>
-        <?php echo T_("English");?> :
+    <table class="doctable">
+    <tbody>
+      <tr class="doctr">
+      <td><?php echo T_("English");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-help/help.html"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-help.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-help.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-help.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("German");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("German");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-help/help.html"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-help.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-help.epubf"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-help.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("Italian");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("Italian");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-help/help.html"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-help.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-help.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-help.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-    </ul>
+      </td></tr>
   </li>
   <li><b><?= T_("Concepts Guide") ?></b>
-    <ul>
-      <li>
-        <?php echo T_("English");?> :
+      <tr class="doctr">
+      <td><?php echo T_("English");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-guide/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-guide.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-guide.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/C/gnucash-guide.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("German");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("German");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-guide/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-guide.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-guide.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/de_DE/gnucash-guide.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("Italian");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("Italian");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-guide/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-guide.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-guide.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/it_IT/gnucash-guide.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-      <li>
-        <?php echo T_("Japanese");?> :
+      </td></tr>
+      <tr class="doctr">
+      <td><?php echo T_("Japanese");?> :
         <a href="<?=$top_dir;?>/docs/v2.4/ja_JP/gnucash-guide/"><img class="docicon" alt="online" title="<?php echo T_($online);?>" src="<?=$top_dir;?>/images/icons/online_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/ja_JP/gnucash-guide.pdf"><img class="docicon" alt="pdf" title="<?php echo T_($pdf);?>" src="<?=$top_dir;?>/images/icons/pdf_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/ja_JP/gnucash-guide.epub"><img class="docicon" alt="epub" title="<?php echo T_($epub);?>" src="<?=$top_dir;?>/images/icons/epub_logo.png" /></a> | <a href="<?=$top_dir;?>/docs/v2.4/ja_JP/gnucash-guide.mobi"><img class="docicon" alt="mobi" title="<?php echo T_($mobi);?>" src="<?=$top_dir;?>/images/icons/mobipocket_logo.png" /></a>
-      </li>
-    </ul>
+      </td></tr>
+    </table>
+    </tbody>
   </li>
 </ul>
+
 </div>
 
 <div class="downloadimage">

Modified: htdocs/branches/beta/externals/gnucash.css
===================================================================
--- htdocs/branches/beta/externals/gnucash.css	2011-08-11 08:32:10 UTC (rev 21156)
+++ htdocs/branches/beta/externals/gnucash.css	2011-08-11 19:04:38 UTC (rev 21157)
@@ -488,6 +488,17 @@
    background-color:white;
 }
 
+.doctable {
+   margin-left: 1.5em;
+   font-size:100%;
+   background-color: #7f7faa;
+   border:0px;
+}
+.doctr {
+   background-color: #7f7faa;
+   color: white;
+}
+
 h2.download-title {
    margin-top:0px;
    padding-left:40px;