diff --git a/docs/newapi.xsl b/docs/newapi.xsl
index 24831eeb1ee5b01e371b1d811062ec6a24b4f853..3982f8f79398ab5e3c72082bae5e91b961c3c8e1 100644
--- a/docs/newapi.xsl
+++ b/docs/newapi.xsl
@@ -116,16 +116,18 @@
   </xsl:template>
 
   <xsl:template match="macro" mode="toc">
-    <xsl:text>#define </xsl:text>
+    <span class="directive">#define</span><xsl:text> </xsl:text>
     <a href="#{@name}"><xsl:value-of select="@name"/></a>
     <xsl:text>
 </xsl:text>
   </xsl:template>
 
   <xsl:template match="variable" mode="toc">
-    <xsl:call-template name="dumptext">
-      <xsl:with-param name="text" select="string(@type)"/>
-    </xsl:call-template>
+    <span class="type">
+      <xsl:call-template name="dumptext">
+        <xsl:with-param name="text" select="string(@type)"/>
+      </xsl:call-template>
+    </span>
     <xsl:text> </xsl:text>
     <a name="{@name}"></a>
     <xsl:value-of select="@name"/>
@@ -134,18 +136,21 @@
   </xsl:template>
 
   <xsl:template match="typedef" mode="toc">
-    <xsl:text>typedef </xsl:text><xsl:variable name="name" select="string(@name)"/>
+    <span class="keyword">typedef</span>
+    <xsl:text> </xsl:text><xsl:variable name="name" select="string(@name)"/>
     <xsl:choose>
       <xsl:when test="@type = 'enum'">
-        <xsl:text>enum </xsl:text>
+        <span class="keyword">enum</span><xsl:text> </xsl:text>
 	<a href="#{$name}"><xsl:value-of select="$name"/></a>
 	<xsl:text>
 </xsl:text>
       </xsl:when>
       <xsl:otherwise>
-	<xsl:call-template name="dumptext">
-	  <xsl:with-param name="text" select="@type"/>
-	</xsl:call-template>
+	<span class="type">
+          <xsl:call-template name="dumptext">
+            <xsl:with-param name="text" select="@type"/>
+          </xsl:call-template>
+        </span>
 	<xsl:text> </xsl:text>
 	<a name="{$name}"><xsl:value-of select="$name"/></a>
 	<xsl:text>
@@ -159,7 +164,7 @@
     <h3><a name="{$name}"><code><xsl:value-of select="$name"/></code></a></h3>
     <div class="api">
       <pre>
