FooBarWidget-mizuho 0.9.1 → 0.9.2

data/asciidoc/doc/latexmathml.txt

@@ -0,0 +1,41 @@
+LaTeXMathML Formulae
+====================
+
+http://www.maths.nottingham.ac.uk/personal/drw/lm.html[LaTeXMathML]
+capability has been added to AsciiDoc for users who are more familar
+with or prefer LaTeX math formulas to the
+http://www.methods.co.nz/asciidoc/asciimathml.html[ASCIIMathML]
+notation.
+
+'LaTeXMathML' is a derivative of
+http://www.methods.co.nz/asciidoc/asciimathml.html[ASCIIMathML] -- in
+terms of usage the only difference it that you use the `latexmath`
+attribute instead of the `asciimath` attribute.
+
+'LaTeXMathML' processes LaTeX math formulas not arbitrary LaTeX (as
+`dblatex(1)` does). See the
+http://www.maths.nottingham.ac.uk/personal/drw/lm.html[LaTeXMathML]
+website for details.
+
+Here's the link:latexmath.txt[AsciiDoc source] that generated this
+page.
+
+Some example 'LaTeXMathML' formulas:
+
+- latexmath:[$R_x = 10.0 \times \sin(R_\phi)$]
+
+- [,,2]##latexmath:[$\sum_{n=1}^\infty \frac{1}{2^n}$]##
+
+- latexmath:[$\lim_{x\to\infty} f(x) = k \choose r + \frac ab
+  \sum_{n=1}^\infty a_n + \displaystyle{ \left\{ \frac{1}{13}
+  \sum_{n=1}^\infty b_n \right\} }$]
+
+- latexmath:[$\$\alpha + \$\beta = \$(\alpha + \beta)$]
+
+- latexmath:[$\begin{eqnarray} x & = & \frac{-7 \pm
+  \sqrt{49 - 24}}{6} \\ & = & -2 \textrm{ or } -\frac13.
+  \end{eqnarray}$]
+
+- latexmath:[$\displaystyle{ V_i = C_0 - C_3
+  \frac{C_1\cos(\theta_i+C_3)}{C_4+C_1\cos(\theta_i+C_2)} }$]
+

data/asciidoc/doc/main.aap

@@ -60,13 +60,15 @@ OUTFILES = $*(ROOT).html $*(ROOT).css.html $*(ROOT).css-embedded.html \
         ${HTMLHELP_FILE}.chm \
         $CHUNK_DIR/index.html \
         article.pdf \
+        latexmath.pdf \
         source-highlight-filter.pdf \
         music-filter.pdf
 
 TEST_FILES = $*(ROOT).css-embedded.html 
         article.css-embedded.html book.css-embedded.html \
         article.xml book.xml book-multi.xml asciidoc.xml asciidoc.1.xml \
-        asciidoc.1.html a2x.1.xml music-filter.xml
+        asciidoc.1.html a2x.1.xml music-filter.xml \
+        ../examples/oldtables.xml ../examples/oldtables.html
 
 
 #####################################################################
@@ -168,11 +170,13 @@ TEST_FILES = $*(ROOT).css-embedded.html
 :rule %.fo: %.xml
     :sys $XSLTPROC --nonet --stringparam admon.textlabel 0 ../docbook-xsl/fo.xsl $source >$target
 
-# This kludge forces the User Guide PDF to be generated using dblatex
-# so we include a dblatex example in the distribution.
+# This kludge forces the User Guide and LaTeX Math PDFs to be generated using
+# dblatex so we include a dblatex example in the distribution.
 @if _no.DBLATEX:
     asciidoc.pdf: asciidoc.xml
         :sys $DBLATEX -p ../dblatex/asciidoc-dblatex.xsl -s ../dblatex/asciidoc-dblatex.sty -o $target $source
+    latexmath.pdf: latexmath.xml
+        :sys $DBLATEX -p ../dblatex/asciidoc-dblatex.xsl -s ../dblatex/asciidoc-dblatex.sty -o $target $source
 
 # Force the Source Highlighter PDF to be generated using dblatex
 # because dblatex has builtin source code highlighting.
@@ -260,11 +264,11 @@ book-multi.xml: book-multi.txt
     # Make INSTALL.text and copy to INSTALL.
     :copy ../INSTALL.text ../INSTALL
 
-asciimath.html: asciimath.txt
+asciimathml.html: asciimathml.txt
     :sys $ASCIIDOC -a asciimath $source
     # No xmllint(1) checking -- fails on embedded JavaScript.
 
-latexmath.html: latexmath.txt
+latexmathml.html: latexmathml.txt
     :sys $ASCIIDOC -a latexmath $source
     # No xmllint(1) checking -- fails on embedded JavaScript.
 

