DocBook XSLT 2.0 Stylesheet output: footnote.002.xml

Expected (5 differences)Actual (1 differences)
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Article wrapper</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Article wrapper</h2>
         </header>
         <p>This paragraph contains a footnote<sup class="footnote">
               <span class="osq">[</span>
               <a href="#ftn.R.1.2.1" id="R.1.2.1">1</a>
               <span class="csq">]</span>
            </sup>.</p>
         <figure class="table-wrapper" id="R.1.3">
            <div class="title">Table 1. A table</div>
            <div class="table">
               <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; " summary="Table 1. A table">
                  <colgroup>
                     <col class="tcol1" width="33%"/>
                     <col class="tcol2" width="33%"/>
                     <col class="tcol3" width="33%"/>
                  </colgroup>
                  <tbody>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell</td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell<sup class="footnote">
                              <span class="osq">[</span>
                              <a href="#ftn.R.1.3.2.1.1.2.1" id="R.1.3.2.1.1.2.1">a</a>
                              <span class="csq">]</span>
                           </sup>
                        </td>
                        <td style="border-bottom: 1px solid ; ">A Cell</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell<sup class="footnote">
                              <span class="osq">[</span>
                              <a href="#ftn.R.1.3.2.1.2.1.1" id="R.1.3.2.1.2.1.1">b</a>
                              <span class="csq">]</span>
                           </sup>
                        </td>
                        <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell</td>
                        <td style="border-bottom: 1px solid ; ">A Cell</td>
                     </tr>
                     <tr>
                        <td style="border-right: 1px solid ; ">A Cell</td>
                        <td style="border-right: 1px solid ; ">A Cell</td>
                        <td>A Cell<sup class="footnote">
                              <span class="osq">[</span>
                              <a href="#ftn.R.1.3.2.1.3.3.1" id="R.1.3.2.1.3.3.1">c</a>
                              <span class="csq">]</span>
                           </sup>
                        </td>
                     </tr>
                  </tbody>
                  <tbody class="footnotes">
                     <tr>
                        <td colspan="3">
                           <div class="footnote">
                              <div class="footnote-wrapper">
                                 <div class="footnote-symbol-wrapper">
                                    <p>
                                       <sup>
                                          <span class="osq">[</span>
                                          <a href="#R.1.3.2.1.1.2.1" id="ftn.R.1.3.2.1.1.2.1">a</a>
                                          <span class="csq">]</span>
                                       </sup> </p>
                                 </div>
                                 <div class="footnote-body-wrapper">
                                    <p>First footnote.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="footnote">
                              <div class="footnote-wrapper">
                                 <div class="footnote-symbol-wrapper">
                                    <p>
                                       <sup>
                                          <span class="osq">[</span>
                                          <a href="#R.1.3.2.1.2.1.1" id="ftn.R.1.3.2.1.2.1.1">b</a>
                                          <span class="csq">]</span>
                                       </sup> </p>
                                 </div>
                                 <div class="footnote-body-wrapper">
                                    <p>Second footnote.</p>
                                 </div>
                              </div>
                           </div>
                           <div class="footnote">
                              <div class="footnote-wrapper">
                                 <div class="footnote-symbol-wrapper">
                                    <p>
                                       <sup>
                                          <span class="osq">[</span>
                                          <a href="#R.1.3.2.1.3.3.1" id="ftn.R.1.3.2.1.3.3.1">c</a>
                                          <span class="csq">]</span>
                                       </sup> </p>
                                 </div>
                                 <div class="footnote-body-wrapper">
                                    <pre class="address language-none">
                                       <code>100 Any Street
East Yahoo, XX</code>
                                    </pre>
                                 </div>
                              </div>
                           </div>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </figure>
         <p>This is a longer paragraph. It will eventually contain a footnote, but first
it has enough text to make the footnote appear in the middle of the paragraph.
This is so we can test the effect of changing the
<span class="property">line-height-shift-adjustment</span> property. This paragraph
contains a footnote<sup class="footnote">
               <span class="osq">[</span>
               <a href="#ftn.R.1.4.2" id="R.1.4.2">2</a>
               <span class="csq">]</span>
            </sup> (see, I said it would).
