Untitled

dabblet.css

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

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

dabblet.html

<h2>Tablet & up</h2>

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

<h2>Mobile</h2>

<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>Tweeted 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"}