+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<script>
+</script>
+<style>
+html {
+ scroll-padding-top: 2em;
+}
+body {
+ background: #ffffff;
+ font-family: sans-serif;
+ text-align: left;
+ margin: 0;
+ padding: 0;
+}
+#header {
+ background: #ffffff;
+ position: sticky;
+ top: 0;
+ padding-left: 0.5em;
+ padding-bottom: 0.25em;
+ border-bottom: 1px solid black;
+}
+table.alternating > tbody > tr:nth-child(odd) {
+ background-color: #dcdcdc;
+}
+table.alternating > tbody > tr:nth-child(even) {
+ background: #ffffff;
+}
+td {
+ vertical-align: top;
+}
+.critical {
+ background: #ff6666 !important;
+}
+td.amount {
+ text-align: right;
+}
+td.amount,
+td.currency {
+ font-family: monospace;
+ font-size: 1.25em;
+}
+table.alternating.critical > tbody > tr:nth-child(even) {
+ background-color: #ff8a8a;
+}
+td.balance.amount {
+ width: 10em;
+}
+td.balance.currency {
+ width: 3em;
+}
+td.money table {
+ float: left;
+}
+summary::marker {
+ font-family: monospace;
+ font-size: 1.25em;
+}
+summary {
+ list-style-type: "[…]";
+}
+details[open] > summary {
+ list-style-type: "[^]";
+}
+span.indent {
+ letter-spacing: 3em;
+}
+</style>
+</head>
+<body>
+<div id="header">
+ <form action="" method="POST">
+ <span class="disable_on_change">
+ ledger <a href="/ledger_structured">structured</a>
+ / <a href="/ledger_raw">raw</a>
+ · <a href="/balance">balance</a>
+ · <input type="submit"name="file_load" value="reload" />
+ </span>
+ </form>
+</div>
+<p>
+ <a href="balance?up_incl=3">prev</a>
+ <del>next</del>
+ |
+ balance after <a href="/blocks/4">booking 4 (2001-01-01: test)</a>
+</p>
+<table class="alternating ">
+ <tr>
+ <td class="money">
+ <details>
+ <summary>
+ <table>
+ <tr>
+ <td class="balance amount">-10</td>
+ <td class="balance currency">€</td>
+ </tr>
+ </table>
+ </summary>
+ <table>
+ <tr>
+ <td class="balance amount">-1</td>
+ <td class="balance currency">USD</td>
+ </tr>
+ </table>
+ </details>
+ </td>
+ <td>
+ <span class="indent"></span>bar:
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="money">
+ <table>
+ <tr>
+ <td class="balance amount">-10</td>
+ <td class="balance currency">€</td>
+ </tr>
+ </table>
+ </td>
+ <td>
+ <span class="indent"> </span>:x:
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="money">
+ <table>
+ <tr>
+ <td class="balance amount">-10</td>
+ <td class="balance currency">€</td>
+ </tr>
+ </table>
+ </td>
+ <td>
+ <span class="indent"> </span>:y
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="money">
+ <table>
+ <tr>
+ <td class="balance amount">-1</td>
+ <td class="balance currency">USD</td>
+ </tr>
+ </table>
+ </td>
+ <td>
+ <span class="indent"> </span>:z
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="money">
+ <table>
+ <tr>
+ <td class="balance amount">-10</td>
+ <td class="balance currency">€</td>
+ </tr>
+ </table>
+ </td>
+ <td>
+ <span class="indent"></span>baz
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="money">
+ <details>
+ <summary>
+ <table>
+ <tr>
+ <td class="balance amount">20</td>
+ <td class="balance currency">€</td>
+ </tr>
+ </table>
+ </summary>
+ <table>
+ <tr>
+ <td class="balance amount">1</td>
+ <td class="balance currency">USD</td>
+ </tr>
+ </table>
+ </details>
+ </td>
+ <td>
+ <span class="indent"></span>foo:
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td class="money">
+ <details>
+ <summary>
+ <table>
+ <tr>
+ <td class="balance amount">10</td>
+ <td class="balance currency">€</td>
+ </tr>
+ </table>
+ </summary>
+ <table>
+ <tr>
+ <td class="balance amount">1</td>
+ <td class="balance currency">USD</td>
+ </tr>
+ </table>
+ </details>
+ </td>
+ <td>
+ <span class="indent"> </span>:x
+ </td>
+ <td></td>
+ </tr>
+</table>
+</body>
+</html>