DocBook XSLT 2.0 Stylesheet output: task.001.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>
         <figure class="task-wrapper" id="R.1.2">
            <div class="task">
               <figure class="tasksummary-wrapper" id="R.1.2.1">
                  <div class="tasksummary">
                     <p>This task doesn’t accomplish anything.</p>
                  </div>
               </figure>
               <figure class="taskprerequisites-wrapper" id="R.1.2.2">
                  <div class="taskprerequisites">
                     <p>Do something else first.</p>
                  </div>
               </figure>
               <figure class="procedure-wrapper" id="R.1.2.3">
                  <div class="procedure">
                     <ol type="1">
                        <li class="step">
                           <div>
                              <p>Do This</p>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do That</p>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do one of these things:</p>
                              <div class="stepalternatives">
                                 <ul>
                                    <li class="step">
                                       <div>
                                          <p>Do A</p>
                                       </div>
                                    </li>
                                    <li class="step">
                                       <div>
                                          <p>Do B</p>
                                       </div>
                                    </li>
                                    <li class="step">
                                       <div>
                                          <p>Do C</p>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do the other thing</p>
                           </div>
                        </li>
                     </ol>
                  </div>
               </figure>
               <figure class="taskrelated-wrapper" id="R.1.2.4">
                  <div class="taskrelated">
                     <p>See some more interesting task after you’ve done this one.</p>
                  </div>
               </figure>
            </div>
         </figure>
         <figure class="task-wrapper" id="R.1.3">
            <header class="task-titlepage">
               <h3>A Task</h3>
            </header>
            <div class="task">
               <figure class="tasksummary-wrapper" id="R.1.3.2">
                  <div class="tasksummary">
                     <p>This task doesn’t accomplish anything.</p>
                  </div>
               </figure>
               <figure class="taskprerequisites-wrapper" id="R.1.3.3">
                  <div class="taskprerequisites">
                     <p>Do something else first.</p>
                  </div>
               </figure>
               <figure class="procedure-wrapper" id="R.1.3.4">
                  <div class="procedure">
                     <ol type="1">
                        <li class="step">
                           <div>
                              <p>Do This</p>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do That</p>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do one of these things:</p>
                              <div class="stepalternatives">
                                 <ul>
                                    <li class="step">
                                       <div>
                                          <p>Do A</p>
                                       </div>
                                    </li>
                                    <li class="step">
                                       <div>
                                          <p>Do B</p>
                                       </div>
                                    </li>
                                    <li class="step">
                                       <div>
                                          <p>Do C</p>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do the other thing</p>
                           </div>
                        </li>
                     </ol>
                  </div>
               </figure>
               <figure class="taskrelated-wrapper" id="R.1.3.5">
                  <div class="taskrelated">
                     <p>See some more interesting task after you’ve done this one.</p>
                  </div>
               </figure>
            </div>
         </figure>
         <figure class="task-wrapper" id="R.1.4">
            <header class="task-titlepage">
               <h3>A Task</h3>
            </header>
            <div class="task">
               <figure class="tasksummary-wrapper" id="R.1.4.2">
                  <div class="tasksummary">
                     <p>This task doesn’t accomplish anything.</p>
                  </div>
               </figure>
               <figure class="taskprerequisites-wrapper" id="R.1.4.3">
                  <h4>Prerequisites</h4>
                  <div class="taskprerequisites">
                     <p>Do something else first.</p>
                  </div>
               </figure>
               <figure class="procedure-wrapper" id="R.1.4.4">
                  <h4>Procedure</h4>
                  <div class="procedure">
                     <ol type="1">
                        <li class="step">
                           <div>
                              <p>Do This</p>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do That</p>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do one of these things:</p>
                              <div class="stepalternatives">
                                 <ul>
                                    <li class="step">
                                       <div>
                                          <p>Do A</p>
                                       </div>
                                    </li>
                                    <li class="step">
                                       <div>
                                          <p>Do B</p>
                                       </div>
                                    </li>
                                    <li class="step">
                                       <div>
                                          <p>Do C</p>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </li>
                        <li class="step">
                           <div>
                              <p>Do the other thing</p>
                           </div>
                        </li>
                     </ol>
                  </div>
               </figure>
               <figure class="taskrelated-wrapper" id="R.1.4.5">
                  <h4>Related</h4>
                  <div class="taskrelated">
                     <p>See some more interesting task after you’ve done this one.</p>
                  </div>
               </figure>
            </div>
         </figure>
      </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">
            <figure class="task-wrapper" id="R.1.2">
               <div class="task">
                  <figure class="tasksummary-wrapper" id="R.1.2.1">
                     <div class="tasksummary">
                        <p>This task doesn’t accomplish anything.</p>
                     </div>
                  </figure>
                  <figure class="taskprerequisites-wrapper" id="R.1.2.2">
                     <div class="taskprerequisites">
                        <p>Do something else first.</p>
                     </div>
                  </figure>
                  <figure class="procedure-wrapper" id="R.1.2.3">
                     <div class="procedure">
                        <ol type="1">
                           <li class="step">
                              <div>
                                 <p>Do This</p>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do That</p>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do one of these things:</p>
                                 <div class="stepalternatives">
                                    <ul>
                                       <li class="step">
                                          <div>
                                             <p>Do A</p>
                                          </div>
                                       </li>
                                       <li class="step">
                                          <div>
                                             <p>Do B</p>
                                          </div>
                                       </li>
                                       <li class="step">
                                          <div>
                                             <p>Do C</p>
                                          </div>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do the other thing</p>
                              </div>
                           </li>
                        </ol>
                     </div>
                  </figure>
                  <figure class="taskrelated-wrapper" id="R.1.2.4">
                     <div class="taskrelated">
                        <p>See some more interesting task after you’ve done this one.</p>
                     </div>
                  </figure>
               </div>
            </figure>
            <figure class="task-wrapper" id="R.1.3">
               <header class="task-titlepage">
                  <h3>A Task</h3>
               </header>
               <div class="task">
                  <figure class="tasksummary-wrapper" id="R.1.3.2">
                     <div class="tasksummary">
                        <p>This task doesn’t accomplish anything.</p>
                     </div>
                  </figure>
                  <figure class="taskprerequisites-wrapper" id="R.1.3.3">
                     <div class="taskprerequisites">
                        <p>Do something else first.</p>
                     </div>
                  </figure>
                  <figure class="procedure-wrapper" id="R.1.3.4">
                     <div class="procedure">
                        <ol type="1">
                           <li class="step">
                              <div>
                                 <p>Do This</p>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do That</p>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do one of these things:</p>
                                 <div class="stepalternatives">
                                    <ul>
                                       <li class="step">
                                          <div>
                                             <p>Do A</p>
                                          </div>
                                       </li>
                                       <li class="step">
                                          <div>
                                             <p>Do B</p>
                                          </div>
                                       </li>
                                       <li class="step">
                                          <div>
                                             <p>Do C</p>
                                          </div>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do the other thing</p>
                              </div>
                           </li>
                        </ol>
                     </div>
                  </figure>
                  <figure class="taskrelated-wrapper" id="R.1.3.5">
                     <div class="taskrelated">
                        <p>See some more interesting task after you’ve done this one.</p>
                     </div>
                  </figure>
               </div>
            </figure>
            <figure class="task-wrapper" id="R.1.4">
               <header class="task-titlepage">
                  <h3>A Task</h3>
               </header>
               <div class="task">
                  <figure class="tasksummary-wrapper" id="R.1.4.2">
                     <div class="tasksummary">
                        <p>This task doesn’t accomplish anything.</p>
                     </div>
                  </figure>
                  <figure class="taskprerequisites-wrapper" id="R.1.4.3">
                     <h4>Prerequisites</h4>
                     <div class="taskprerequisites">
                        <p>Do something else first.</p>
                     </div>
                  </figure>
                  <figure class="procedure-wrapper" id="R.1.4.4">
                     <h4>Procedure</h4>
                     <div class="procedure">
                        <ol type="1">
                           <li class="step">
                              <div>
                                 <p>Do This</p>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do That</p>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do one of these things:</p>
                                 <div class="stepalternatives">
                                    <ul>
                                       <li class="step">
                                          <div>
                                             <p>Do A</p>
                                          </div>
                                       </li>
                                       <li class="step">
                                          <div>
                                             <p>Do B</p>
                                          </div>
                                       </li>
                                       <li class="step">
                                          <div>
                                             <p>Do C</p>
                                          </div>
                                       </li>
                                    </ul>
                                 </div>
                              </div>
                           </li>
                           <li class="step">
                              <div>
                                 <p>Do the other thing</p>
                              </div>
                           </li>
                        </ol>
                     </div>
                  </figure>
                  <figure class="taskrelated-wrapper" id="R.1.4.5">
                     <h4>Related</h4>
                     <div class="taskrelated">
                        <p>See some more interesting task after you’ve done this one.</p>
                     </div>
                  </figure>
               </div>
            </figure>
         </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 task doesn’t accomplish anything.

