new: text toggle, 'now' threading, 'now' post

This commit is contained in:
nnwhen 2025-03-02 14:23:28 +02:00
parent 43676e78b9
commit cec413de5e
8 changed files with 147 additions and 29 deletions

69
now.css
View file

@ -4,38 +4,69 @@ main {
font-family: "mono", monospace;
}
section.now {
.now {
position: relative;
background-color: var(--blog-box);
padding: 5px;
margin: 15px 0;
margin: 20px 0;
}
div.now {
margin-bottom: 8px;
}
section.now h1,
section.now h2 {
width: calc(100% - 200px);
margin: 0 10px;
.now h1,
.thread h1,
.now h2,
.thread h2 {
width: calc(100% - 200px);
margin: 0 10px;
}
section.now h1 {
margin-top: 8px;
}
section.now h3 {
margin: 0;
}
section.now h2 {
.now h2,
.thread h2 {
font-size: large;
}
section.now h3 {
.now h3 {
position: absolute;
color: var(--subtitle);
font-size: medium;
margin: 0;
right: 15px;
top: 15px;
font-size: medium;
color: var(--subtitle);
}
section.now p {
.now hgroup,
.thread hgroup {
margin: 10px 0;
}
.now p {
margin: 10px 20px;
}
section.now audio {
.now audio,
.thread audio {
width: 100%;
}
.thread-update {
position: relative;
background-color: var(--blog-box-alt);
margin: 8px 0;
margin-left: 5%;
padding: 0;
list-style-type: none;
}
.thread-update li {
padding: 10px;
}
.thread-update h3 {
position: absolute;
margin: 0;
right: 15px;
top: 15px;
font-size: small;
color: var(--subtitle);
}
.lyrics {
display: none;
width: 80%;
margin: 16px auto;
}