iamstarkov/dabblet.css

## dabblet.css
body{
    width:260px;
    margin:0;
    padding:0 10px;
    font-size:11px;
    font-family:"Arial";
}

table { border-collapse: collapse; }

tr { border-bottom: 1px solid #cccccc; }

thead tr {
    background-color: #618ad2;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color: white;
}

tbody tr:nth-child(2n),
tfoot tr {
    background-color: #F5F5F5;
}

tr > * {
    width: 33%;
    padding:10px;
}

tr > *:first-child { text-align: left; }
tr > * { text-align: center; }
tr > *:last-child { text-align: right; }

## dabblet.html
<!DOCTYPE html>
<html>
    <head>
       <title>Испытание: итоговая таблица</title>
       <meta charset="utf-8">
    </head>
    <body>
        <h1>Итоговая таблица</h1>
        <table>
          	<thead>
                <tr>
                    <th>Город</th>
                    <th>Посещений</th>
                    <th>%</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td>СПБ</td>
                    <td>199</td>
                    <td>65.12</td>
                </tr>
                <tr>
                    <td>Москва</td>
                    <td>69</td>
                    <td>21.3</td>
                </tr>
                <tr>
                    <td>Киев</td>
                    <td>5</td>
                    <td>8</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td colspan="2">Посещений за весь период</td>
                    <td>273</td>
                </tr>
            </tfoot>

        </table>
    </body>
</html>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"140","seethrough":"","prefixfree":"1","page":"css"}
	body{
	width:260px;
	margin:0;
	padding:0 10px;
	font-size:11px;
	font-family:"Arial";
	}

	table { border-collapse: collapse; }

	tr { border-bottom: 1px solid #cccccc; }

	thead tr {
	background-color: #618ad2;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	color: white;
	}

	tbody tr:nth-child(2n),
	tfoot tr {
	background-color: #F5F5F5;
	}

	tr > * {
	width: 33%;
	padding:10px;
	}

	tr > *:first-child { text-align: left; }
	tr > * { text-align: center; }
	tr > *:last-child { text-align: right; }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Испытание: итоговая таблица</title>
	<meta charset="utf-8">
	</head>
	<body>
	<h1>Итоговая таблица</h1>
	<table>
	<thead>
	<tr>
	<th>Город</th>
	<th>Посещений</th>
	<th>%</th>
	</tr>
	</thead>

	<tbody>
	<tr>
	<td>СПБ</td>
	<td>199</td>
	<td>65.12</td>
	</tr>
	<tr>
	<td>Москва</td>
	<td>69</td>
	<td>21.3</td>
	</tr>
	<tr>
	<td>Киев</td>
	<td>5</td>
	<td>8</td>
	</tr>
	</tbody>

	<tfoot>
	<tr>
	<td colspan="2">Посещений за весь период</td>
	<td>273</td>
	</tr>
	</tfoot>

	</table>
	</body>
	</html>