aboutsummaryrefslogtreecommitdiffstats
path: root/layouts
diff options
context:
space:
mode:
authorverdant <im@verdant.ee>2026-07-03 11:45:56 +0800
committerverdant <im@verdant.ee>2026-07-03 11:45:56 +0800
commited8c058c8ee655b36232b79a7d8cd35124c8ca1c (patch)
tree42b535426d8212f5c96a4ff71470d9b8056ba18e /layouts
parent12945b129ff7b7f1a8e5da790cdb05de5bd73446 (diff)
downloadblog-ed8c058c8ee655b36232b79a7d8cd35124c8ca1c.tar.gz
blog-ed8c058c8ee655b36232b79a7d8cd35124c8ca1c.zip
Format
Diffstat (limited to 'layouts')
-rw-r--r--layouts/partials/style.html90
1 files changed, 10 insertions, 80 deletions
diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 714b97d..d92251d 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -1,87 +1,17 @@
<style>
- body {
- font: 1.06rem apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
- line-height: 1.7;
- max-width: 740px;
- margin: 40px auto;
- padding: 0 20px;
- background-color: #fbf9f4;
- }
-
- pre {
- border: 1px dashed #555;
- padding: 12px;
- overflow-x: auto;
- }
-
- img {
- max-width: 100%;
- }
-
- a,
- a:visited {
- color: inherit;
- text-decoration: none;
- }
-
- a:hover {
- text-decoration: underline;
- }
+ body { font: 1.06rem monospace, "Noto Serif CJK"; font-weight:
+ 400; line-height: 1.8; max-width: 740px; margin: 40px
+ auto; padding: 0 20px; }
- article a, header a {
- text-decoration: underline;
+ pre { border: 1px dashed #555; padding: 12px; overflow-x:
+ auto; }
- }
-
- time {
- float: right
- }
+ img { max-width: 100%; }
- .recent-posts ul,
- .blog-posts {
- list-style: none;
- padding-left: 0;
+ a, a:visited {
+ color: #2e7fcc;
}
- .posts-list li,
- .blog-posts li {
- margin-bottom: 0.5rem;
- display: grid;
- grid-template-columns: 1fr auto;
- gap: 16px;
- align-items: baseline;
- }
-
-
- .posts-list li a,
- .blog-posts li a {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .posts-list li time,
- .blog-posts li time {
- white-space: nowrap;
- flex-shrink: 0;
- }
-
- @media (prefers-color-scheme: dark) {
- a {
- color: rgb(204, 204, 204)
- }
-
- a:visited {
- color: #aaa
- }
-
- html {
- color-scheme: dark;
- }
-
- body {
- background: #111111;
- color: rgb(204, 204, 204);
- }
- }
+ @media (prefers-color-scheme: dark) { html { color-scheme:
+ dark; } }
</style>