Merge pull request #373 from TimothyGu/style

Adopt a Wikipedia-like theme for table on the website for master branch

assets/common.css

@@ -33,15 +33,32 @@
         margin-bottom: 1em;
     }
     table {
+        border-collapse: collapse;
+    }
+    table.old {
         border-collapse: separate;
-        border-spacing: 1px;
     }
     table.translation td {
         padding-left:  0.5em;
         padding-right: 0.5em;
     }
-    td, dt {
+    td, th {
+        background-color: #f9f9f9;
+        border: 1px solid #aaa;
+        padding: 0.2em;
+    }
+    dt, .old td {
         background-color: #eee;
+        padding: 0.2em;
+        border: 0px;
+    }
+    th {
+        background-color: #f2f2f2;
+        text-align: center;
+    }
+    th.row {
+        background: #ececec;
+        vertical-align: middle;
     }
     pre {
         font-size: 8pt;

index.html

@@ -1017,7 +1017,7 @@ local-pkg-list: $(LOCAL_PKG_LIST)</pre>
     <p>
     See something missing? Feel free to <a href="#creating-packages">create a new package</a>.
     </p>
-    <table id="package-list">
+    <table id="package-list" class="old">
     <tr>
         <td class="package">a52dec</td>
         <td class="website"><a href="http://liba52.sourceforge.net/">a52dec (aka. liba52)</a></td>
@@ -2666,7 +2666,7 @@ endef</pre>
         Finally, in your <code>$(PKG)_BUILD</code> section,
         please check that you use our portability variables:
         </p>
-        <table class="translation">
+        <table class="translation old">
             <tr><td><code>bash</code></td>      <td>&rarr;</td><td><code>$(SHELL)</code></td></tr>
             <tr><td><code>date</code></td>      <td>&rarr;</td><td><code>$(DATE)</code></td></tr>
             <tr><td><code>install</code></td>   <td>&rarr;</td><td><code>$(INSTALL)</code></td></tr>