Untitled

dabblet.css

    html, body, ul, li, p, h1, h2 {
        margin:  0;
        padding: 0;
    }

    html {
        background: #111;
        font:       normal 11px Verdana, sans-serif;
        color:      #aaa;
    }

    body {
        width:  300px;
        margin: 20px auto 0;
    }

    table {
        border-collapse: collapse;
    }

    td {
        border:  1px solid #666;
        padding: 5px 15px;
    }

    tr:nth-child(even) {
        background: #222;
    }

    tr:hover td {
        background: #474;
    }

    tr:nth-child(even):hover td {
        background: #744;
    }

dabblet.html

<table id="zebra" summary="demo table">
    <tr>
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr class="other">
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr>
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr class="other">
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr>
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr class="other">
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr>
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr class="other">
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr>
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
    <tr class="other">
        <td>Lorem</td>
        <td>Ipsum</td>
        <td>Sit Dolor</td>
        <td>Amet</td>
    </tr>
</table>​

settings.json

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