Adopt a Wikipedia-like theme for tables

Signed-off-by: Timothy Gu <timothygu99@gmail.com>

2 files changed, 17 insertions, 4 deletions

diff --git a/assets/common.css b/assets/common.css
index d72463d..328ca2d 100644
--- a/assets/common.css
+++ b/assets/common.css
@@ -33,15 +33,28 @@
         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;
     }
     pre {
         font-size: 8pt;
diff --git a/index.html b/index.html
index ecd53c6..a85f128 100644
--- a/index.html
+++ b/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>