Split styling classes on semantic tables

Author: tiennou

site/css/style.css

@@ -117,14 +117,15 @@ table.methods tr td.methodName a {
   font-weight: bold;
 }
 
-table.funcTable tr td {
+table.funcTable tr td,
+table.structTable tr td {
   padding: 5px 10px;
   border-bottom: 1px solid #eee;
 }
-table.funcTable tr td.comment {
-  color: #999;
-}
-table.funcTable tr td.var {
+
+.enumTable .var,
+.funcTable .var,
+.structTable .var {
   font-weight: bold;
   color: #833;
 }
@@ -152,7 +153,9 @@ code.params {
 
 .returns { margin-bottom: 15px; }
 
-h1.funcTitle {
+h1.funcTitle,
+h1.enumTitle,
+h1.structTitle {
   font-size: 1.6em;
 }
 h3.funcDesc {

site/index.html

@@ -218,7 +218,7 @@ <h3>Argument in</h3>
 
     <!-- listing for an enum -->
     <script type="text/template" id="enum-template">
-      <h1 class="funcTitle"><%= type.tname %><small><%= type.type %></small></h1>
+      <h1 class="enumTitle"><%= type.tname %><small><%= type.type %></small></h1>
       <p><%= type.value %></p>
 
       <% if (type.data.description) { %>
@@ -228,7 +228,7 @@ <h1 class="funcTitle"><%= type.tname %><small><%= type.type %></small></h1>
       <p><%= type.data.comments %></p>
       <% } %>
 
-      <table>
+      <table class="enumTable">
         <% _.each(type.data.fields, function(field) { %>
         <tr>
           <td><code><%= field.name %></code></td>
@@ -245,7 +245,7 @@ <h1 class="funcTitle"><%= type.tname %><small><%= type.type %></small></h1>
 
     <!-- listing for a struct -->
     <script type="text/template" id="struct-template">
-      <h1 class="funcTitle"><%= type.tname %><small><%= type.type %></small></h1>
+      <h1 class="structTitle"><%= type.tname %><small><%= type.type %></small></h1>
       <p><%= type.value %></p>
 
       <% if (type.data.description) { %>
@@ -255,7 +255,7 @@ <h1 class="funcTitle"><%= type.tname %><small><%= type.type %></small></h1>
       <p><%= type.data.comments %></p>
       <% } %>
 
-      <table class="funcTable">
+      <table class="structTable">
         <% _.each(type.data.fields, function(field) { %>
           <tr>
             <td valign="top" nowrap="true"><%= field.type %></td>