Sphinx vs Octopress/Octostrap code blocks - A comparison of Sphinx output and Octopress/Octostrap output

Sphinx_octostrap_code_blocks.html

Sphinx:

    Marked code is surrounded by <span class="hll"></span>

Octopress:
    
    Marked code is surrounded by <span class="line marked"><span>
    (Start lines have additional class of "start", end lines have "end"

Non-line numbered Code:

Sphinx:

<div class="highlight-console">
    <div class="highlight">
        <pre>
            <span class="gp">$</span>
        </pre>
    </div>
</div>

Octopress:

<figure class="code panel panel-default">
    <div class="highlight">
        <table>
            <tbody>
                <tr>
                    <td class="code">
                        <pre>
                            <code class="console">
                                <span class="line">
                                    <span class="n">tc</span>
                                </span>
                            </code>
                        </pre>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</figure>

Line Numbered Code

Sphinx:

<div class="highlight-python">
    <table class="highlighttable">
        <tbody>
            <tr>
                <td class="linenos">
                    <div class="linenodiv">
                        <pre> 
                             1
                        </pre>
                    </div>
                </td>
                <td class="code">
                    <div class="highlight">
                        <pre>
                            CODE CRAP
                        </pre>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Octopress:

<figure class="code panel panel-default">
    <figcaption class="panel-heading">
        <h3 class="panel-title">init.py</h3>
    </figcaption>
    <div class="highlight">
        <table>
            <tbody>
                <tr>
                    <td class="gutter">
                        <pre class="line-numbers">
                            <span class="line-number">1</span>
                        </pre>
                    </td>
                    <td class="code">
                        <pre>
                            <code class="python">
                                <span class="line">
                                    <span class="kn">import</span>
                                </span>
                            </code>
                        </pre>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</figure>