html {
font-family: monospace;
}
body {
max-width: 130ch;
margin: auto;
padding: 1em 1ch;
}
h1 {
margin: 0;
}
nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 1em;
}
nav ol {
margin: 1em 1ch 0 0;
padding: 0;
list-style-type: none;
}
nav ol li {
display: inline;
}
nav ol li::before {
content: '/';
}
nav form {
margin-top: 1em;
}
td.nick {
text-align: right;
}
tr.privmsg td.nick span::before {
content: '<';
}
tr.privmsg td.nick span::after {
content: '>';
}
tr.action td.nick span::before {
content: '* ';
}
tr.notice td.nick span::before, tr.notice td.nick span::after {
content: '-';
}
footer {
margin-top: 1em;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
footer span[title] {
text-decoration: underline;
text-decoration-style: dotted;
cursor: help;
}