From 3d9085c6f1269db89ef49692df21b369cfbdf520 Mon Sep 17 00:00:00 2001
From: Pedro <pete@daffodil.uk.com>
Date: Fri, 6 Mar 2015 05:34:12 +0000
Subject: [PATCH] cleanup formatting of quickref

---
 build/documentation/build_docs.sh        |  2 +-
 build/documentation/quickref.include.xsl | 94 +++++++++++++-----------
 build/documentation/style.css            | 49 +++++++++++-
 3 files changed, 101 insertions(+), 44 deletions(-)

diff --git a/build/documentation/build_docs.sh b/build/documentation/build_docs.sh
index 770fc27..ebb7b4b 100755
--- a/build/documentation/build_docs.sh
+++ b/build/documentation/build_docs.sh
@@ -133,7 +133,7 @@ if [ "$BUILD_API" -eq 1 ]; then
     
     ## create zip file of docs
     cd $OUTP_DIR;
-    zip  -r "tidy-docs-$TIDY_VERSION.zip" ./tidylib_api
+    #zip  -r "tidy-docs-$TIDY_VERSION.zip" ./tidylib_api
     
     
     
diff --git a/build/documentation/quickref.include.xsl b/build/documentation/quickref.include.xsl
index 5f3c990..01c32d7 100644
--- a/build/documentation/quickref.include.xsl
+++ b/build/documentation/quickref.include.xsl
@@ -121,9 +121,9 @@
   <xsl:for-each select="/config/option[@class=$class]">
     <xsl:sort select="name" order="ascending" />
     <tr>
-      <td><a href="#{name}"><xsl:value-of select="name"/></a></td>
-      <td><xsl:apply-templates select="type"/></td>
-      <td><xsl:choose>
+      <td class="qrow"><a href="#{name}"><xsl:value-of select="name"/></a></td>
+      <td class="qrow"><xsl:apply-templates select="type"/></td>
+      <td class="qrow"><xsl:choose>
             <xsl:when test="string-length(default) &gt; 0 ">
               <xsl:apply-templates select="default" />
             </xsl:when>
@@ -150,59 +150,69 @@
   </tr>
   <tr valign="bottom">
     <td valign="top" colspan="2" class="h2" id="{$headerID}">
-       <xsl:value-of select="$header"/> Options Reference
+       <h2 class="qh2"><xsl:value-of select="$header"/></h2> 
     </td>
   </tr>
-  <tr>
-    <td>&#160;</td>
-  </tr>
+  
 
   <xsl:for-each select="/config/option[@class=$class]">
     <xsl:sort select="name" order="ascending" />
     <tr>
-      <td class="tabletitle" valign="top" id="{name}">
+      <td class="qoptiontitle" valign="top" id="{name}" colspan="2">
         <xsl:value-of select="name"/>
       </td>
       <td class="tabletitlelink" valign="top" align="right">
-      <a href="#top">Top</a></td>
-    </tr>
-    <tr>
-      <td valign="top">Type: <strong><xsl:value-of
-        select="type"/></strong><br />
-
-        <xsl:choose>
-          <xsl:when test="string-length(default) &gt; 0">
-            Default: <strong><xsl:apply-templates select="default" /></strong>
-          </xsl:when>
-          <xsl:otherwise>
-            Default: <strong>-</strong>
-          </xsl:otherwise>
-        </xsl:choose>
-
-        <xsl:choose>
-          <xsl:when test="string-length(example) &gt; 0">
-            <br />Example: <strong><xsl:apply-templates
-                select="example"/></strong>
-          </xsl:when>
-          <xsl:otherwise>
-            <br />Example: <strong>-</strong>
-          </xsl:otherwise>
-        </xsl:choose>
-      </td>
-      <td align="right" valign="top">
-        <xsl:for-each select="seealso">
-          <a href="#{.}"><xsl:apply-templates select="." /></a>
-          <xsl:if test="position() != last()">
-            <br />
-          </xsl:if>
-        </xsl:for-each>
+          <a href="#top">Top</a>
       </td>
     </tr>
-
     <tr>
-      <td colspan="2"><xsl:apply-templates select="description"/></td>
+        <td valign="top" class="qlabel">Type:</td>
+        <td  class="qvalu"><xsl:value-of select="type"/></td>
+    </tr>
+    <tr>
+        <td valign="top" class="qlabel">Default:</td>
+        <td class="qvalu">
+            <xsl:choose>
+              <xsl:when test="string-length(default) &gt; 0">
+                <xsl:apply-templates select="default" />
+              </xsl:when>
+              <xsl:otherwise>-</xsl:otherwise>
+            </xsl:choose>
+        </td>
+    </tr>
+    <tr>
+        <td valign="top" class="qlabel">Example:</td>
+        <td class="qvalu">
+            <xsl:choose>
+              <xsl:when test="string-length(example) &gt; 0">
+                <xsl:apply-templates select="example"/>
+              </xsl:when>
+              <xsl:otherwise>-</xsl:otherwise>
+            </xsl:choose>
+      </td>
+    </tr>
+   
+    <xsl:choose>
+        <xsl:when test="seealso">
+        <tr>
+            <td valign="top" class="qlabel">See Also:</td>
+            <td  valign="top" class="qvalu">
+                <xsl:for-each select="seealso">
+                  <a href="#{.}"><xsl:apply-templates select="." /></a>
+                  <xsl:if test="position() != last()">, </xsl:if>
+                </xsl:for-each>
+            </td>
+        </tr>
+        </xsl:when>
+    </xsl:choose>
+     
+    <tr>
+        <td></td>
+        <td colspan="1" class="qdescription"><xsl:apply-templates select="description"/></td>
     </tr>
 
+
+    
     <tr>
       <td>&#160;</td>
     </tr>
diff --git a/build/documentation/style.css b/build/documentation/style.css
index b8c4fc8..0799f32 100644
--- a/build/documentation/style.css
+++ b/build/documentation/style.css
@@ -193,9 +193,20 @@ table.quickref {
     font-size: 10pt;
     font-family: monospace;
 }
+table.quickref td.qrow {
+    border-bottom: 1px solid #cccccc !important;
+}
 table td.h2 {
+    padding: 0;
+}
+.qh2 {
     background-color: #333333;
-    color: #eeeeee;
+    color: #eeeeee !important;
+    padding: 10px;
+    border-radius: 4px;
+    border: none;
+    margin: 0;
+    
 }
 table td.h3 {
     background-color: #333333;
@@ -216,4 +227,40 @@ table td.h3top {
 
 table td.tabletitle {
     background-color: #cccccc;
+    font-size: 8pt;
+}
+table td.qoptiontitle {
+    background-color: #cccccc;
+    font-size: 10pt;
+    font-weight: bold;
+    font-family: monospace;
+    padding-left: 5px;
+}
+
+
+.qlabel {
+    text-align: right;
+    font-size: 9pt;
+    width: 80px;
+    border-bottom: 1px solid #bbbbbb;
+
+    background-color: #dddddd;
+    font-family: sans-serif;
+}
+.qvalu {
+    font-size: 9pt;
+    font-weight: bold;
+    border-bottom: 1px solid #bbbbbb;
+    font-family: monospace;
+    border-left: 1px solid #bbbbbb;
+}
+
+.qdescription {
+    font-size: 11pt;
+    color: #333333;
+    margin: 0;
+    padding: 5px;
+    line-height: 140%;
+    border-left: 1px solid #bbbbbb;
+    border-bottom: 1px solid #bbbbbb;
 }
\ No newline at end of file