secst/assets/themes/html.css

SECST is a semantic, extensible, computational, styleable tagged markup language. You can use it to joyfully create compelling, interactive documents backed by HTML.

span.autohelm-open-toc:hover {
    cursor: pointer;
}
span.autohelm-close-toc:hover {
    cursor: pointer;
}
body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    margin: 0px;
}
#secst-content {
    border-top: 1px solid black;
    width:100%;
    border-bottom: 1px solid black;
}
header, footer {
    width:97%;
}
header {
    padding-left: 2ch;
    padding-right: 2ch;
}
footer {
    padding-left: 2ch;
    padding-right: 2ch;
}
.sect[hidden] {
    display: none
}
.secst-error {
    border: solid 1px red;
}
mark.secst-error { background: red }
table.secst {
    border: 1px solid black;
    border-collapse: collapse;
}
.secst th {
    background-color: whitesmoke;
}
.secst th, td {
    border: 1px solid black;
    padding: 5px;
}
input.secst {
    font-family: monospace;
}
input.secst[type="number"] {
    min-width: 4ch;
}
textarea.secst:not([hidden]) {
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
    max-width: calc(100% - 1ch);
    min-width: calc(100% - 1ch);
    overflow: auto;
}
pre.secst {
    padding: 1ch;
    max-width:  calc(100% - 1ch);
    max-height: 25em;
    overflow: auto;
    background-color: whitesmoke;
    margin-right: 1ch;
}