Untitled

dabblet.css

​.clear{
    clear: both;
}
​#comodo-ssl ul{
    float: left;
}
​#comodo-ssl ul li{
    height: 32px;
    padding: 2px 5px;
    border-bottom: 1px solid #cccccc;
    list-style: none;
}
.one{
    background: #96CD56;
}
.two{
    background: #55A938;
}
.three{
    background: #208240;
}
.four{
    background: #0E5B56;
}
.five{
    background: #0D573D;
}
.six{
    background: #084012;
}
.row_o{
    background: #eee;
}
.row_e{
    background: #ddd;
}
​

dabblet.html

<div id="comodo-ssl">
    <ul>
        <li>Certificate</li>
        <li class="one">Comodo SSL</li>
        <li class="two">Comodo SSL Wildcard</li>
        <li class="three">Instant SSL Premium</li>
        <li class="four">Premium SSL</li>
        <li class="five">Premium SSL + Wildcard</li>
        <li class="six">Comodo EV</li>
    </ul>
    <ul>
        <li>Validation</li>
        <li class="row_o">Domain Only</li>
        <li class="row_e">Domain Only</li>
        <li class="row_o">Full Organisation</li>
        <li class="row_e">Full Organisation</li>
        <li class="row_o">Full Organisation</li>
        <li class="row_e">Full Organisation + Extended Validation</li>
    </ul>
    <ul>
        <li>Wildcard</li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
    </ul>
    <ul>
        <li>Dynamic Seal</li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
    </ul>
    <ul>
        <li>"Green Bar"</li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_o"><img src="http://webhosting4southafrica.co.za/uploads/images/cross.png" alt="No"></li>
        <li class="row_e"><img src="http://webhosting4southafrica.co.za/uploads/images/tick.png" alt="Yes"></li>
    </ul>
    <ul>
        <li>Cost</li>
        <li class="row_o">R486</li>
        <li class="row_e">R1640</li>
        <li class="row_o">R569</li>
        <li class="row_e">R734</li>
        <li class="row_o">R2875</li>
        <li class="row_e">R1310</li>
    </ul>
</div>​

settings.json

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