Do something else first.

  1. Do This

  2. Do That

  3. Do one of these things:

    • Do A

    • Do B

    • Do C

  4. Do the other thing

See some more interesting task after you’ve done this one.

A Task

This task doesn’t accomplish anything.

Do something else first.

  1. Do This

  2. Do That

  3. Do one of these things:

    • Do A

    • Do B

    • Do C

  4. Do the other thing

See some more interesting task after you’ve done this one.

A Task

This task doesn’t accomplish anything.

Prerequisites

Do something else first.

Procedure

  1. Do This

  2. Do That

  3. Do one of these things:

    • Do A

    • Do B

    • Do C

  4. Do the other thing

Related

See some more interesting task after you’ve done this one.

Article wrapper

This task doesn’t accomplish anything.

Do something else first.

  1. Do This

  2. Do That

  3. Do one of these things:

    • Do A

    • Do B

    • Do C

  4. Do the other thing

See some more interesting task after you’ve done this one.

A Task

This task doesn’t accomplish anything.

Do something else first.

  1. Do This

  2. Do That

  3. Do one of these things:

    • Do A

    • Do B

    • Do C

  4. Do the other thing

See some more interesting task after you’ve done this one.

A Task

This task doesn’t accomplish anything.

Prerequisites

Do something else first.

Procedure

  1. Do This

  2. Do That

  3. Do one of these things:

    • Do A

    • Do B

    • Do C

  4. Do the other thing

Related

See some more interesting task after you’ve done this one.

XML source