diff options
| -rw-r--r-- | layouts/partials/style.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/layouts/partials/style.html b/layouts/partials/style.html new file mode 100644 index 0000000..714b97d --- /dev/null +++ b/layouts/partials/style.html @@ -0,0 +1,87 @@ +<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; + } + + article a, header a { + text-decoration: underline; + + } + + time { + float: right + } + + .recent-posts ul, + .blog-posts { + list-style: none; + padding-left: 0; + } + + .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); + } + } +</style> |