Move inline CSS to an external file.

Some of these style options are invalid, or the defaults, so they were
dropped entirely. Otherwise, this is roughly equivalent.

Fixes #48.

Author: QuLogic

docs/source/_static/custom.css

@@ -0,0 +1,13 @@
+table#packages tr th {
+	padding-top: 3em;
+	padding-bottom: 1em;
+}
+
+table#packages tr td {
+	vertical-align: top;
+}
+
+table#packages tr td a img {
+	height: 1.4em;
+	max-width: none;
+}

docs/source/conf.py

@@ -40,6 +40,9 @@
          },
      ],
 }
+html_css_files = [
+    "custom.css",
+]
 html_sidebars = {
     '**': ['localtoc.html']
 }

python/template.rst

@@ -1,59 +1,59 @@
 .. raw:: html
 
   <div>
-  <table>
+  <table id="packages">
   {% for section in config %}
     <tr>
-      <td colspan=5 style="height:4em; vertical-align:center">
+      <th colspan=5>
         {% with section_id = section.name | lower | replace(" ", "-") %}
         <h3 id="{{ section_id }}">
           {{ section.name }}
           <a class="headerlink" href="#{{ section_id }}" title="Permalink to this headline">¶</a>
         </h3>
         {% endwith %}
-      </td>
+      </th>
     </tr>
 
       {% for package in section.packages %}
       <tr>
 
-        <td style="text-align:left; vertical-align:top;">
+        <td>
           <a href="https://github.com/{{ package.user }}/{{ package.name }}">  
-            <img style="text-align:left; height:1.4em; max-width: none;"  src="_static/badges/github-gray.svg">
+            <img src="_static/badges/github-gray.svg">
           </a>
         </td>
 
       {% if 'pypi' in package.badges %}
-        <td style="text-align:left; vertical-align:top;">
+        <td>
           <a href="https://pypi.python.org/pypi/{{ package.pypi_name }}">
-            <img style="text-align:left; height:1.4em; max-width: none;" src="_static/badges/pip-orange.svg">
+            <img src="_static/badges/pip-orange.svg">
           </a>
         </td>
         {% else %}
-        <td style="text-align:center; style="vertical-align:top;">
-          <img style="text-align:left; height:1.4em; max-width: none;" src="_static/badges/pip-empty.svg">
+        <td>
+          <img src="_static/badges/pip-empty.svg">
         </td>
         {% endif %}
       {% if 'conda' in package.badges %}
-        <td style="text-align:left; vertical-align:top;">
+        <td>
           <a href="https://anaconda.org/{{ package.conda_channel }}/{{ package.conda_package }}">
-          <img style="text-align:left; height:1.4em; max-width: none;" src="_static/badges/conda-blue.svg">
+          <img src="_static/badges/conda-blue.svg">
           </a>
         </td>
       {% else %}
-        <td style="text-align:left;vertical-align:top; ">
-          <img style="text-align:left; height:1.4em; max-width: none;" src="_static/badges/conda-empty.svg">
+        <td>
+          <img src="_static/badges/conda-empty.svg">
         </td>        
       {% endif %}  
 
-      <td style="vertical-align:top; text-align:left;cellpadding:0.3em">
+      <td>
       {% if 'site' in package.badges %} 
         <a href="{{ package.site_protocol}}://{{ package.site }}">{{ package.name }}</a>
       {% else %}
         <a href="http://github.com/{{ package.repo }}">{{ package.name }}</a>
       {% endif %}
       </td>
-      <td style="text-align:left;vertical-align:top;cellpadding:0.3em">  
+      <td>
         {{ package.description }}   
       </td>