data/asciidoc/doc/music-filter.txt

@@ -26,7 +26,7 @@ output document.
 This Music Block:
 
 ---------------------------------------------------------------------
- [music,music1.png]
+ ["music","music1.png",scaledwidth="100%"]
  ---------------------------------------------------------------------
  T:The Butterfly
  R:slip jig
@@ -45,7 +45,7 @@ This Music Block:
 
 Renders:
 
-[music,music1.png]
+["music","music1.png",scaledwidth="100%"]
 ---------------------------------------------------------------------
 T:The Butterfly
 R:slip jig

data/asciidoc/doc/source-highlight-filter.html

@@ -1,30 +1,378 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
+    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<meta name="generator" content="AsciiDoc 8.2.7">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta name="generator" content="AsciiDoc 8.2.7" />
+<style type="text/css">
+/* Debug borders */
+p, li, dt, dd, div, pre, h1, h2, h3, h4, h5, h6 {
+/*
+  border: 1px solid red;
+*/
+}
+
+body {
+  margin: 1em 5% 1em 5%;
+}
+
+a {
+  color: blue;
+  text-decoration: underline;
+}
+a:visited {
+  color: fuchsia;
+}
+
+em {
+  font-style: italic;
+  color: navy;
+}
+
+strong {
+  font-weight: bold;
+  color: #083194;
+}
+
+tt {
+  color: navy;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #527bbd;
+  font-family: sans-serif;
+  margin-top: 1.2em;
+  margin-bottom: 0.5em;
+  line-height: 1.3;
+}
+
+h1, h2, h3 {
+  border-bottom: 2px solid silver;
+}
+h2 {
+  padding-top: 0.5em;
+}
+h3 {
+  float: left;
+}
+h3 + * {
+  clear: left;
+}
+
+div.sectionbody {
+  font-family: serif;
+  margin-left: 0;
+}
+
+hr {
+  border: 1px solid silver;
+}
+
+p {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+
+ul, ol, li > p {
+  margin-top: 0;
+}
+
+pre {
+  padding: 0;
+  margin: 0;
+}
+
+span#author {
+  color: #527bbd;
+  font-family: sans-serif;
+  font-weight: bold;
+  font-size: 1.1em;
+}
+span#email {
+}
+span#revision {
+  font-family: sans-serif;
+}
+
+div#footer {
+  font-family: sans-serif;
+  font-size: small;
+  border-top: 2px solid silver;
+  padding-top: 0.5em;
+  margin-top: 4.0em;
+}
+div#footer-text {
+  float: left;
+  padding-bottom: 0.5em;
+}
+div#footer-badges {
+  float: right;
+  padding-bottom: 0.5em;
+}
+
+div#preamble,
+div.tableblock, div.imageblock, div.exampleblock, div.verseblock,
+div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
+div.admonitionblock {
+  margin-right: 10%;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}
+div.admonitionblock {
+  margin-top: 2.5em;
+  margin-bottom: 2.5em;
+}
+
+div.content { /* Block element content. */
+  padding: 0;
+}
+
+/* Block element titles. */
+div.title, caption.title {
+  color: #527bbd;
+  font-family: sans-serif;
+  font-weight: bold;
+  text-align: left;
+  margin-top: 1.0em;
+  margin-bottom: 0.5em;
+}
+div.title + * {
+  margin-top: 0;
+}
+
+td div.title:first-child {
+  margin-top: 0.0em;
+}
+div.content div.title:first-child {
+  margin-top: 0.0em;
+}
+div.content + div.title {
+  margin-top: 0.0em;
+}
+
+div.sidebarblock > div.content {
+  background: #ffffee;
+  border: 1px solid silver;
+  padding: 0.5em;
+}
+
+div.listingblock {
+  margin-right: 0%;
+}
+div.listingblock > div.content {
+  border: 1px solid silver;
+  background: #f4f4f4;
+  padding: 0.5em;
+}
+
+div.quoteblock {
+  padding-left: 2.0em;
+}
+div.quoteblock > div.attribution {
+  padding-top: 0.5em;
+  text-align: right;
+}
+
+div.verseblock {
+  padding-left: 2.0em;
+}
+div.verseblock > div.content {
+  white-space: pre;
+}
+div.verseblock > div.attribution {
+  padding-top: 0.75em;
+  text-align: left;
+}
+/* DEPRECATED: Pre version 8.2.7 verse style literal block. */
+div.verseblock + div.attribution {
+  text-align: left;
+}
+
+div.admonitionblock .icon {
+  vertical-align: top;
+  font-size: 1.1em;
+  font-weight: bold;
+  text-decoration: underline;
+  color: #527bbd;
+  padding-right: 0.5em;
+}
+div.admonitionblock td.content {
+  padding-left: 0.5em;
+  border-left: 2px solid silver;
+}
+
+div.exampleblock > div.content {
+  border-left: 2px solid silver;
+  padding: 0.5em;
+}
+
+div.imageblock div.content { padding-left: 0; }
+div.imageblock img { border: 1px solid silver; }
+span.image img { border-style: none; }
+
+dl {
+  margin-top: 0.8em;
+  margin-bottom: 0.8em;
+}
+dt {
+  margin-top: 0.5em;
+  margin-bottom: 0;
+  font-style: normal;
+}
+dd > *:first-child {
+  margin-top: 0.1em;
+}
+
+ul, ol {
+    list-style-position: outside;
+}
+div.olist > ol {
+  list-style-type: decimal;
+}
+div.olist2 > ol {
+  list-style-type: lower-alpha;
+}
+
+div.tableblock > table {
+  border: 3px solid #527bbd;
+}
+thead {
+  font-family: sans-serif;
+  font-weight: bold;
+}
+tfoot {
+  font-weight: bold;
+}
+
+div.hlist {
+  margin-top: 0.8em;
+  margin-bottom: 0.8em;
+}
+div.hlist td {
+  padding-bottom: 15px;
+}
+td.hlist1 {
+  vertical-align: top;
+  font-style: normal;
+  padding-right: 0.8em;
+}
+td.hlist2 {
+  vertical-align: top;
+}
+
+@media print {
+  div#footer-badges { display: none; }
+}
+
+div#toctitle {
+  color: #527bbd;
+  font-family: sans-serif;
+  font-size: 1.1em;
+  font-weight: bold;
+  margin-top: 1.0em;
+  margin-bottom: 0.1em;
+}
+
+div.toclevel1, div.toclevel2, div.toclevel3, div.toclevel4 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+div.toclevel2 {
+  margin-left: 2em;
+  font-size: 0.9em;
+}
+div.toclevel3 {
+  margin-left: 4em;
+  font-size: 0.9em;
+}
+div.toclevel4 {
+  margin-left: 6em;
+  font-size: 0.9em;
+}
+/* Workarounds for IE6's broken and incomplete CSS2. */
+
+div.sidebar-content {
+  background: #ffffee;
+  border: 1px solid silver;
+  padding: 0.5em;
+}
+div.sidebar-title, div.image-title {
+  color: #527bbd;
+  font-family: sans-serif;
+  font-weight: bold;
+  margin-top: 0.0em;
+  margin-bottom: 0.5em;
+}
+
+div.listingblock div.content {
+  border: 1px solid silver;
+  background: #f4f4f4;
+  padding: 0.5em;
+}
+
+div.quoteblock-attribution {
+  padding-top: 0.5em;
+  text-align: right;
+}
+
+div.verseblock-content {
+  white-space: pre;
+}
+div.verseblock-attribution {
+  padding-top: 0.75em;
+  text-align: left;
+}
+
+div.exampleblock-content {
+  border-left: 2px solid silver;
+  padding-left: 0.5em;
+}
+
+/* IE6 sets dynamically generated links as visited. */
+div#toc a:visited { color: blue; }
+
+/* Because IE6 child selector is broken. */
+div.olist2 ol {
+  list-style-type: lower-alpha;
+}
+div.olist2 div.olist ol {
+  list-style-type: decimal;
+}
+</style>
 <title>Source Code Highlight Filter</title>
 </head>
 <body>
