nnwhen.com/now.css

85 lines
1.2 KiB
CSS
Raw Normal View History

2025-02-24 23:27:20 +02:00
main {
width: min(95%, 750px);
margin: 30px auto;
font-family: "mono", monospace;
}
.now {
2025-02-24 23:27:20 +02:00
position: relative;
background-color: var(--blog-box);
padding: 5px;
margin: 20px 0;
2025-02-24 23:27:20 +02:00
}
div.now {
margin-bottom: 8px;
2025-02-28 12:52:31 +02:00
}
2025-02-24 23:27:20 +02:00
.now h1,
.thread h1,
.now h2,
.thread h2 {
margin: 0 10px;
2025-03-13 17:50:05 +02:00
width: calc(100% - 90px);
2025-02-24 23:27:20 +02:00
}
.now h2,
.thread h2 {
font-size: medium;
2025-03-02 23:15:20 +02:00
}
.now h3,
.thread-update h3 {
margin: 5px 10px;
font-size: small;
color: var(--subtitle);
}
2025-03-13 17:50:05 +02:00
.now .postID,
.thread-update .postID {
position: absolute;
margin: 5px;
top: 10px;
right: 15px;
font-size: small;
color: var(--subtitle);
}
.now hgroup,
.thread hgroup {
margin: 10px 0;
2025-02-24 23:27:20 +02:00
}
.now p {
2025-02-24 23:27:20 +02:00
margin: 10px 20px;
}
2025-03-05 22:21:31 +02:00
.now q {
display: block;
font-family: "syne", monospace;
width: 80%;
margin: auto;
}
.now audio,
.thread audio {
2025-02-28 12:52:31 +02:00
width: 100%;
}
.thread-update {
position: relative;
margin: 8px 0;
2025-03-05 22:35:47 +02:00
margin-left: 3%;
padding: 0;
2025-03-05 22:35:47 +02:00
border-left: solid var(--subtitle) 1px;
list-style-type: none;
}
.thread-update li {
2025-03-13 17:50:05 +02:00
position: relative;
2025-03-05 22:35:47 +02:00
margin: 10px 0;
margin-left: 2%;
padding: 10px;
2025-03-05 22:35:47 +02:00
background-color: var(--blog-box-alt);
}
.lyrics {
width: 80%;
2025-03-17 14:11:08 +02:00
margin: 16px 20px;
}
.block-toggle {
display: none;
}