-        <xsl:text>enum </xsl:text>
+        <span class="keyword">enum</span><xsl:text> </xsl:text>
         <xsl:value-of select="$name"/>
         <xsl:text> {
 </xsl:text>
@@ -173,10 +178,11 @@
             <td><xsl:value-of select="@value"/></td>
             <xsl:if test="@info != ''">
               <td>
-                <xsl:text> : </xsl:text>
-                <xsl:call-template name="dumptext">
-                  <xsl:with-param name="text" select="@info"/>
-                </xsl:call-template>
+                <div class="comment">
+                  <xsl:call-template name="dumptext">
+                    <xsl:with-param name="text" select="@info"/>
+                  </xsl:call-template>
+                </div>
               </td>
             </xsl:if>
           </tr>
@@ -190,8 +196,8 @@
   </xsl:template>
 
   <xsl:template match="struct" mode="toc">
-    <xsl:text>typedef </xsl:text>
-    <xsl:value-of select="@type"/>
+    <span class="keyword">typedef</span><xsl:text> </xsl:text>
+    <span class="type"><xsl:value-of select="@type"/></span>
     <xsl:text> </xsl:text>
     <a href="#{@name}"><xsl:value-of select="@name"/></a>
     <xsl:text>
@@ -202,32 +208,35 @@
     <h3><a name="{@name}"><code><xsl:value-of select="@name"/></code></a></h3>
     <div class="api">
       <pre>
-        <xsl:text>struct </xsl:text>
+        <span class="keyword">struct </span>
         <xsl:value-of select="@name"/>
-        <xsl:text>{
+        <xsl:text> {
 </xsl:text>
       </pre>
       <table>
         <xsl:for-each select="field">
           <xsl:choose>
             <xsl:when test='@type = "union"'>
-              <tr><td>union {</td></tr>
+              <tr><td><span class="keyword">union</span> {</td></tr>
               <tr>
               <td><table>
               <xsl:for-each select="union/field">
                 <tr>
                   <td>
-                    <xsl:call-template name="dumptext">
-                      <xsl:with-param name="text" select="@type"/>
-                    </xsl:call-template>
+                    <span class="type">
+                      <xsl:call-template name="dumptext">
+                        <xsl:with-param name="text" select="@type"/>
+                      </xsl:call-template>
+                    </span>
                   </td>
                   <td><xsl:value-of select="@name"/></td>
                   <xsl:if test="@info != ''">
                     <td>
-                      <xsl:text> : </xsl:text>
-                      <xsl:call-template name="dumptext">
-                        <xsl:with-param name="text" select="@info"/>
-                      </xsl:call-template>
+                      <div class="comment">
+                        <xsl:call-template name="dumptext">
+                          <xsl:with-param name="text" select="@info"/>
+                        </xsl:call-template>
+                      </div>
                     </td>
                   </xsl:if>
                 </tr>
@@ -238,10 +247,11 @@
               <td><xsl:value-of select="@name"/></td>
                 <xsl:if test="@info != ''">
                   <td>
-                    <xsl:text> : </xsl:text>
-                    <xsl:call-template name="dumptext">
-                      <xsl:with-param name="text" select="@info"/>
-                    </xsl:call-template>
+                    <div class="comment">
+                      <xsl:call-template name="dumptext">
+                        <xsl:with-param name="text" select="@info"/>
+                      </xsl:call-template>
+                    </div>
                   </td>
                 </xsl:if>
               <td></td></tr>
@@ -249,17 +259,20 @@
             <xsl:otherwise>
               <tr>
                 <td>
-                  <xsl:call-template name="dumptext">
-                    <xsl:with-param name="text" select="@type"/>
-                  </xsl:call-template>
+                  <span class="type">
+                    <xsl:call-template name="dumptext">
+                      <xsl:with-param name="text" select="@type"/>
+                    </xsl:call-template>
+                  </span>
                 </td>
                 <td><xsl:value-of select="@name"/></td>
                 <xsl:if test="@info != ''">
                   <td>
-                    <xsl:text> : </xsl:text>
-                    <xsl:call-template name="dumptext">
-                      <xsl:with-param name="text" select="@info"/>
-                    </xsl:call-template>
+                    <div class="comment">
+                      <xsl:call-template name="dumptext">
+                        <xsl:with-param name="text" select="@info"/>
+                      </xsl:call-template>
+                    </div>
                   </td>
                 </xsl:if>
               </tr>
@@ -269,7 +282,7 @@
         <xsl:if test="not(field)">
           <tr>
             <td colspan="3">
-              <xsl:text>The content of this structure is not made public by the API</xsl:text>
+              <span class="undisclosed">The content of this structure is not made public by the API</span>
             </td>
           </tr>
         </xsl:if>
@@ -285,7 +298,7 @@
   <xsl:template match="macro">
     <xsl:variable name="name" select="string(@name)"/>
     <h3><a name="{$name}"><code><xsl:value-of select="$name"/></code></a></h3>
-    <pre><xsl:text>#define </xsl:text><xsl:value-of select="$name"/></pre>
+    <pre class="api"><span class="directive">#define</span><xsl:text> </xsl:text><xsl:value-of select="$name"/></pre>
     <div>
     <xsl:call-template name="formattext">
       <xsl:with-param name="text" select="info"/>
@@ -299,9 +312,11 @@
     <xsl:variable name="nlen" select="string-length($name)"/>
     <xsl:variable name="tlen" select="string-length(return/@type)"/>
     <xsl:variable name="blen" select="(($nlen + 8) - (($nlen + 8) mod 8)) + (($tlen + 8) - (($tlen + 8) mod 8))"/>
-    <xsl:call-template name="dumptext">
-      <xsl:with-param name="text" select="return/@type"/>
-    </xsl:call-template>
+    <span class="type">
+      <xsl:call-template name="dumptext">
+        <xsl:with-param name="text" select="return/@type"/>
+      </xsl:call-template>
+    </span>
     <xsl:text>&#9;</xsl:text>
     <a href="#{@name}"><xsl:value-of select="@name"/></a>
     <xsl:if test="$blen - 40 &lt; -8">
@@ -312,12 +327,14 @@
     </xsl:if>
     <xsl:text>&#9;(</xsl:text>
     <xsl:if test="not(arg)">
-      <xsl:text>void</xsl:text>
+      <span class="type">void</span>
     </xsl:if>
     <xsl:for-each select="arg">
-      <xsl:call-template name="dumptext">
-        <xsl:with-param name="text" select="@type"/>
-      </xsl:call-template>
+      <span class="type">
+        <xsl:call-template name="dumptext">
+          <xsl:with-param name="text" select="@type"/>
+        </xsl:call-template>
+      </span>
       <xsl:text> </xsl:text>
       <xsl:value-of select="@name"/>
       <xsl:if test="position() != last()">
@@ -340,13 +357,15 @@
     <xsl:variable name="nlen" select="string-length($name)"/>
     <xsl:variable name="tlen" select="string-length(return/@type)"/>
     <xsl:variable name="blen" select="(($nlen + 8) - (($nlen + 8) mod 8)) + (($tlen + 8) - (($tlen + 8) mod 8))"/>
-    <xsl:text>typedef </xsl:text>
+    <span class="keyword">typedef</span><xsl:text> </xsl:text>
     <a href="#{$name}"><xsl:value-of select="$name"/></a>
     <xsl:text>
 </xsl:text>
-    <xsl:call-template name="dumptext">
-      <xsl:with-param name="text" select="return/@type"/>
-    </xsl:call-template>
+    <span class="type">
+      <xsl:call-template name="dumptext">
+        <xsl:with-param name="text" select="return/@type"/>
+      </xsl:call-template>
+    </span>
     <xsl:text>&#9;</xsl:text>
     <a href="#{$name}"><xsl:value-of select="$name"/></a>
     <xsl:if test="$blen - 40 &lt; -8">
@@ -357,12 +376,14 @@
     </xsl:if>
     <xsl:text>&#9;(</xsl:text>
     <xsl:if test="not(arg)">
-      <xsl:text>void</xsl:text>
+      <span class="type">void</span>
     </xsl:if>
     <xsl:for-each select="arg">
-      <xsl:call-template name="dumptext">
-        <xsl:with-param name="text" select="@type"/>
-      </xsl:call-template>
+      <span class="type">
+        <xsl:call-template name="dumptext">
+          <xsl:with-param name="text" select="@type"/>
+        </xsl:call-template>
+      </span>
       <xsl:text> </xsl:text>
       <xsl:value-of select="@name"/>
       <xsl:if test="position() != last()">
@@ -388,11 +409,13 @@
     <xsl:variable name="tlen" select="string-length(return/@type)"/>
     <xsl:variable name="blen" select="(($nlen + 8) - (($nlen + 8) mod 8)) + (($tlen + 8) - (($tlen + 8) mod 8))"/>
     <h3><a name="{$name}"><code><xsl:value-of select="$name"/></code></a></h3>
-    <pre class="programlisting">
-    <xsl:text>typedef </xsl:text>
-    <xsl:call-template name="dumptext">
-      <xsl:with-param name="text" select="return/@type"/>
-    </xsl:call-template>
+    <pre class="api">
+    <span class="keyword">typedef</span><xsl:text> </xsl:text>
+    <span class="type">
+      <xsl:call-template name="dumptext">
+        <xsl:with-param name="text" select="return/@type"/>
+      </xsl:call-template>
+    </span>
     <xsl:text>&#9;(*</xsl:text>
     <xsl:value-of select="@name"/>
     <xsl:if test="$blen - 40 &lt; -8">
@@ -403,16 +426,19 @@
     </xsl:if>
     <xsl:text>)&#9;(</xsl:text>
     <xsl:if test="not(arg)">
-      <xsl:text>void</xsl:text>
+      <span class="type">void</span>
     </xsl:if>
     <xsl:for-each select="arg">
-      <xsl:call-template name="dumptext">
-        <xsl:with-param name="text" select="@type"/>
-      </xsl:call-template>
+      <span class="type">
+        <xsl:call-template name="dumptext">
+          <xsl:with-param name="text" select="@type"/>
+        </xsl:call-template>
+      </span>
       <xsl:text> </xsl:text>
       <xsl:value-of select="@name"/>
       <xsl:if test="position() != last()">
-        <xsl:text>, </xsl:text><br/>
+        <xsl:text>,
+</xsl:text>
 	<xsl:if test="$blen - 40 &gt; 8">
 	  <xsl:text>&#9;</xsl:text>
 	</xsl:if>
@@ -465,10 +491,12 @@
     <xsl:variable name="tlen" select="string-length(return/@type)"/>
     <xsl:variable name="blen" select="(($nlen + 8) - (($nlen + 8) mod 8)) + (($tlen + 8) - (($tlen + 8) mod 8))"/>
     <h3><a name="{$name}"><code><xsl:value-of select="$name"/></code></a></h3>
-    <pre class="programlisting">
-    <xsl:call-template name="dumptext">
-      <xsl:with-param name="text" select="return/@type"/>
-    </xsl:call-template>
+    <pre class="api">
+    <span class="type">
+      <xsl:call-template name="dumptext">
+        <xsl:with-param name="text" select="return/@type"/>
+      </xsl:call-template>
+    </span>
     <xsl:text>&#9;</xsl:text>
     <xsl:value-of select="@name"/>
     <xsl:if test="$blen - 40 &lt; -8">
@@ -479,16 +507,19 @@
     </xsl:if>
     <xsl:text>&#9;(</xsl:text>
     <xsl:if test="not(arg)">
-      <xsl:text>void</xsl:text>
+      <span class="type">void</span>
     </xsl:if>
     <xsl:for-each select="arg">
-      <xsl:call-template name="dumptext">
-        <xsl:with-param name="text" select="@type"/>
-      </xsl:call-template>
+      <span class="type">
+        <xsl:call-template name="dumptext">
+          <xsl:with-param name="text" select="@type"/>
+        </xsl:call-template>
+      </span>
       <xsl:text> </xsl:text>
       <xsl:value-of select="@name"/>
       <xsl:if test="position() != last()">
-        <xsl:text>, </xsl:text><br/>
+        <xsl:text>,
+</xsl:text>
 	<xsl:if test="$blen - 40 &gt; 8">
 	  <xsl:text>&#9;</xsl:text>
 	</xsl:if>
@@ -498,9 +529,7 @@
 	<xsl:text>&#9;&#9;&#9;&#9;&#9; </xsl:text>
       </xsl:if>
     </xsl:for-each>
-    <xsl:text>)</xsl:text><br/>
-    <xsl:text>
-</xsl:text>
+    <xsl:text>)</xsl:text>
     </pre>
     <div>
     <xsl:call-template name="formattext">
@@ -579,20 +608,20 @@
         <h2>Table of Contents</h2>
         <xsl:if test="count(exports[@type='macro']) > 0">
           <h3><a href="#macros">Macros</a></h3>
-          <pre>
+          <pre class="api">
             <xsl:apply-templates select="exports[@type='macro']" mode="toc">
               <xsl:sort select='@symbol'/>
             </xsl:apply-templates>
           </pre>
         </xsl:if>
         <h3><a href="#types">Types</a></h3>
-        <pre>
+        <pre class="api">
           <xsl:apply-templates select="exports[@type='typedef']" mode="toc">
             <xsl:sort select='@symbol'/>
           </xsl:apply-templates>
         </pre>
         <h3><a href="#functions">Functions</a></h3>
-        <pre>
+        <pre class="api">
           <xsl:apply-templates select="exports[@type='function']" mode="toc">
             <xsl:sort select='@symbol'/>
           </xsl:apply-templates>