summaryrefslogtreecommitdiff
path: root/tests/fixtures/outputs/testcases-xhtml11.html
diff options
context:
space:
mode:
Diffstat (limited to 'tests/fixtures/outputs/testcases-xhtml11.html')
-rw-r--r--tests/fixtures/outputs/testcases-xhtml11.html1823
1 files changed, 1823 insertions, 0 deletions
diff --git a/tests/fixtures/outputs/testcases-xhtml11.html b/tests/fixtures/outputs/testcases-xhtml11.html
new file mode 100644
index 0000000..88863ff
--- /dev/null
+++ b/tests/fixtures/outputs/testcases-xhtml11.html
@@ -0,0 +1,1823 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!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="application/xhtml+xml; charset=UTF-8" />
+<meta name="generator" content="AsciiDoc test" />
+<meta name="description" content="AsciiDoc is a text document format for writing short documents, articles, books, slideshows and UNIX man pages." />
+<meta name="keywords" content="AsciiDoc, DocBook, EPUB, slideshow" />
+<title>Test Cases</title>
+<style type="text/css">
+/* Shared CSS for AsciiDoc xhtml11 and html5 backends */
+
+/* Default font. */
+body {
+ font-family: Georgia,serif;
+}
+
+/* Title font. */
+h1, h2, h3, h4, h5, h6,
+div.title, caption.title,
+thead, p.table.header,
+#toctitle,
+#author, #revnumber, #revdate, #revremark,
+#footer {
+ font-family: Arial,Helvetica,sans-serif;
+}
+
+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;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ color: #527bbd;
+ 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;
+}
+h5 {
+ font-size: 1.0em;
+}
+
+div.sectionbody {
+ margin-left: 0;
+}
+
+hr {
+ border: 1px solid silver;
+}
+
+p {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+ul, ol, li > p {
+ margin-top: 0;
+}
+ul > li { color: #aaa; }
+ul > li > * { color: black; }
+
+.monospaced, code, pre {
+ font-family: "Courier New", Courier, monospace;
+ font-size: inherit;
+ color: navy;
+ padding: 0;
+ margin: 0;
+}
+pre {
+ white-space: pre-wrap;
+}
+
+#author {
+ color: #527bbd;
+ font-weight: bold;
+ font-size: 1.1em;
+}
+#email {
+}
+#revnumber, #revdate, #revremark {
+}
+
+#footer {
+ font-size: small;
+ border-top: 2px solid silver;
+ padding-top: 0.5em;
+ margin-top: 4.0em;
+}
+#footer-text {
+ float: left;
+ padding-bottom: 0.5em;
+}
+#footer-badges {
+ float: right;
+ padding-bottom: 0.5em;
+}
+
+#preamble {
+ margin-top: 1.5em;
+ margin-bottom: 1.5em;
+}
+div.imageblock, div.exampleblock, div.verseblock,
+div.quoteblock, div.literalblock, div.listingblock, div.sidebarblock,
+div.admonitionblock {
+ margin-top: 1.0em;
+ margin-bottom: 1.5em;
+}
+div.admonitionblock {
+ margin-top: 2.0em;
+ margin-bottom: 2.0em;
+ margin-right: 10%;
+ color: #606060;
+}
+
+div.content { /* Block element content. */
+ padding: 0;
+}
+
+/* Block element titles. */
+div.title, caption.title {
+ color: #527bbd;
+ 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 #dddddd;
+ border-left: 4px solid #f0f0f0;
+ padding: 0.5em;
+}
+
+div.listingblock > div.content {
+ border: 1px solid #dddddd;
+ border-left: 5px solid #f0f0f0;
+ background: #f8f8f8;
+ padding: 0.5em;
+}
+
+div.quoteblock, div.verseblock {
+ padding-left: 1.0em;
+ margin-left: 1.0em;
+ margin-right: 10%;
+ border-left: 5px solid #f0f0f0;
+ color: #888;
+}
+
+div.quoteblock > div.attribution {
+ padding-top: 0.5em;
+ text-align: right;
+}
+
+div.verseblock > pre.content {
+ font-family: inherit;
+ font-size: inherit;
+}
+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: 3px solid #dddddd;
+}
+
+div.exampleblock > div.content {
+ border-left: 3px solid #dddddd;
+ padding-left: 0.5em;
+}
+
+div.imageblock div.content { padding-left: 0; }
+span.image img { border-style: none; vertical-align: text-bottom; }
+a.image:visited { color: white; }
+
+dl {
+ margin-top: 0.8em;
+ margin-bottom: 0.8em;
+}
+dt {
+ margin-top: 0.5em;
+ margin-bottom: 0;
+ font-style: normal;
+ color: navy;
+}
+dd > *:first-child {
+ margin-top: 0.1em;
+}
+
+ul, ol {
+ list-style-position: outside;
+}
+ol.arabic {
+ list-style-type: decimal;
+}
+ol.loweralpha {
+ list-style-type: lower-alpha;
+}
+ol.upperalpha {
+ list-style-type: upper-alpha;
+}
+ol.lowerroman {
+ list-style-type: lower-roman;
+}
+ol.upperroman {
+ list-style-type: upper-roman;
+}
+
+div.compact ul, div.compact ol,
+div.compact p, div.compact p,
+div.compact div, div.compact div {
+ margin-top: 0.1em;
+ margin-bottom: 0.1em;
+}
+
+tfoot {
+ font-weight: bold;
+}
+td > div.verse {
+ white-space: pre;
+}
+
+div.hdlist {
+ margin-top: 0.8em;
+ margin-bottom: 0.8em;
+}
+div.hdlist tr {
+ padding-bottom: 15px;
+}
+dt.hdlist1.strong, td.hdlist1.strong {
+ font-weight: bold;
+}
+td.hdlist1 {
+ vertical-align: top;
+ font-style: normal;
+ padding-right: 0.8em;
+ color: navy;
+}
+td.hdlist2 {
+ vertical-align: top;
+}
+div.hdlist.compact tr {
+ margin: 0;
+ padding-bottom: 0;
+}
+
+.comment {
+ background: yellow;
+}
+
+.footnote, .footnoteref {
+ font-size: 0.8em;
+}
+
+span.footnote, span.footnoteref {
+ vertical-align: super;
+}
+
+#footnotes {
+ margin: 20px 0 20px 0;
+ padding: 7px 0 0 0;
+}
+
+#footnotes div.footnote {
+ margin: 0 0 5px 0;
+}
+
+#footnotes hr {
+ border: none;
+ border-top: 1px solid silver;
+ height: 1px;
+ text-align: left;
+ margin-left: 0;
+ width: 20%;
+ min-width: 100px;
+}
+
+div.colist td {
+ padding-right: 0.5em;
+ padding-bottom: 0.3em;
+ vertical-align: top;
+}
+div.colist td img {
+ margin-top: 0.3em;
+}
+
+@media print {
+ #footer-badges { display: none; }
+}
+
+#toc {
+ margin-bottom: 2.5em;
+}
+
+#toctitle {
+ color: #527bbd;
+ font-size: 1.1em;
+ font-weight: bold;
+ margin-top: 1.0em;
+ margin-bottom: 0.1em;
+}
+
+div.toclevel0, 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;
+}
+
+span.aqua { color: aqua; }
+span.black { color: black; }
+span.blue { color: blue; }
+span.fuchsia { color: fuchsia; }
+span.gray { color: gray; }
+span.green { color: green; }
+span.lime { color: lime; }
+span.maroon { color: maroon; }
+span.navy { color: navy; }
+span.olive { color: olive; }
+span.purple { color: purple; }
+span.red { color: red; }
+span.silver { color: silver; }
+span.teal { color: teal; }
+span.white { color: white; }
+span.yellow { color: yellow; }
+
+span.aqua-background { background: aqua; }
+span.black-background { background: black; }
+span.blue-background { background: blue; }
+span.fuchsia-background { background: fuchsia; }
+span.gray-background { background: gray; }
+span.green-background { background: green; }
+span.lime-background { background: lime; }
+span.maroon-background { background: maroon; }
+span.navy-background { background: navy; }
+span.olive-background { background: olive; }
+span.purple-background { background: purple; }
+span.red-background { background: red; }
+span.silver-background { background: silver; }
+span.teal-background { background: teal; }
+span.white-background { background: white; }
+span.yellow-background { background: yellow; }
+
+span.big { font-size: 2em; }
+span.small { font-size: 0.6em; }
+
+span.underline { text-decoration: underline; }
+span.overline { text-decoration: overline; }
+span.line-through { text-decoration: line-through; }
+
+div.unbreakable { page-break-inside: avoid; }
+
+
+/*
+ * xhtml11 specific
+ *
+ * */
+
+div.tableblock {
+ margin-top: 1.0em;
+ margin-bottom: 1.5em;
+}
+div.tableblock > table {
+ border: 3px solid #527bbd;
+}
+thead, p.table.header {
+ font-weight: bold;
+ color: #527bbd;
+}
+p.table {
+ margin-top: 0;
+}
+/* Because the table frame attribute is overridden by CSS in most browsers. */
+div.tableblock > table[frame="void"] {
+ border-style: none;
+}
+div.tableblock > table[frame="hsides"] {
+ border-left-style: none;
+ border-right-style: none;
+}
+div.tableblock > table[frame="vsides"] {
+ border-top-style: none;
+ border-bottom-style: none;
+}
+
+
+/*
+ * html5 specific
+ *
+ * */
+
+table.tableblock {
+ margin-top: 1.0em;
+ margin-bottom: 1.5em;
+}
+thead, p.tableblock.header {
+ font-weight: bold;
+ color: #527bbd;
+}
+p.tableblock {
+ margin-top: 0;
+}
+table.tableblock {
+ border-width: 3px;
+ border-spacing: 0px;
+ border-style: solid;
+ border-color: #527bbd;
+ border-collapse: collapse;
+}
+th.tableblock, td.tableblock {
+ border-width: 1px;
+ padding: 4px;
+ border-style: solid;
+ border-color: #527bbd;
+}
+
+table.tableblock.frame-topbot {
+ border-left-style: hidden;
+ border-right-style: hidden;
+}
+table.tableblock.frame-sides {
+ border-top-style: hidden;
+ border-bottom-style: hidden;
+}
+table.tableblock.frame-none {
+ border-style: hidden;
+}
+
+th.tableblock.halign-left, td.tableblock.halign-left {
+ text-align: left;
+}
+th.tableblock.halign-center, td.tableblock.halign-center {
+ text-align: center;
+}
+th.tableblock.halign-right, td.tableblock.halign-right {
+ text-align: right;
+}
+
+th.tableblock.valign-top, td.tableblock.valign-top {
+ vertical-align: top;
+}
+th.tableblock.valign-middle, td.tableblock.valign-middle {
+ vertical-align: middle;
+}
+th.tableblock.valign-bottom, td.tableblock.valign-bottom {
+ vertical-align: bottom;
+}
+
+
+/*
+ * manpage specific
+ *
+ * */
+
+body.manpage h1 {
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ border-top: 2px solid silver;
+ border-bottom: 2px solid silver;
+}
+body.manpage h2 {
+ border-style: none;
+}
+body.manpage div.sectionbody {
+ margin-left: 3em;
+}
+
+@media print {
+ body.manpage div#toc { display: none; }
+}
+
+
+</style>
+<script type="text/javascript">
+/*<![CDATA[*/
+var asciidoc = { // Namespace.
+
+/////////////////////////////////////////////////////////////////////
+// Table Of Contents generator
+/////////////////////////////////////////////////////////////////////
+
+/* Author: Mihai Bazon, September 2002
+ * http://students.infoiasi.ro/~mishoo
+ *
+ * Table Of Content generator
+ * Version: 0.4
+ *
+ * Feel free to use this script under the terms of the GNU General Public
+ * License, as long as you do not remove or alter this notice.
+ */
+
+ /* modified by Troy D. Hanson, September 2006. License: GPL */
+ /* modified by Stuart Rackham, 2006, 2009. License: GPL */
+
+// toclevels = 1..4.
+toc: function (toclevels) {
+
+ function getText(el) {
+ var text = "";
+ for (var i = el.firstChild; i != null; i = i.nextSibling) {
+ if (i.nodeType == 3 /* Node.TEXT_NODE */) // IE doesn't speak constants.
+ text += i.data;
+ else if (i.firstChild != null)
+ text += getText(i);
+ }
+ return text;
+ }
+
+ function TocEntry(el, text, toclevel) {
+ this.element = el;
+ this.text = text;
+ this.toclevel = toclevel;
+ }
+
+ function tocEntries(el, toclevels) {
+ var result = new Array;
+ var re = new RegExp('[hH]([1-'+(toclevels+1)+'])');
+ // Function that scans the DOM tree for header elements (the DOM2
+ // nodeIterator API would be a better technique but not supported by all
+ // browsers).
+ var iterate = function (el) {
+ for (var i = el.firstChild; i != null; i = i.nextSibling) {
+ if (i.nodeType == 1 /* Node.ELEMENT_NODE */) {
+ var mo = re.exec(i.tagName);
+ if (mo && (i.getAttribute("class") || i.getAttribute("className")) != "float") {
+ result[result.length] = new TocEntry(i, getText(i), mo[1]-1);
+ }
+ iterate(i);
+ }
+ }
+ }
+ iterate(el);
+ return result;
+ }
+
+ var toc = document.getElementById("toc");
+ if (!toc) {
+ return;
+ }
+
+ // Delete existing TOC entries in case we're reloading the TOC.
+ var tocEntriesToRemove = [];
+ var i;
+ for (i = 0; i < toc.childNodes.length; i++) {
+ var entry = toc.childNodes[i];
+ if (entry.nodeName.toLowerCase() == 'div'
+ && entry.getAttribute("class")
+ && entry.getAttribute("class").match(/^toclevel/))
+ tocEntriesToRemove.push(entry);
+ }
+ for (i = 0; i < tocEntriesToRemove.length; i++) {
+ toc.removeChild(tocEntriesToRemove[i]);
+ }
+
+ // Rebuild TOC entries.
+ var entries = tocEntries(document.getElementById("content"), toclevels);
+ for (var i = 0; i < entries.length; ++i) {
+ var entry = entries[i];
+ if (entry.element.id == "")
+ entry.element.id = "_toc_" + i;
+ var a = document.createElement("a");
+ a.href = "#" + entry.element.id;
+ a.appendChild(document.createTextNode(entry.text));
+ var div = document.createElement("div");
+ div.appendChild(a);
+ div.className = "toclevel" + entry.toclevel;
+ toc.appendChild(div);
+ }
+ if (entries.length == 0)
+ toc.parentNode.removeChild(toc);
+},
+
+
+/////////////////////////////////////////////////////////////////////
+// Footnotes generator
+/////////////////////////////////////////////////////////////////////
+
+/* Based on footnote generation code from:
+ * http://www.brandspankingnew.net/archive/2005/07/format_footnote.html
+ */
+
+footnotes: function () {
+ // Delete existing footnote entries in case we're reloading the footnodes.
+ var i;
+ var noteholder = document.getElementById("footnotes");
+ if (!noteholder) {
+ return;
+ }
+ var entriesToRemove = [];
+ for (i = 0; i < noteholder.childNodes.length; i++) {
+ var entry = noteholder.childNodes[i];
+ if (entry.nodeName.toLowerCase() == 'div' && entry.getAttribute("class") == "footnote")
+ entriesToRemove.push(entry);
+ }
+ for (i = 0; i < entriesToRemove.length; i++) {
+ noteholder.removeChild(entriesToRemove[i]);
+ }
+
+ // Rebuild footnote entries.
+ var cont = document.getElementById("content");
+ var spans = cont.getElementsByTagName("span");
+ var refs = {};
+ var n = 0;
+ for (i=0; i<spans.length; i++) {
+ if (spans[i].className == "footnote") {
+ n++;
+ var note = spans[i].getAttribute("data-note");
+ if (!note) {
+ // Use [\s\S] in place of . so multi-line matches work.
+ // Because JavaScript has no s (dotall) regex flag.
+ note = spans[i].innerHTML.match(/\s*\[([\s\S]*)]\s*/)[1];
+ spans[i].innerHTML =
+ "[<a id='_footnoteref_" + n + "' href='#_footnote_" + n +
+ "' title='View footnote' class='footnote'>" + n + "</a>]";
+ spans[i].setAttribute("data-note", note);
+ }
+ noteholder.innerHTML +=
+ "<div class='footnote' id='_footnote_" + n + "'>" +
+ "<a href='#_footnoteref_" + n + "' title='Return to text'>" +
+ n + "</a>. " + note + "</div>";
+ var id =spans[i].getAttribute("id");
+ if (id != null) refs["#"+id] = n;
+ }
+ }
+ if (n == 0)
+ noteholder.parentNode.removeChild(noteholder);
+ else {
+ // Process footnoterefs.
+ for (i=0; i<spans.length; i++) {
+ if (spans[i].className == "footnoteref") {
+ var href = spans[i].getElementsByTagName("a")[0].getAttribute("href");
+ href = href.match(/#.*/)[0]; // Because IE return full URL.
+ n = refs[href];
+ spans[i].innerHTML =
+ "[<a href='#_footnote_" + n +
+ "' title='View footnote' class='footnote'>" + n + "</a>]";
+ }
+ }
+ }
+},
+
+install: function(toclevels) {
+ var timerId;
+
+ function reinstall() {
+ asciidoc.footnotes();
+ if (toclevels) {
+ asciidoc.toc(toclevels);
+ }
+ }
+
+ function reinstallAndRemoveTimer() {
+ clearInterval(timerId);
+ reinstall();
+ }
+
+ timerId = setInterval(reinstall, 500);
+ if (document.addEventListener)
+ document.addEventListener("DOMContentLoaded", reinstallAndRemoveTimer, false);
+ else
+ window.onload = reinstallAndRemoveTimer;
+}
+
+}
+asciidoc.install();
+/*]]>*/
+</script>
+</head>
+<body class="article">
+<div id="header">
+<h1>Test <em>Cases</em></h1>
+<span id="author">Joe Bloggs</span><br />
+</div>
+<div id="content">
+<div class="sect1">
+<h2 id="_passthrough_attributes">Passthrough attributes</h2>
+<div class="sectionbody">
+<div class="paragraph"><p><b>*lorum ipsum*</b></p></div>
+<div class="paragraph"><p>&lt;b&gt;*lorum ipsum*&lt;/b&gt;</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_author_attributes">Author attributes</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>{eval:expression}, {sys:command} and {sys2:command}, {counter:c1}</p></div>
+<div class="paragraph"><p>Hello <strong>Joe Bloggs</strong> (Joe Bloggs, JB).</p></div>
+<div class="paragraph"><p>first name or last name or surname.</p></div>
+<div class="paragraph"><p></p></div>
+<div class="paragraph"><p>first name and last name.</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_system_attributes">System attributes</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>1 99 A</p></div>
+<div class="paragraph"><p>1 = 1, 99 = 99, A = A</p></div>
+<div class="paragraph"><p>2 100 B
+2 100 B</p></div>
+<div class="paragraph"><p>2 = 2, 100 = 100, B = B</p></div>
+<div class="paragraph"><p>y: Foobar</p></div>
+<div class="paragraph"><p></p></div>
+<div class="paragraph"><p></p></div>
+<div class="paragraph"><p>3, 7</p></div>
+<div class="paragraph"><p></p></div>
+<div class="paragraph"><p>3, 3</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_quoted_text_attributes">Quoted text attributes</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>A=<em>X</em>, (<em>X</em>), <em>X</em>, [<em>X</em>] <em>X</em></p></div>
+<div class="paragraph"><p>A=<strong><em>X</em></strong>, (<code>_X_</code>), <em><code>X</code></em>, [<strong><em>X</em></strong>] <code><em>X</em></code> <em>X</em></p></div>
+<div class="paragraph"><p>[<em>*X*</em>] <em>+X+</em></p></div>
+<div class="paragraph" id="_intro"><p><a href="#_intro">[_intro]</a> <a href="#_intro">intro</a> <a href="#_intro">[_intro]</a> <em>intro</em></p></div>
+<div class="paragraph"><p><span class="foo">fun with text</span>.
+<strong><span class="foo bar">fun with text</span></strong>.
+<code><span class="foo">fun with text</span></code>.
+<em><span class="foo">fun with text</span></em>.
+<em><span class="foo">fun with text</span></em>.
+&#8220;<span class="foo">fun with text</span>&#8221;.
+&#8216;<span class="foo">fun with text</span>&#8217;.</p></div>
+<div class="paragraph"><p><span class="foo">fun with text</span>.</p></div>
+<div class="paragraph"><p><span class="foo">fun with text</span>.</p></div>
+<div class="paragraph"><p><span class="red">Obvious</span> and <strong><span class="big red yellow-background">very obvious</span></strong>.</p></div>
+<div class="paragraph"><p><span class="underline">Underline text</span>, <span class="overline">overline text</span>
+and <span class="line-through">line-through text</span>.</p></div>
+<div class="paragraph"><p><span class="firstletter">T</span>esting 123 &#8230;</p></div>
+<div class="paragraph"><p>(&#8220;+1\n+&#8221;) if (usually &#8220;+-1\n+&#8221;)</p></div>
+<div class="paragraph"><p>(&#8220;<code>1\n</code>&#8221;) if (usually &#8220;<code>-1\n</code>&#8221;)</p></div>
+<div class="paragraph"><p>(&#8216;Joe Bloggs&#8217;) and &#8216;Joe Bloggs&#8217;</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_configuration_attribute_entries">Configuration attribute entries</h2>
+<div class="sectionbody">
+<div class="hdlist"><table>
+<tr>
+<td class="hdlist1">
+term
+<br />
+</td>
+<td class="hdlist2">
+<p style="margin-top: 0;">
+definition
+</p>
+</td>
+</tr>
+</table></div>
+<div class="dlist"><dl>
+<dt class="hdlist1">
+term
+</dt>
+<dd>
+<p>
+definition
+</p>
+</dd>
+</dl></div>
+<div class="paragraph"><p><a href="#link1">[link1]</a></p></div>
+<div class="paragraph"><p><a href="#link1"></a></p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_role_attribute">role attribute</h2>
+<div class="sectionbody">
+<div class="paragraph test"><p>Paragraph with a role attribute.</p></div>
+<div class="ulist test"><ul>
+<li>
+<p>
+first
+</p>
+</li>
+<li>
+<p>
+second
+</p>
+</li>
+<li>
+<p>
+third
+</p>
+</li>
+</ul></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_break_list_nesting">Break list nesting</h2>
+<div class="sectionbody">
+<div class="olist arabic"><ol class="arabic">
+<li>
+<p>
+List 1.
+</p>
+</li>
+<li>
+<p>
+List 1.
+</p>
+</li>
+</ol></div>
+<div class="olist loweralpha"><ol class="loweralpha">
+<li>
+<p>
+List 2.
+</p>
+</li>
+<li>
+<p>
+List 2.
+</p>
+</li>
+</ol></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_listing_blocks">Listing Blocks</h2>
+<div class="sectionbody">
+<div class="listingblock">
+<div class="content">
+<pre><code>$ ls <strong>-al</strong></code></pre>
+</div></div>
+<div class="listingblock">
+<div class="content">
+<pre><code>[subs="quotes"]
+------------------------------------------
+$ ls *-al*
+------------------------------------------</code></pre>
+</div></div>
+<div class="listingblock">
+<div class="title">Listing</div>
+<div class="content">
+<pre><code>$ ls -al</code></pre>
+</div></div>
+<div class="exampleblock">
+<div class="title">Example 1. Listing example</div>
+<div class="content">
+<div class="listingblock">
+<div class="content">
+<pre><code>$ ls -al</code></pre>
+</div></div>
+</div></div>
+<div class="listingblock">
+<div class="title">Python paragraph</div>
+<div class="content"><!-- Generator: GNU source-highlight
+by Lorenzo Bettini
+http://www.lorenzobettini.it
+http://www.gnu.org/software/src-highlite -->
+<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="listingblock">
+<div class="title">Titled Python listing</div>
+<div class="content"><!-- Generator: GNU source-highlight
+by Lorenzo Bettini
+http://www.lorenzobettini.it
+http://www.gnu.org/software/src-highlite -->
+<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="title">Example 2. Python listing example</div>
+<div class="content">
+<div class="listingblock">
+<div class="content"><!-- Generator: GNU source-highlight
+by Lorenzo Bettini
+http://www.lorenzobettini.it
+http://www.gnu.org/software/src-highlite -->
+<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></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="X1">Links</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>An <a id="X2"></a> inline anchor.
+An <a id="X3"></a> inline anchor with reftext.</p></div>
+<div class="paragraph"><p><a href="#X1">[X1]</a>; captioned link to <a href="#X1">this test case</a>.</p></div>
+<div class="paragraph"><p><a href="#X2">[X2]</a> link to inline anchor; captioned link to <a href="#X2">inline anchor</a>.</p></div>
+<div class="paragraph"><p>Link to <a href="#X3">[X3]</a> anchor.</p></div>
+<div class="paragraph"><p>An example link to a bibliography entry <a href="#Test::Unit">[Test::Unit]</a>.</p></div>
+<div class="hdlist"><table>
+<tr>
+<td class="hdlist1">
+<a id="Test::Unit"></a>[Test::Unit]
+<br />
+</td>
+<td class="hdlist2">
+<p style="margin-top: 0;">
+<a href="http://ruby-doc.org/stdlib/libdoc/test/unit/rdoc/classes/Test/Unit.html">http://ruby-doc.org/stdlib/libdoc/test/unit/rdoc/classes/Test/Unit.html</a>
+</p>
+</td>
+</tr>
+</table></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_titles">Titles</h2>
+<div class="sectionbody">
+<h5 id="_level_4" class="float">Level 4</h5>
+<h4 id="_level_3" class="float">Level 3</h4>
+<h3 id="_level_2" class="float">Level 2</h3>
+<h2 id="_level_1" class="float">Level 1</h2>
+<h5 id="_level_4_2" class="float">Level 4</h5>
+<h4 id="_level_3_2" class="float">Level 3</h4>
+<h3 id="_level_2_2" class="float">Level 2</h3>
+<h2 id="_level_1_2" class="float">Level 1</h2>
+<div class="paragraph"><div class="title">Block title</div><p>Lorum ipsum.</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_lists">Lists</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Bulleted:</p></div>
+<div class="ulist"><ul>
+<li>
+<p>
+item text
+</p>
+<div class="ulist"><ul>
+<li>
+<p>
+item text
+</p>
+<div class="ulist"><ul>
+<li>
+<p>
+item text
+</p>
+<div class="ulist"><ul>
+<li>
+<p>
+item text
+</p>
+<div class="ulist"><ul>
+<li>
+<p>
+item text
+</p>
+<div class="ulist"><ul>
+<li>
+<p>
+item text
+</p>
+</li>
+</ul></div>
+</li>
+</ul></div>
+</li>
+</ul></div>
+</li>
+</ul></div>
+</li>
+</ul></div>
+</li>
+</ul></div>
+<div class="paragraph"><p>Numbered:</p></div>
+<div class="olist arabic"><ol class="arabic">
+<li>
+<p>
+arabic (decimal) numbering
+</p>
+<div class="olist loweralpha"><ol class="loweralpha">
+<li>
+<p>
+loweralpha numbering
+</p>
+<div class="olist upperalpha"><ol class="upperalpha">
+<li>
+<p>
+upperalpha numbering
+</p>
+<div class="olist lowerroman"><ol class="lowerroman">
+<li>
+<p>
+lowerroman numbering
+</p>
+<div class="olist upperroman"><ol class="upperroman">
+<li>
+<p>
+upperroman numbering
+</p>
+<div class="olist arabic"><ol class="arabic">
+<li>
+<p>
+arabic (decimal) numbering
+</p>
+<div class="olist loweralpha"><ol class="loweralpha">
+<li>
+<p>
+loweralpha numbering
+</p>
+<div class="olist lowerroman"><ol class="lowerroman">
+<li>
+<p>
+lowerroman numbering
+</p>
+<div class="olist upperalpha"><ol class="upperalpha">
+<li>
+<p>
+upperalpha numbering
+</p>
+<div class="olist upperroman"><ol class="upperroman">
+<li>
+<p>
+upperroman numbering
+</p>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+</li>
+</ol></div>
+<div class="paragraph"><p>Labeled:</p></div>
+<div class="dlist"><dl>
+<dt class="hdlist1">
+label
+</dt>
+<dd>
+<p>
+item text
+</p>
+<div class="dlist"><dl>
+<dt class="hdlist1">
+label
+</dt>
+<dd>
+<p>
+item text
+</p>
+<div class="dlist"><dl>
+<dt class="hdlist1">
+label
+</dt>
+<dd>
+<p>
+item text
+</p>
+<div class="dlist"><dl>
+<dt class="hdlist1">
+label
+</dt>
+<dd>
+<p>
+item text
+</p>
+</dd>
+</dl></div>
+</dd>
+</dl></div>
+</dd>
+</dl></div>
+</dd>
+</dl></div>
+<div class="paragraph"><p>With item anchor:</p></div>
+<div class="dlist"><dl>
+<dt class="hdlist1">
+one
+</dt>
+<dd>
+<p>
+Item one.
+</p>
+</dd>
+<dt class="hdlist1">
+<a id="item_two"></a>two
+</dt>
+<dd>
+<p>
+Item two.
+</p>
+</dd>
+<dt class="hdlist1">
+three
+</dt>
+<dd>
+<p>
+Item three.
+</p>
+</dd>
+</dl></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_inline_passthroughs">Inline passthroughs</h2>
+<div class="sectionbody">
+<div class="ulist"><ul>
+<li>
+<p>
+Test `ABC`.
+</p>
+</li>
+<li>
+<p>
+Test <code>ABC</code>.
+</p>
+</li>
+<li>
+<p>
+The <code>++i</code> and <code>++j</code> auto-increments.
+</p>
+</li>
+<li>
+<p>
+Paths <code>~/.vim</code> and <code>~/docs</code>.
+</p>
+</li>
+<li>
+<p>
+The <code>__init__</code> method.
+</p>
+</li>
+<li>
+<p>
+The <code>{id}</code> attribute.
+</p>
+</li>
+</ul></div>
+<div class="paragraph"><p>List start number test:</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_images">Images</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_block_images">Block images</h3>
+<div class="imageblock" id="tiger_image">
+<div class="content">
+<img src="../../images/tiger.png" alt="Tyger tyger" />
+</div>
+<div class="title">Figure 1. Tyger tyger</div>
+</div>
+<div class="imageblock" style="text-align:center;">
+<div class="content">
+<img src="../../images/tiger.png" alt="Tiger" width="350" height="250" />
+</div>
+<div class="title">Figure 2: Tyger tyger two</div>
+</div>
+<div class="imageblock">
+<div class="content">
+<img src="../../doc/music2.png" alt="music2.png" />
+</div>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<img src="../../images/icons/note.png" alt="Note" />
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="paragraph"><p><span class="image">
+<img alt="NEW"
+src="data:image/png;base64,
+iVBORw0KGgoAAAANSUhEUgAAABsAAAARCAYAAAAsT9czAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A
+/wD/oL2nkwAAAAlwSFlzAAAOwgAADsIBFShKgAAAAAd0SU1FB9kEGQU1DxUxRF4AAACkSURBVDjL
+3VXbCoAgDD2Wwf7/awcR9mRM23QSWDQQ5i5tZxcLKSXMogUT6bvBjmNLLV1LDwBB61nttK570GSt
+BKQ+81ewXlZPKAdbagEAEJXG+U5UHs3WkgFAtMpFBDDfHTSZB1VzQJjtrEfkJrK6b1pADZm0kbxE
+5Rr9XtmynrnkteSjZ4csFJ7+vTb60buosv4jS999QeqPao6yPF6f8NtfzAno2HZ/Qe1mTQAAAABJ
+RU5ErkJggg==" />
+</span> <em>testing</em> <code>123</code>.</p></div>
+</div>
+<div class="sect2">
+<h3 id="_inline_images">Inline images</h3>
+<div class="paragraph"><p>Inline image <span class="image">
+<img src="../../images/smallnew.png" alt="smallnew.png" />
+</span></p></div>
+<div class="paragraph"><p>Inline image <span class="image">
+<img src="../../images/smallnew.png" alt="NEW!" />
+</span></p></div>
+<div class="paragraph"><p>Inline image <span class="image">
+<img src="../../images/smallnew.png" alt="NEW!" title="Small new" />
+</span></p></div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_admonishments">Admonishments</h2>
+<div class="sectionbody">
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Tip</div>
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Warning</div>
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Caution</div>
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Important</div>
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<img src="../../images/icons/note.png" alt="Note" />
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<img src="../../images/icons/tip.png" alt="Tip" />
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<img src="../../images/icons/warning.png" alt="Warning" />
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<img src="../../images/icons/caution.png" alt="Caution" />
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<img src="../../images/icons/important.png" alt="Important" />
+</td>
+<td class="content">Lorum ipsum.</td>
+</tr></table>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_backslash_escapes">Backslash escapes</h2>
+<div class="sectionbody">
+<div class="paragraph"><div class="title">Apostrophe</div><p>Don&#8217;t vs don't.</p></div>
+<div class="paragraph"><div class="title">Exceptions</div><p>There are a number of exceptions to the usual single backslash rule&#8201;&#8212;&#8201;mostly relating to URL macros that have two syntaxes or quoting
+ambiguity. Here are some non-standard escape examples:</p></div>
+<div class="tableblock">
+<table rules="all"
+width="40%"
+frame="border"
+cellspacing="0" cellpadding="4">
+<col width="50%" />
+<col width="50%" />
+<thead>
+<tr>
+<th align="left" valign="top">AsciiDoc </th>
+<th align="left" valign="top"> Renders</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td align="left" valign="top"><div class="literal"><pre><code>\joe.bloggs@example.com
+&lt;\joe.bloggs@example.com&gt;
+\mailto:[\joe.bloggs@example.com]</code></pre></div></td>
+<td align="left" valign="top"><div class="verse">joe.bloggs@example.com
+&lt;joe.bloggs@example.com&gt;
+mailto:[joe.bloggs@example.com]</div></td>
+</tr>
+<tr>
+<td align="left" valign="top"><div class="literal"><pre><code>\http://www.example.com
+\\http://www.example.com[]
+\\http://www.example.com[Foobar Limited]</code></pre></div></td>
+<td align="left" valign="top"><div class="verse">http://www.example.com
+http://www.example.com[]
+http://www.example.com[Foobar Limited]</div></td>
+</tr>
+<tr>
+<td align="left" valign="top"><div class="literal"><pre><code>A C\++ Library for C++
+\\``double-quotes''
+\*\*F**ile Open\...</code></pre></div></td>
+<td align="left" valign="top"><div class="verse">A C++ Library for C++
+``double-quotes''
+**F**ile Open...</div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_paragraphs">Paragraphs</h2>
+<div class="sectionbody">
+<div class="paragraph"><div class="title">Normal paragraph</div><p>This is a <strong>bold</strong> a line
+This is a <em>strong</em> line
+This is another <em>strong</em> line</p></div>
+<div class="literalblock">
+<div class="title">Literal paragraph</div>
+<div class="content">
+<pre><code>This is a *bold* a line
+This is a 'strong' line
+This is another _strong_ line</code></pre>
+</div></div>
+<div class="verseblock">
+<div class="title">Verse paragraph</div>
+<pre class="content">This is a <strong>bold</strong> a line
+This is a <em>strong</em> line
+This is another <em>strong</em> line</pre>
+<div class="attribution">
+</div></div>
+<div class="literalblock">
+<div class="title">Indented (literal) paragraph</div>
+<div class="content">
+<pre><code>This is a *bold* a line
+This is a 'strong' line
+This is another _strong_ line</code></pre>
+</div></div>
+<div class="literalblock">
+<div class="title">Indented with quotes substitution</div>
+<div class="content">
+<pre><code>This is a <strong>bold</strong> a line
+This is a <em>strong</em> line
+This is another <em>strong</em> line</code></pre>
+</div></div>
+<div class="literalblock">
+<div class="title">Literal paragraph with quotes substitution</div>
+<div class="content">
+<pre><code>This is a <strong>bold</strong> a line
+This is a <em>strong</em> line
+This is another <em>strong</em> line</code></pre>
+</div></div>
+<div class="paragraph"><div class="title">Monospaced paragraph with line breaks</div><p><code>This is a <strong>bold</strong> line</code><br />
+<code>This is a <em>strong</em> line</code><br />
+<code>This is another <em>strong</em> line</code></p></div>
+<div class="paragraph"><div class="title">Another monospaced paragraph with line breaks</div><p><code>This is a <strong>bold</strong> a line<br />
+This is a <em>strong</em> line<br />
+This is another <em>strong</em> line</code></p></div>
+<div class="literalblock">
+<div class="title">Literal block with quotes substitution</div>
+<div class="content">
+<pre><code>This is a <strong>bold</strong> a line
+This is a <em>strong</em> line
+This is another <em>strong</em> line</code></pre>
+</div></div>
+<div class="verseblock">
+<pre class="content">To see a world in a grain of sand,
+And a heaven in a wild flower,
+Hold infinity in the palm of your hand,
+And eternity in an hour.</pre>
+<div class="attribution">
+<em>from Auguries of Innocence</em><br />
+&#8212; William Blake
+</div></div>
+<div class="quoteblock">
+<div class="content">A good notation has subtlety and suggestiveness which at times makes
+it almost seem like a live teacher.</div>
+<div class="attribution">
+<em>The World of Mathematics (1956)</em><br />
+&#8212; Bertrand Russell
+</div></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_urls">URLs</h2>
+<div class="sectionbody">
+<div class="sect2">
+<h3 id="_mail_addresses">Mail Addresses</h3>
+<div class="paragraph"><p><a href="mailto:joe_bloggs@mail_server.com_">joe_bloggs@mail_server.com_</a></p></div>
+<div class="paragraph"><p><a href="mailto:joe-bloggs@mail-server.com">joe-bloggs@mail-server.com</a>.</p></div>
+<div class="paragraph"><p><a href="mailto:joe-bloggs@mail-server.com">joe-bloggs@mail-server.com</a>,<a href="mailto:joe-bloggs@mail-server.com">joe-bloggs@mail-server.com</a>,</p></div>
+<div class="paragraph"><p><a href="mailto:joe-bloggs@mail-server.com">Mail</a></p></div>
+<div class="paragraph"><p><a href="mailto:joe_bloggs@mail_server.com">Mail</a></p></div>
+<div class="paragraph"><p><a href="mailto:joe.bloggs@mail.server.com">Mail</a></p></div>
+<div class="paragraph"><p><a href="mailto:joe.bloggs@mail.server.com">joe.bloggs@mail.server.com</a><br />
+lorum ipsum.</p></div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_comments">Comments</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Qui in magna commodo, est labitur dolorum an. Est ne magna primis.
+
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et.</p></div>
+<p><span class="comment"> This comment line will be displayed in the output.</span></p>
+<div class="paragraph"><p>Qui in magna commodo, est labitur dolorum an. Est ne magna primis.
+<br /><span class="comment"> Visible inline comment line.</span><br />
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et.</p></div>
+<div class="paragraph" id="comment_macro"><div class="title">Block title</div><p>Lorum ipsum.</p></div>
+<div class="paragraph" id="comment_block"><div class="title">Block title</div><p>Lorum ipsum.</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_index_terms">Index Terms</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Test 1 test1.</p></div>
+<div class="paragraph"><p>Test 2 .</p></div>
+<div class="paragraph"><p>Test 3 .</p></div>
+<div class="paragraph"><p>Test 4 .</p></div>
+<div class="paragraph"><p>Test 5 test5.</p></div>
+<div class="paragraph"><p>Test 6 .</p></div>
+<div class="paragraph"><p>Test 7 .</p></div>
+<div class="paragraph"><p>Test 8 .</p></div>
+<div class="paragraph"><p>Multi-passthough substitution (see
+<a href="http://groups.google.com/group/asciidoc/browse_frm/thread/1269dc2feb1a482c">http://groups.google.com/group/asciidoc/browse_frm/thread/1269dc2feb1a482c</a>)
+<code>foo</code></p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_table_with_fractional_column_width_units">Table with fractional column width units</h2>
+<div class="sectionbody">
+<div class="admonitionblock">
+<table><tr>
+<td class="icon">
+<div class="title">Note</div>
+</td>
+<td class="content"><em>pagewidth</em> and <em>pageunits</em> only apply to DocBook outputs.</td>
+</tr></table>
+</div>
+<div class="tableblock">
+<table rules="all"
+width="50%"
+frame="border"
+cellspacing="0" cellpadding="4">
+<caption class="title">Table 1. Horizontal and vertical source data</caption>
+<col width="17%" />
+<col width="11%" />
+<col width="11%" />
+<col width="58%" />
+<thead>
+<tr>
+<th align="left" valign="top">Date </th>
+<th align="center" valign="top">Duration </th>
+<th align="center" valign="top">Avg HR </th>
+<th align="left" valign="top">Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td align="left" valign="top"><p class="table">22-Aug-08</p></td>
+<td align="center" valign="top"><p class="table">10:24</p></td>
+<td align="center" valign="top"><p class="table">157</p></td>
+<td align="left" valign="top"><p class="table">Worked out MSHR (max sustainable heart rate) by going hard
+for this interval.</p></td>
+</tr>
+<tr>
+<td align="left" valign="top"><p class="table">22-Aug-08</p></td>
+<td align="center" valign="top"><p class="table">23:03</p></td>
+<td align="center" valign="top"><p class="table">152</p></td>
+<td align="left" valign="top"><p class="table">Back-to-back with previous interval.</p></td>
+</tr>
+<tr>
+<td align="left" valign="top"><p class="table">24-Aug-08</p></td>
+<td align="center" valign="top"><p class="table">40:00</p></td>
+<td align="center" valign="top"><p class="table">145</p></td>
+<td align="left" valign="top"><p class="table">Moderately hard interspersed with 3x 3min intervals (2min
+hard + 1min really hard taking the HR up to 160).</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_table_with_parent_configuration_file_and_header_attribute_entry">Table with parent configuration file and header attribute entry</h2>
+<div class="sectionbody">
+<div class="tableblock">
+<table rules="all"
+width="100%"
+frame="border"
+cellspacing="0" cellpadding="4">
+<col width="100%" />
+<tbody>
+<tr>
+<td align="left" valign="top"><div><div class="ulist"><ul>
+<li>
+<p>
+Attribute entry from header: TEST_ATTRIBUTE
+</p>
+</li>
+<li>
+<p>
+Replacement from <code>testcases.conf</code> configuration file: TEST_REPLACEMENT
+</p>
+</li>
+</ul></div></div></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_table_column_specifiers_with_merged_cells">Table column specifiers with merged cells</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>See
+<a href="http://groups.google.com/group/asciidoc/browse_thread/thread/c9238380a1f2507a">http://groups.google.com/group/asciidoc/browse_thread/thread/c9238380a1f2507a</a></p></div>
+<div class="tableblock">
+<table rules="all"
+width="100%"
+frame="border"
+cellspacing="0" cellpadding="4">
+<col width="25%" />
+<col width="25%" />
+<col width="25%" />
+<col width="25%" />
+<tbody>
+<tr>
+<td rowspan="2" align="left" valign="top"><p class="table"><code></code></p></td>
+<td rowspan="2" align="right" valign="top"><p class="table">1- A</p></td>
+<td colspan="2" align="center" valign="top"><p class="table"><strong>2- B</strong></p></td>
+</tr>
+<tr>
+<td align="center" valign="top"><p class="table"><strong>i- a</strong></p></td>
+<td align="center" valign="top"><p class="table"><em>ii- b</em></p></td>
+</tr>
+<tr>
+<td align="left" valign="top"><p class="table"><code>Values 1</code></p></td>
+<td align="right" valign="top"><p class="table">v1</p></td>
+<td align="center" valign="top"><p class="table"><strong>v2</strong></p></td>
+<td align="center" valign="top"><p class="table"><em>v3</em></p></td>
+</tr>
+<tr>
+<td align="left" valign="top"><p class="table"><code>Values 2</code></p></td>
+<td align="right" valign="top"><p class="table">v4</p></td>
+<td align="center" valign="top"><p class="table"><strong>v5</strong></p></td>
+<td align="center" valign="top"><p class="table"><em>v6</em></p></td>
+</tr>
+</tbody>
+</table>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_floating_tables_and_images">Floating tables and images</h2>
+<div class="sectionbody">
+<div class="tableblock">
+<table rules="all"
+style="float:left;"
+width="15%"
+frame="border"
+cellspacing="0" cellpadding="4">
+<caption class="title">Table 2. Simple table</caption>
+<col width="33%" />
+<col width="33%" />
+<col width="33%" />
+<tbody>
+<tr>
+<td align="left" valign="top"><p class="table">1</p></td>
+<td align="left" valign="top"><p class="table">2</p></td>
+<td align="left" valign="top"><p class="table">A</p></td>
+</tr>
+<tr>
+<td align="left" valign="top"><p class="table">3</p></td>
+<td align="left" valign="top"><p class="table">4</p></td>
+<td align="left" valign="top"><p class="table">B</p></td>
+</tr>
+<tr>
+<td align="left" valign="top"><p class="table">5</p></td>
+<td align="left" valign="top"><p class="table">6</p></td>
+<td align="left" valign="top"><p class="table">C</p></td>
+</tr>
+</tbody>
+</table>
+</div>
+<div class="imageblock" style="float:right;">
+<div class="content">
+<img src="../../images/images/tiger.png" alt="Tiger image" />
+</div>
+<div class="title">Figure 2. Tiger</div>
+</div>
+<div style="clear:both;"></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_section_level_offsets">Section level offsets</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>At level 1</p></div>
+<div class="sect2">
+<h3 id="_section_title">Section title</h3>
+<div class="paragraph"><p>At level 2</p></div>
+</div>
+<div class="sect2">
+<h3 id="_section_title_2">Section title</h3>
+<div class="paragraph"><p>At level 2</p></div>
+<div class="sect3">
+<h4 id="_section_title_3">Section title</h4>
+<div class="paragraph"><p>At level 3</p></div>
+</div>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_section_level_offsets_2">Section level offsets</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>At level 1</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_single_quoted_attributes">Single-quoted attributes</h2>
+<div class="sectionbody">
+<div class="quoteblock">
+<div class="content">
+<div class="paragraph"><p>Sir, a woman&#8217;s preaching is like a dog&#8217;s walking on his hind legs. It
+is not done well; but you are surprised to find it done at all.</p></div>
+</div>
+<div class="attribution">
+&#8212; <a href="http://en.wikipedia.org/wiki/Samuel_Johnson">Samuel Johnson</a>
+</div></div>
+<div class="quoteblock">
+<div class="content">
+<div class="paragraph"><p>Sir, a woman&#8217;s preaching is like a dog&#8217;s walking on his hind legs. It
+is not done well; but you are surprised to find it done at all.</p></div>
+</div>
+<div class="attribution">
+&#8212; <a href="http://en.wikipedia.org/wiki/Samuel_Johnson">Samuel Johnson</a>
+</div></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_footnotes">Footnotes</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.
+<span class="footnote"><br />[footnote one.
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.]<br /></span>
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.
+<span class="footnote" id="_footnote_F2"><br />[footnote two. Qui in magna commodo, est labitur dolorum an. Est ne magna primis adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.]<br /></span>
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel
+<span class="footnoteref"><br /><a href="#_footnote_F2">[F2]</a><br /></span>.
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.
+<span class="footnote"><br />[<a href="https://asciidoc.org/">https://asciidoc.org/</a> Qui in magna commodo,
+est labitur dolorum an. Est ne magna primis adolescens. Sit munere
+ponderum dignissim et. Minim luptatum et vel
+<span class="image">
+<img src="../../images/images/smallnew.png" alt="images/smallnew.png" />
+</span>]<br /></span>
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et vel.
+<span class="footnote"><br />[<a href="https://asciidoc.org/">https://asciidoc.org/</a>]<br /></span>
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et
+vel <span class="footnote"><br />[<a href="https://asciidoc.org/">AsciiDoc website</a>.]<br /></span>.
+Qui in magna commodo, est labitur dolorum an. Est ne magna primis
+adolescens. Sit munere ponderum dignissim et. Minim luptatum et
+<span class="footnote" id="_footnote_F3"><br />[A footnote&#44; &#34;with an image&#34; <span class="image"> <img src="../../images/images/smallnew.png" alt="images/smallnew.png" /> </span>]<br /></span>.
+<span class="footnote"><br />[With [square brackets]]<br /></span> Qui in magna commodo, est labitur
+dolorum an. Est ne magna primis.</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_rulers_and_page_breaks">Rulers and page breaks</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Lorum ipsum&#8230;</p></div>
+<hr />
+<div class="paragraph"><p>Lorum ipsum&#8230;</p></div>
+<div style="page-break-after:always"></div>
+<div class="paragraph"><p>Lorum ipsum&#8230;</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_这是一个测试">这是一个测试</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Double-with character titles.
+<a href="#_这是一个测试">link to auto-generated section ID</a>.</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_block_macros">Block macros</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>RS458 is 2.</p></div>
+</div>
+</div>
+<div class="paragraph"><p>Template line 1.
+Template line 2.</p></div>
+<div class="sect1">
+<h2 id="_an_id_without_accents">àn îd without accénts</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Lorum ipsum&#8230;</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_àn_îd_with_accénts">àn îd with accénts</h2>
+<div class="sectionbody">
+<div class="paragraph"><p>Lorum ipsum&#8230;</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_inline_macros">Inline macros</h2>
+<div class="sectionbody">
+<div class="paragraph"><p><a href="http://groups.google.com/group/asciidoc/">A URL with [square
+brackets]</a>.</p></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_equation">Equation</h2>
+<div class="sectionbody">
+<div class="mathblock">
+<div class="content">
+<div class="title">Equation</div>
+\[C = \alpha + \beta Y^{\gamma} + \epsilon\]
+</div></div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="_example">Example</h2>
+<div class="sectionbody">
+Formal figures, tables, equations and examples can float in docbook backend
+</div>
+</div>
+</div>
+<div id="footnotes"><hr /></div>
+<div id="footer">
+<div id="footer-text">
+Last updated
+ 2002-11-25 00:37:42 UTC
+</div>
+</div>
+</body>
+</html>