Untitled

dabblet.css

html {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

table {
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
  letter-spacing: 1px;
  font-size: 0.8rem;
}

td, th {
  border: 1px solid rgb(190,190,190);
  padding: 10px 20px;
}

th {
  background-color: rgb(235,235,235);
}

td {
  text-align: center;
}

tr:nth-child(even) td {
  background-color: rgb(250,250,250);
}

tr:nth-child(odd) td {
  background-color: rgb(245,245,245);
}

caption {
  padding: 10px;
}

dabblet.html

<table>
  <tr>
    <th>Purchase</th>
    <th>Location</th>
    <th>Date</th>
    <th>Evaluation</th>
    <th>Cost ($)</th>
  </tr>
  <tr>
    <td>Haircut</td>
    <td>Hairdresser</td>
    <td>12/09</td>
    <td>Great idea</td>
    <td>30</td>
  </tr>
  <tr>
    <td>Pie</td>
    <td>Restaurant</td>
    <td>12/09</td>
    <td>Regrets</td>
    <td>20</td>
  </tr>
  <tr>
    <td>Shoes</td>
    <td>Shoeshop</td>
    <td>13/09</td>
    <td>Big regrets</td>
    <td>50</td>
  </tr>
  <tr>
    <td colspan="4">SUM</td>
    <td>100</td>
  </tr>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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