Now it has more text to make the footnote appear in the middle of the paragraph.
Now it has more text to make the footnote appear in the middle of the paragraph.
</p>
         <div class="footnotes">
            <hr align="left" class="footnotes-divider" width="100"/>
            <div class="footnote">
               <div class="footnote-wrapper">
                  <div class="footnote-symbol-wrapper">
                     <p>
                        <sup>
                           <span class="osq">[</span>
                           <a href="#R.1.2.1" id="ftn.R.1.2.1">1</a>
                           <span class="csq">]</span>
                        </sup> </p>
                  </div>
                  <div class="footnote-body-wrapper">
                     <p>This is a footnote.</p>
                  </div>
               </div>
            </div>
            <div class="footnote">
               <div class="footnote-wrapper">
                  <div class="footnote-symbol-wrapper">
                     <p>
                        <sup>
                           <span class="osq">[</span>
                           <a href="#R.1.4.2" id="ftn.R.1.4.2">2</a>
                           <span class="csq">]</span>
                        </sup> </p>
                  </div>
                  <div class="footnote-body-wrapper">
                     <p>This is a footnote.</p>
                  </div>
               </div>
            </div>
         </div>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
<html>
   <head>
      <link href="../../resources/css/db-prism.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/default.css" rel="stylesheet" type="text/css"/>
      <link href="../../resources/css/prism.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
      <meta content="DocBook XSL 2.0 Stylesheets Vxxx" name="generator"/>
      <script src="../../resources/js/dbmodnizr.js" type="text/javascript"/>
      <title>Article wrapper</title>
   </head>
   <body>
      <article class="article" id="R.1">
         <header class="article-titlepage">
            <h2>Article wrapper</h2>
         </header>
         <div class="content">
            <p>This paragraph contains a footnote<sup class="footnote">
                  <span class="osq">[</span>
                  <a href="#ftn.R.1.2.1" id="R.1.2.1">1</a>
                  <span class="csq">]</span>
               </sup>.</p>
            <figure class="table-wrapper" id="R.1.3">
               <div class="title">Table 1. A table</div>
               <div class="table">
                  <table border="0" style="border-collapse: collapse;border-top: 1px solid ; border-bottom: 1px solid ; border-left: 1px solid ; border-right: 1px solid ; " summary="Table 1. A table">
                     <colgroup>
                        <col class="tcol1" width="33%"/>
                        <col class="tcol2" width="33%"/>
                        <col class="tcol3" width="33%"/>
                     </colgroup>
                     <tbody>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell</td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell<sup class="footnote">
                                 <span class="osq">[</span>
                                 <a href="#ftn.R.1.3.2.1.1.2.1" id="R.1.3.2.1.1.2.1">a</a>
                                 <span class="csq">]</span>
                              </sup>
                           </td>
                           <td style="border-bottom: 1px solid ; ">A Cell</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell<sup class="footnote">
                                 <span class="osq">[</span>
                                 <a href="#ftn.R.1.3.2.1.2.1.1" id="R.1.3.2.1.2.1.1">b</a>
                                 <span class="csq">]</span>
                              </sup>
                           </td>
                           <td style="border-right: 1px solid ; border-bottom: 1px solid ; ">A Cell</td>
                           <td style="border-bottom: 1px solid ; ">A Cell</td>
                        </tr>
                        <tr>
                           <td style="border-right: 1px solid ; ">A Cell</td>
                           <td style="border-right: 1px solid ; ">A Cell</td>
                           <td>A Cell<sup class="footnote">
                                 <span class="osq">[</span>
                                 <a href="#ftn.R.1.3.2.1.3.3.1" id="R.1.3.2.1.3.3.1">c</a>
                                 <span class="csq">]</span>
                              </sup>
                           </td>
                        </tr>
                     </tbody>
                     <tbody class="footnotes">
                        <tr>
                           <td colspan="3">
                              <div class="footnote">
                                 <div class="footnote-wrapper">
                                    <div class="footnote-symbol-wrapper">
                                       <p>
                                          <sup>
                                             <span class="osq">[</span>
                                             <a href="#R.1.3.2.1.1.2.1" id="ftn.R.1.3.2.1.1.2.1">a</a>
                                             <span class="csq">]</span>
                                          </sup> </p>
                                    </div>
                                    <div class="footnote-body-wrapper">
                                       <p>First footnote.</p>
                                    </div>
                                 </div>
                              </div>
                              <div class="footnote">
                                 <div class="footnote-wrapper">
                                    <div class="footnote-symbol-wrapper">
                                       <p>
                                          <sup>
                                             <span class="osq">[</span>
                                             <a href="#R.1.3.2.1.2.1.1" id="ftn.R.1.3.2.1.2.1.1">b</a>
                                             <span class="csq">]</span>
                                          </sup> </p>
                                    </div>
                                    <div class="footnote-body-wrapper">
                                       <p>Second footnote.</p>
                                    </div>
                                 </div>
                              </div>
                              <div class="footnote">
                                 <div class="footnote-wrapper">
                                    <div class="footnote-symbol-wrapper">
                                       <p>
                                          <sup>
                                             <span class="osq">[</span>
                                             <a href="#R.1.3.2.1.3.3.1" id="ftn.R.1.3.2.1.3.3.1">c</a>
                                             <span class="csq">]</span>
                                          </sup> </p>
                                    </div>
                                    <div class="footnote-body-wrapper">
                                       <pre class="address language-none">
                                          <code>100 Any Street