+<div id="header">
 <h1>Source Code Highlight Filter</h1>
-<p>
-</p>
-<p>The <em>AsciiDoc</em> distribution includes a source code syntax highlight
+</div>
+<div id="preamble">
+<div class="sectionbody">
+<div class="para"><p>The <em>AsciiDoc</em> distribution includes a source code syntax highlight
 filter (<tt>source-highlight-filter.conf</tt>). It uses
 <a href="http://www.gnu.org/software/src-highlite/">GNU source-highlight</a> to
 highlight HTML outputs; DocBook outputs are highlighted by toolchains
 that have <tt>programlisting</tt> element highlight support, for example
-<em>dblatex</em>.</p>
-<p><b>Tip:</b> If the source <em>language</em> attribute has been set (using an
+<em>dblatex</em>.</p></div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Tip</div>
+</td>
+<td class="content">If the source <em>language</em> attribute has been set (using an
 <em>AttributeEntry</em> or from the command-line) you don't have to specify
-it in each source code block.</p>
-<hr />
-<h2><a name="_examples"></a>Examples</h2>
-<h3><a name="_source_code_paragraphs"></a>Source code paragraphs</h3>
-<p>The <tt>source</tt> paragraph style will highlight a paragraph of source
-code. These three code paragraphs:</p>
-<table border="0" bgcolor="#e8e8e8" width="100%" cellpadding="10"><tr><td>
-<pre>[source,python]
+it in each source code block.</td>
+</tr></table>
+</div>
+</div>
+</div>
+<h2 id="_examples">Examples</h2>
+<div class="sectionbody">
+<h3 id="_source_code_paragraphs">Source code paragraphs</h3><div style="clear:left"></div>
+<div class="para"><p>The <tt>source</tt> paragraph style will highlight a paragraph of source
+code. These three code paragraphs:</p></div>
+<div class="listingblock">
+<div class="content">
+<pre><tt>[source,python]
 if n &lt; 0: print 'Hello World!'
 
 :language: python
@@ -34,32 +382,36 @@ if n &lt; 0: print 'Hello World!'
 
 [source,ruby,numbered]
 [true, false].cycle([0, 1, 2, 3, 4]) do |a, b|
-    puts "#{a.inspect} =&gt; #{b.inspect}"</pre>
-</td></tr></table>
-<p>Render this highlighted source code:</p>
-<!-- Generator: GNU source-highlight 2.4
+    puts "#{a.inspect} =&gt; #{b.inspect}"</tt></pre>
+</div></div>
+<div class="para"><p>Render this highlighted source code:</p></div>
+<div class="exampleblock">
+<div class="exampleblock-content"><!-- Generator: GNU source-highlight 2.4
 by Lorenzo Bettini
 http://www.lorenzobettini.it
 http://www.gnu.org/software/src-highlite -->
-<pre><tt><b><font color="#0000FF">if</font></b> n <font color="#990000">&lt;</font> <font color="#993399">0</font><font color="#990000">:</font> <b><font color="#0000FF">print</font></b> <font color="#FF0000">'Hello World!'</font>
-</tt></pre>
-<!-- Generator: GNU source-highlight 2.4
+<pre><tt><span style="font-weight: bold"><span style="color: #0000FF">if</span></span> n <span style="color: #990000">&lt;</span> <span style="color: #993399">0</span><span style="color: #990000">:</span> <span style="font-weight: bold"><span style="color: #0000FF">print</span></span> <span style="color: #FF0000">'Hello World!'</span>
+</tt></pre></div></div>
+<div class="exampleblock">
+<div class="exampleblock-content"><!-- Generator: GNU source-highlight 2.4
 by Lorenzo Bettini
 http://www.lorenzobettini.it
 http://www.gnu.org/software/src-highlite -->
-<pre><tt><b><font color="#0000FF">if</font></b> n <font color="#990000">&lt;</font> <font color="#993399">0</font><font color="#990000">:</font> <b><font color="#0000FF">print</font></b> <font color="#FF0000">'Hello World!'</font>
-</tt></pre>
-<!-- Generator: GNU source-highlight 2.4
+<pre><tt><span style="font-weight: bold"><span style="color: #0000FF">if</span></span> n <span style="color: #990000">&lt;</span> <span style="color: #993399">0</span><span style="color: #990000">:</span> <span style="font-weight: bold"><span style="color: #0000FF">print</span></span> <span style="color: #FF0000">'Hello World!'</span>
+</tt></pre></div></div>
+<div class="exampleblock">
+<div class="exampleblock-content"><!-- Generator: GNU source-highlight 2.4
 by Lorenzo Bettini
 http://www.lorenzobettini.it
 http://www.gnu.org/software/src-highlite -->
-<pre><tt><font color="#000000">00001:</font> <font color="#990000">[</font><b><font color="#0000FF">true</font></b><font color="#990000">,</font> <b><font color="#0000FF">false</font></b><font color="#990000">].</font><b><font color="#000000">cycle</font></b><font color="#990000">([</font><font color="#993399">0</font><font color="#990000">,</font> <font color="#993399">1</font><font color="#990000">,</font> <font color="#993399">2</font><font color="#990000">,</font> <font color="#993399">3</font><font color="#990000">,</font> <font color="#993399">4</font><font color="#990000">])</font> <b><font color="#0000FF">do</font></b> <font color="#990000">|</font>a<font color="#990000">,</font> b<font color="#990000">|</font>
-<font color="#000000">00002:</font>     puts <font color="#FF0000">"#{a.inspect} =&gt; #{b.inspect}"</font>
-</tt></pre>
-<h3><a name="_unnumbered_source_code_listing"></a>Unnumbered source code listing</h3>
-<p>This source-highlight filtered block:</p>
-<table border="0" bgcolor="#e8e8e8" width="100%" cellpadding="10"><tr><td>
-<pre> [source,python]
+<pre><tt><span style="color: #000000">00001:</span> <span style="color: #990000">[</span><span style="font-weight: bold"><span style="color: #0000FF">true</span></span><span style="color: #990000">,</span> <span style="font-weight: bold"><span style="color: #0000FF">false</span></span><span style="color: #990000">].</span><span style="font-weight: bold"><span style="color: #000000">cycle</span></span><span style="color: #990000">([</span><span style="color: #993399">0</span><span style="color: #990000">,</span> <span style="color: #993399">1</span><span style="color: #990000">,</span> <span style="color: #993399">2</span><span style="color: #990000">,</span> <span style="color: #993399">3</span><span style="color: #990000">,</span> <span style="color: #993399">4</span><span style="color: #990000">])</span> <span style="font-weight: bold"><span style="color: #0000FF">do</span></span> <span style="color: #990000">|</span>a<span style="color: #990000">,</span> b<span style="color: #990000">|</span>
+<span style="color: #000000">00002:</span>     puts <span style="color: #FF0000">"#{a.inspect} =&gt; #{b.inspect}"</span>
+</tt></pre></div></div>
+<h3 id="_unnumbered_source_code_listing">Unnumbered source code listing</h3><div style="clear:left"></div>
+<div class="para"><p>This source-highlight filtered block:</p></div>
+<div class="listingblock">
+<div class="content">
+<pre><tt> [source,python]
  ---------------------------------------------------------------------
  ''' A multi-line
      comment.'''
@@ -70,29 +422,29 @@ http://www.gnu.org/software/src-highlite -->
          return quote + word + quote
      else:
          return word
- ---------------------------------------------------------------------</pre>
-</td></tr></table>
-<p>Renders this highlighted source code:</p>
-<table border="0" bgcolor="#e8e8e8" width="100%" cellpadding="10"><tr><td>
-<pre><!-- Generator: GNU source-highlight 2.4
+ ---------------------------------------------------------------------</tt></pre>
+</div></div>
+<div class="para"><p>Renders this highlighted source code:</p></div>
+<div class="listingblock">
+<div class="content"><!-- Generator: GNU source-highlight 2.4
 by Lorenzo Bettini
 http://www.lorenzobettini.it
 http://www.gnu.org/software/src-highlite -->
-<pre><tt><i><font color="#9A1900">''' A multi-line</font></i>
-<i><font color="#9A1900">    comment.'''</font></i>
-<b><font color="#0000FF">def</font></b> <b><font color="#000000">sub_word</font></b><font color="#990000">(</font>mo<font color="#990000">):</font>
-<i><font color="#9A1900">    ''' Single line comment.'''</font></i>
-    word <font color="#990000">=</font> mo<font color="#990000">.</font><b><font color="#000000">group</font></b><font color="#990000">(</font><font color="#FF0000">'word'</font><font color="#990000">)</font>     <i><font color="#9A1900"># Inline comment</font></i>
-    <b><font color="#0000FF">if</font></b> word <b><font color="#0000FF">in</font></b> keywords<font color="#990000">[</font>language<font color="#990000">]:</font>
-        <b><font color="#0000FF">return</font></b> quote <font color="#990000">+</font> word <font color="#990000">+</font> quote
-    <b><font color="#0000FF">else</font></b><font color="#990000">:</font>
-        <b><font color="#0000FF">return</font></b> word
-</tt></pre></pre>
-</td></tr></table>
-<h3><a name="_numbered_source_code_listing"></a>Numbered source code listing</h3>
-<p>This source-highlight filtered block:</p>
-<table border="0" bgcolor="#e8e8e8" width="100%" cellpadding="10"><tr><td>
-<pre> [source,ruby,numbered]
+<pre><tt><span style="font-style: italic"><span style="color: #9A1900">''' A multi-line</span></span>
+<span style="font-style: italic"><span style="color: #9A1900">    comment.'''</span></span>
+<span style="font-weight: bold"><span style="color: #0000FF">def</span></span> <span style="font-weight: bold"><span style="color: #000000">sub_word</span></span><span style="color: #990000">(</span>mo<span style="color: #990000">):</span>
+<span style="font-style: italic"><span style="color: #9A1900">    ''' Single line comment.'''</span></span>
+    word <span style="color: #990000">=</span> mo<span style="color: #990000">.</span><span style="font-weight: bold"><span style="color: #000000">group</span></span><span style="color: #990000">(</span><span style="color: #FF0000">'word'</span><span style="color: #990000">)</span>     <span style="font-style: italic"><span style="color: #9A1900"># Inline comment</span></span>
+    <span style="font-weight: bold"><span style="color: #0000FF">if</span></span> word <span style="font-weight: bold"><span style="color: #0000FF">in</span></span> keywords<span style="color: #990000">[</span>language<span style="color: #990000">]:</span>
+        <span style="font-weight: bold"><span style="color: #0000FF">return</span></span> quote <span style="color: #990000">+</span> word <span style="color: #990000">+</span> quote
+    <span style="font-weight: bold"><span style="color: #0000FF">else</span></span><span style="color: #990000">:</span>
+        <span style="font-weight: bold"><span style="color: #0000FF">return</span></span> word
+</tt></pre></div></div>
+<h3 id="_numbered_source_code_listing_with_callouts">Numbered source code listing with callouts</h3><div style="clear:left"></div>
+<div class="para"><p>This source-highlight filtered block:</p></div>
+<div class="listingblock">
+<div class="content">
+<pre><tt> [source,ruby,numbered]
  ---------------------------------------------------------------------
  #
  # Useful Ruby base class extensions.
@@ -112,72 +464,91 @@ http://www.gnu.org/software/src-highlite -->
 
  end
 
- if $0 == __FILE__
+ if $0 == __FILE__                                 &lt;1&gt;
    # Array#cycle test
    # true =&gt; 0
    # false =&gt; 1
    # true =&gt; 2
    # false =&gt; 3
    # true =&gt; 4
-   puts 'Array#cycle test'
+   puts 'Array#cycle test'                         &lt;2&gt;
    [true, false].cycle([0, 1, 2, 3, 4]) do |a, b|
      puts "#{a.inspect} =&gt; #{b.inspect}"
    end
  end
- ---------------------------------------------------------------------</pre>
-</td></tr></table>
-<p>Renders this highlighted source code:</p>
-<table border="0" bgcolor="#e8e8e8" width="100%" cellpadding="10"><tr><td>
-<pre><!-- Generator: GNU source-highlight 2.4
+ ---------------------------------------------------------------------
+
+ &lt;1&gt; First callout.
+ &lt;2&gt; Second call out.</tt></pre>
+</div></div>
+<div class="para"><p>Renders this highlighted source code:</p></div>
+<div class="listingblock">
+<div class="content"><!-- Generator: GNU source-highlight 2.4
 by Lorenzo Bettini
 http://www.lorenzobettini.it
 http://www.gnu.org/software/src-highlite -->
-<pre><tt><font color="#000000">00001:</font> <i><font color="#9A1900">#</font></i>
-<font color="#000000">00002:</font> <i><font color="#9A1900"># Useful Ruby base class extensions.</font></i>
-<font color="#000000">00003:</font> <i><font color="#9A1900">#</font></i>
-<font color="#000000">00004:</font>
-<font color="#000000">00005:</font> <b><font color="#0000FF">class</font></b> Array
-<font color="#000000">00006:</font>
-<font color="#000000">00007:</font>   <i><font color="#9A1900"># Execute a block passing it corresponding items in</font></i>
-<font color="#000000">00008:</font>   <i><font color="#9A1900"># +self+ and +other_array+.</font></i>
-<font color="#000000">00009:</font>   <i><font color="#9A1900"># If self has less items than other_array it is repeated.</font></i>
-<font color="#000000">00010:</font>
-<font color="#000000">00011:</font>   <b><font color="#0000FF">def</font></b> <b><font color="#000000">cycle</font></b><font color="#990000">(</font>other_array<font color="#990000">)</font>  <i><font color="#9A1900"># :yields: item, other_item</font></i>
-<font color="#000000">00012:</font>     other_array<font color="#990000">.</font>each_with_index <b><font color="#0000FF">do</font></b> <font color="#990000">|</font>item<font color="#990000">,</font> index<font color="#990000">|</font>
-<font color="#000000">00013:</font>       <b><font color="#0000FF">yield</font></b><font color="#990000">(</font><b><font color="#0000FF">self</font></b><font color="#990000">[</font>index <font color="#990000">%</font> <b><font color="#0000FF">self</font></b><font color="#990000">.</font>length<font color="#990000">],</font> item<font color="#990000">)</font>
-<font color="#000000">00014:</font>     <b><font color="#0000FF">end</font></b>
-<font color="#000000">00015:</font>   <b><font color="#0000FF">end</font></b>
-<font color="#000000">00016:</font>
-<font color="#000000">00017:</font> <b><font color="#0000FF">end</font></b>
-<font color="#000000">00018:</font>
-<font color="#000000">00019:</font> <b><font color="#0000FF">if</font></b> <font color="#009900">$0</font> <font color="#990000">==</font> <b><font color="#0000FF">__FILE__</font></b>
-<font color="#000000">00020:</font>   <i><font color="#9A1900"># Array#cycle test</font></i>
-<font color="#000000">00021:</font>   <i><font color="#9A1900"># true =&gt; 0</font></i>
-<font color="#000000">00022:</font>   <i><font color="#9A1900"># false =&gt; 1</font></i>
-<font color="#000000">00023:</font>   <i><font color="#9A1900"># true =&gt; 2</font></i>
-<font color="#000000">00024:</font>   <i><font color="#9A1900"># false =&gt; 3</font></i>
-<font color="#000000">00025:</font>   <i><font color="#9A1900"># true =&gt; 4</font></i>
-<font color="#000000">00026:</font>   puts <font color="#FF0000">'Array#cycle test'</font>
-<font color="#000000">00027:</font>   <font color="#990000">[</font><b><font color="#0000FF">true</font></b><font color="#990000">,</font> <b><font color="#0000FF">false</font></b><font color="#990000">].</font><b><font color="#000000">cycle</font></b><font color="#990000">([</font><font color="#993399">0</font><font color="#990000">,</font> <font color="#993399">1</font><font color="#990000">,</font> <font color="#993399">2</font><font color="#990000">,</font> <font color="#993399">3</font><font color="#990000">,</font> <font color="#993399">4</font><font color="#990000">])</font> <b><font color="#0000FF">do</font></b> <font color="#990000">|</font>a<font color="#990000">,</font> b<font color="#990000">|</font>
-<font color="#000000">00028:</font>     puts <font color="#FF0000">"#{a.inspect} =&gt; #{b.inspect}"</font>
-<font color="#000000">00029:</font>   <b><font color="#0000FF">end</font></b>
-<font color="#000000">00030:</font> <b><font color="#0000FF">end</font></b>
-</tt></pre></pre>
-</td></tr></table>
-<hr />
-<h2><a name="_installation"></a>Installation</h2>
-<p>If you want to syntax highlight <em>AsciiDoc</em> HTML outputs you need to
+<pre><tt><span style="color: #000000">00001:</span> <span style="font-style: italic"><span style="color: #9A1900">#</span></span>
+<span style="color: #000000">00002:</span> <span style="font-style: italic"><span style="color: #9A1900"># Useful Ruby base class extensions.</span></span>
+<span style="color: #000000">00003:</span> <span style="font-style: italic"><span style="color: #9A1900">#</span></span>
+<span style="color: #000000">00004:</span>
+<span style="color: #000000">00005:</span> <span style="font-weight: bold"><span style="color: #0000FF">class</span></span> Array
+<span style="color: #000000">00006:</span>
+<span style="color: #000000">00007:</span>   <span style="font-style: italic"><span style="color: #9A1900"># Execute a block passing it corresponding items in</span></span>
+<span style="color: #000000">00008:</span>   <span style="font-style: italic"><span style="color: #9A1900"># +self+ and +other_array+.</span></span>
+<span style="color: #000000">00009:</span>   <span style="font-style: italic"><span style="color: #9A1900"># If self has less items than other_array it is repeated.</span></span>
+<span style="color: #000000">00010:</span>
+<span style="color: #000000">00011:</span>   <span style="font-weight: bold"><span style="color: #0000FF">def</span></span> <span style="font-weight: bold"><span style="color: #000000">cycle</span></span><span style="color: #990000">(</span>other_array<span style="color: #990000">)</span>  <span style="font-style: italic"><span style="color: #9A1900"># :yields: item, other_item</span></span>
+<span style="color: #000000">00012:</span>     other_array<span style="color: #990000">.</span>each_with_index <span style="font-weight: bold"><span style="color: #0000FF">do</span></span> <span style="color: #990000">|</span>item<span style="color: #990000">,</span> index<span style="color: #990000">|</span>
+<span style="color: #000000">00013:</span>       <span style="font-weight: bold"><span style="color: #0000FF">yield</span></span><span style="color: #990000">(</span><span style="font-weight: bold"><span style="color: #0000FF">self</span></span><span style="color: #990000">[</span>index <span style="color: #990000">%</span> <span style="font-weight: bold"><span style="color: #0000FF">self</span></span><span style="color: #990000">.</span>length<span style="color: #990000">],</span> item<span style="color: #990000">)</span>
+<span style="color: #000000">00014:</span>     <span style="font-weight: bold"><span style="color: #0000FF">end</span></span>
+<span style="color: #000000">00015:</span>   <span style="font-weight: bold"><span style="color: #0000FF">end</span></span>
+<span style="color: #000000">00016:</span>
+<span style="color: #000000">00017:</span> <span style="font-weight: bold"><span style="color: #0000FF">end</span></span>
+<span style="color: #000000">00018:</span>
+<span style="color: #000000">00019:</span> <span style="font-weight: bold"><span style="color: #0000FF">if</span></span> <span style="color: #009900">$0</span> <span style="color: #990000">==</span> <span style="font-weight: bold"><span style="color: #0000FF">__FILE__</span></span>                                 <span style="color: #FF0000"><b>&lt;1&gt;</b></span>
+<span style="color: #000000">00020:</span>   <span style="font-style: italic"><span style="color: #9A1900"># Array#cycle test</span></span>
+<span style="color: #000000">00021:</span>   <span style="font-style: italic"><span style="color: #9A1900"># true =&gt; 0</span></span>
+<span style="color: #000000">00022:</span>   <span style="font-style: italic"><span style="color: #9A1900"># false =&gt; 1</span></span>
+<span style="color: #000000">00023:</span>   <span style="font-style: italic"><span style="color: #9A1900"># true =&gt; 2</span></span>
+<span style="color: #000000">00024:</span>   <span style="font-style: italic"><span style="color: #9A1900"># false =&gt; 3</span></span>
+<span style="color: #000000">00025:</span>   <span style="font-style: italic"><span style="color: #9A1900"># true =&gt; 4</span></span>
+<span style="color: #000000">00026:</span>   puts <span style="color: #FF0000">'Array#cycle test'</span>                         <span style="color: #FF0000"><b>&lt;2&gt;</b></span>
+<span style="color: #000000">00027:</span>   <span style="color: #990000">[</span><span style="font-weight: bold"><span style="color: #0000FF">true</span></span><span style="color: #990000">,</span> <span style="font-weight: bold"><span style="color: #0000FF">false</span></span><span style="color: #990000">].</span><span style="font-weight: bold"><span style="color: #000000">cycle</span></span><span style="color: #990000">([</span><span style="color: #993399">0</span><span style="color: #990000">,</span> <span style="color: #993399">1</span><span style="color: #990000">,</span> <span style="color: #993399">2</span><span style="color: #990000">,</span> <span style="color: #993399">3</span><span style="color: #990000">,</span> <span style="color: #993399">4</span><span style="color: #990000">])</span> <span style="font-weight: bold"><span style="color: #0000FF">do</span></span> <span style="color: #990000">|</span>a<span style="color: #990000">,</span> b<span style="color: #990000">|</span>
+<span style="color: #000000">00028:</span>     puts <span style="color: #FF0000">"#{a.inspect} =&gt; #{b.inspect}"</span>
+<span style="color: #000000">00029:</span>   <span style="font-weight: bold"><span style="color: #0000FF">end</span></span>
+<span style="color: #000000">00030:</span> <span style="font-weight: bold"><span style="color: #0000FF">end</span></span>
+</tt></pre></div></div>
+<div class="colist"><ol>
+<li>
+<p>
+First callout.
+</p>
+</li>
+<li>
+<p>
+Second call out.
+</p>
+</li>
+</ol></div>
+</div>
+<h2 id="_installation">Installation</h2>
+<div class="sectionbody">
+<div class="para"><p>If you want to syntax highlight <em>AsciiDoc</em> HTML outputs you need to
 install <a href="http://www.gnu.org/software/src-highlite/">GNU
 source-highlight</a> (most distributions have this package). It's not
 required if you are generating DocBook output (DocBook syntax
-highlighting is handled by the DocBook toolchain).</p>
-<p>Test the filter by converting the test file to HTML with <em>AsciiDoc</em>:</p>
-<pre>$ asciidoc -v ./filters/source-highlight-filter-test.txt
-$ firefox ./filters/source-highlight-filter-test.html &amp;</pre>
-<p></p>
-<p></p>
-<hr /><p><small>
-Last updated 2008-07-02 23:02:19 NZDT
-</small></p>
+highlighting is handled by the DocBook toolchain).</p></div>
+<div class="para"><p>Test the filter by converting the test file to HTML with <em>AsciiDoc</em>:</p></div>
+<div class="literalblock">
+<div class="content">
+<pre><tt>$ asciidoc -v ./filters/source-highlight-filter-test.txt
+$ firefox ./filters/source-highlight-filter-test.html &amp;</tt></pre>
+</div></div>
+</div>
+<div id="footer">
+<div id="footer-text">
+Last updated 2008-07-06 13:37:16 NZDT
+</div>
+</div>
 </body>
 </html>