about summary refs log tree commit diff
path: root/served/styles
diff options
context:
space:
mode:
Diffstat (limited to 'served/styles')
-rwxr-xr-xserved/styles/common.css4
-rwxr-xr-xserved/styles/home.css2
-rwxr-xr-xserved/styles/post.css2
-rw-r--r--served/styles/writing.css77
4 files changed, 81 insertions, 4 deletions
diff --git a/served/styles/common.css b/served/styles/common.css
index 9d2385e..64067cb 100755
--- a/served/styles/common.css
+++ b/served/styles/common.css
@@ -19,7 +19,7 @@
 		--text-dim: #bbb;
 		--text-link: #ddf;
 		--text-link-visited: #fed;
-		--background: #001;
+		--background: #112;
 		--background-dim: #333;
 		--color-a: #3a8;
 		--color-a-dim: rgb(158, 228, 208);
@@ -35,7 +35,7 @@ body {
 body {
 	font-size: 1.1rem;
 	line-height: 1.4;
-	font-family: sans-serif;
+	font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 	padding: 2rem 5vw;
 
 	color: var(--text);
diff --git a/served/styles/home.css b/served/styles/home.css
index be276b2..d48471a 100755
--- a/served/styles/home.css
+++ b/served/styles/home.css
@@ -121,7 +121,7 @@ ul.thing-list {
 	}
 
 	#greeting p {
-		max-width: 25rem;
+		max-width: 26rem;
 	}
 
 	p#notice {
diff --git a/served/styles/post.css b/served/styles/post.css
index 946336f..f7111dd 100755
--- a/served/styles/post.css
+++ b/served/styles/post.css
@@ -1,5 +1,5 @@
 .sized {
-	--page-width: 34rem;
+	--page-width: 35rem;
 	max-width: var(--page-width);
 	margin: 0 auto;
 }
diff --git a/served/styles/writing.css b/served/styles/writing.css
new file mode 100644
index 0000000..527d434
--- /dev/null
+++ b/served/styles/writing.css
@@ -0,0 +1,77 @@
+.sized {
+	--page-width: 36rem;
+}
+
+body {
+	line-height: 1.6;
+}
+
+h1 {
+	line-height: 1;
+}
+
+h2,
+h3 {
+	line-height: 1;
+	margin-top: 2rem;
+}
+
+a {
+	color: var(--text-link);
+}
+
+a:visited {
+	color: var(--text-link-visited);
+}
+
+aside {
+	border: 1px dashed var(--text);
+	border-radius: 1rem;
+	padding: .25rem .5rem;
+	width: 90%;
+	margin: 1.25rem auto;
+}
+
+img {
+	display: block;
+	width: 100%;
+
+	margin: 1.25rem auto;
+}
+
+code {
+	font-size: 1rem;
+}
+
+details {
+	position: relative;
+	padding: 0.5rem 1rem;
+	width: 80%;
+	margin: 1.25rem auto;
+}
+
+details::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 2rem;
+	height: 1rem;
+	border-width: 1px 0 0 1px;
+	border-color: var(--text);
+	border-style: solid;
+	z-index: -1;
+}
+
+details::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	width: 2rem;
+	height: 1rem;
+	border-width: 0 1px 1px 0;
+	border-color: var(--text);
+	border-style: solid;
+	z-index: -1;
+}
\ No newline at end of file