fd57b35c9b
* Make it sepia * Change page title and remove sponsor link * Revert styling for error messages * Hightlight new content
51 lines
784 B
CSS
51 lines
784 B
CSS
:root {
|
|
--color-bg: oklch(97.1% 0.024 88.23);
|
|
--color-hover: oklch(94.48% 0.024 88.23);
|
|
--color-text: oklch(24.74% 0.024 88.23);
|
|
--color-new: oklch(94.48% 0.024 38.23);
|
|
}
|
|
|
|
body {
|
|
font-family: system-ui;
|
|
font-size: 18px;
|
|
background: var(--color-bg);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
summary {
|
|
cursor: pointer;
|
|
}
|
|
|
|
summary,
|
|
details li {
|
|
padding: 0.5em;
|
|
border-radius: 12px;
|
|
margin-block-start: 4px;
|
|
transition: background cubic-bezier(0.39, 0.575, 0.565, 1) 0.2s;
|
|
}
|
|
|
|
summary:hover,
|
|
details li:hover {
|
|
background: var(--color-hover)
|
|
}
|
|
|
|
details:has(li.has-recent) {
|
|
|
|
summary,
|
|
li.has-recent {
|
|
background: var(--color-new);
|
|
}
|
|
}
|
|
|
|
.feed-url {
|
|
color: #aaa;
|
|
}
|
|
|
|
.article-timestamp {
|
|
font-size: 0.75em;
|
|
}
|
|
|
|
details ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
}
|