added base table styles

apps/privacy/templates/privacy/index.html

@@ -4,6 +4,10 @@
 
 {% block page_title %}Privacy Policy{% endblock %}
 
+{% block extrahead %}
+  {{ css('privacy') }}
+{% endblock %}
+
 {% block content %}
 
 <div id="main-content">
@@ -140,7 +144,7 @@
         </ol>
         <h3>Current Third Party Service Providers</h3>
         <h4>Third Party Service Providers for Websites and Email</h4>
-        <table>
+        <table class="data-table">
           <thead>
             <tr>
               <th>Service Provider</th>
@@ -182,7 +186,7 @@
           </tbody>
         </table>
         <h4>Third Party Service Providers for Firefox</h4>
-        <table>
+        <table class="data-table">
           <thead>
             <tr>
               <th>Service Provider</th>

media/css/privacy.less

@@ -20,3 +20,27 @@
 #contact_privacy_submit {
   float: right;
 }
+table.data-table {
+  margin-bottom: 0.7em;
+  border-collapse: collapse;
+  border-width: 1px 0 0;
+  border-style: solid;
+  border-color: #ddd;
+}
+table.data-table tr:nth-child(even) {
+  background-color: rgba(200,200,200,.1);
+}
+table.data-table th,
+table.data-table td {
+  border-bottom: 1px solid #ddd; 
+  padding: 0 6px;
+}
+table.data-table thead th {
+  font-size: .857em;
+  text-align: left;
+  font-weight: normal;
+  background-color: rgba(200,200,200,.2);
+}
+table.data-table tbody th {
+  text-align: left;
+}