Nested quote demo for Xichen Li

dabblet.css

/**
 * Nested quote demo for Xichen Li
 * http://stackoverflow.com/q/22986796/33732
 */
body {
    font-family: 'Times';
}
blockquote {
    background-color: #eee;
    border-left: 3px solid;
    border-right: 3px solid;
    color: blue;
    border-color: blue;
    padding: 0.6em 0.9em 0.3em;
    margin: 0 0 0.3em;
}
blockquote > blockquote {
    color: green;
    border-color: green;
}
blockquote > blockquote > blockquote {
    color: #b22;
    border-color: #b22;
}

dabblet.html

<blockquote>
    <blockquote>
        <blockquote>
            <blockquote>
                <blockquote>
                    <blockquote>
                        Peter says:<br/>
                        Peter says:
                    </blockquote>
                    Jane says:<br/>
                    Jane says:
                </blockquote>
                Peter says:<br/>
                Peter says:
            </blockquote>
            Jane says:<br/>
            Jane says:
        </blockquote>
        Peter says:<br/>
        Peter says
    </blockquote>
    Jane says:<br/>
    Jane says:
</blockquote>
Peter says:</br>
Peter says:

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}