East Yahoo, XX</code>
                                       </pre>
                                    </div>
                                 </div>
                              </div>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </figure>
            <p>This is a longer paragraph. It will eventually contain a footnote, but first
it has enough text to make the footnote appear in the middle of the paragraph.
This is so we can test the effect of changing the
<span class="property">line-height-shift-adjustment</span> property. This paragraph
contains a footnote<sup class="footnote">
                  <span class="osq">[</span>
                  <a href="#ftn.R.1.4.2" id="R.1.4.2">2</a>
                  <span class="csq">]</span>
               </sup> (see, I said it would).
Now it has more text to make the footnote appear in the middle of the paragraph.
Now it has more text to make the footnote appear in the middle of the paragraph.
</p>
         </div>
         <div class="footnotes">
            <hr align="left" class="footnotes-divider" width="100"/>
            <div class="footnote">
               <div class="footnote-wrapper">
                  <div class="footnote-symbol-wrapper">
                     <p>
                        <sup>
                           <span class="osq">[</span>
                           <a href="#R.1.2.1" id="ftn.R.1.2.1">1</a>
                           <span class="csq">]</span>
                        </sup> </p>
                  </div>
                  <div class="footnote-body-wrapper">
                     <p>This is a footnote.</p>
                  </div>
               </div>
            </div>
            <div class="footnote">
               <div class="footnote-wrapper">
                  <div class="footnote-symbol-wrapper">
                     <p>
                        <sup>
                           <span class="osq">[</span>
                           <a href="#R.1.4.2" id="ftn.R.1.4.2">2</a>
                           <span class="csq">]</span>
                        </sup> </p>
                  </div>
                  <div class="footnote-body-wrapper">
                     <p>This is a footnote.</p>
                  </div>
               </div>
            </div>
         </div>
      </article>
      <script src="../../resources/js/prism.js"/>
   </body>
</html>
The “current” CSS styling is applied to the this entire document; the results in this column may be anomalous. Also, image links are broken in this column. 

Article wrapper

This paragraph contains a footnote[1].

Table 1. A table
A CellA Cell[a]A Cell
A Cell[b]A CellA Cell
A CellA CellA Cell[c]

[a] 

First footnote.

[b] 

Second footnote.

[c] 

100 Any Street
East Yahoo, XX

This is a longer paragraph. It will eventually contain a footnote, but first it has enough text to make the footnote appear in the middle of the paragraph. This is so we can test the effect of changing the line-height-shift-adjustment property. This paragraph contains a footnote[2] (see, I said it would). Now it has more text to make the footnote appear in the middle of the paragraph. Now it has more text to make the footnote appear in the middle of the paragraph.


[1] 

This is a footnote.

[2] 

This is a footnote.

Article wrapper

This paragraph contains a footnote[1].

Table 1. A table
A CellA Cell[a]A Cell
A Cell[b]A CellA Cell
A CellA CellA Cell[c]

[a] 

First footnote.

[b] 

Second footnote.

[c] 

100 Any Street
East Yahoo, XX

This is a longer paragraph. It will eventually contain a footnote, but first it has enough text to make the footnote appear in the middle of the paragraph. This is so we can test the effect of changing the line-height-shift-adjustment property. This paragraph contains a footnote[2] (see, I said it would). Now it has more text to make the footnote appear in the middle of the paragraph. Now it has more text to make the footnote appear in the middle of the paragraph.


[1] 

This is a footnote.

[2] 

This is a footnote.

XML source