Untitled

dabblet.css

.invoice-table th {
	text-align: left;
}

.invoice-table tfoot th,
.invoice-table tfoot td {
	text-align: right;
}

dabblet.html

<table border="1" class="invoice-table">
	<tfoot>
		<tr>
	      <th colspan="2">Total</th>
	    </tr>
		<tr>
	      <td colspan="2">$574.00 USD</td>
	    </tr>
	</tfoot>
	<tbody>
		<tr>
	      <th colspan="2">Design category</th>
	    </tr>
		<tr>
	      <td colspan="2">Logo</td>
	    </tr>
		<tr>
	      <th colspan="2">Package</th>
	    </tr>
		<tr>
	      <td>BRONZE</td>
	      <td>$299.00</td>
	    </tr>
		<tr>
	      <th colspan="2">Upgrades</th>
	    </tr>
		<tr>
	      <td>Featured listing</td>
	      <td>$79.00</td>
	    </tr>
		<tr>
	      <td>Highlighted listing</td>
	      <td>$19.00</td>
	    </tr>
		<tr>
	      <td>Tweet your contest</td>
	      <td>$99.00</td>
	    </tr>
		<tr>
	      <td>Private contest</td>
	      <td>$39.00</td>
	    </tr>
		<tr>
	      <th colspan="2">Duration</th>
	    </tr>
		<tr>
	      <td>3 days</td>
	      <td>$39.00</td>
	    </tr>
		<tr>
	      <th colspan="2">Deliverables</th>
	    </tr>
		<tr>
	      <td colspan="2">EPS, PDF, JPEG, PNG</td>
	    </tr>
		<tr>
	      <th colspan="2">Discount</th>
	    </tr>
		<tr>
	      <td>Promo discount applied</td>
	      <td>-$79.00</td>
	    </tr>
    </tbody>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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