Add style.htmlHEADmaster

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>