diff options
| author | verdant <im@verdant.ee> | 2026-07-03 11:45:56 +0800 |
|---|---|---|
| committer | verdant <im@verdant.ee> | 2026-07-03 11:45:56 +0800 |
| commit | ed8c058c8ee655b36232b79a7d8cd35124c8ca1c (patch) | |
| tree | 42b535426d8212f5c96a4ff71470d9b8056ba18e /layouts | |
| parent | 12945b129ff7b7f1a8e5da790cdb05de5bd73446 (diff) | |
| download | blog-ed8c058c8ee655b36232b79a7d8cd35124c8ca1c.tar.gz blog-ed8c058c8ee655b36232b79a7d8cd35124c8ca1c.zip | |
Format
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/style.html | 90 |
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> |
