1 files changed, 117 insertions, 0 deletions
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..299b98b
--- /dev/null
+++ b/style.css

@@ -0,0 +1,117 @@
+body {
+  font-size: 14pt;
+  line-spacing: 1.4;
+}
+img {
+  max-width: 100%;
+}
+pre,
+code {
+  overflow: scroll;
+}
+details {
+  margin: 1ch;
+  max-width: 78ch;
+  margin: auto;
+  padding: 1ch;
+  position: relative;
+}
+details[open] {
+  border: 1px solid;
+  border-radius: 1ch;
+  min-height: 4.2em;
+}
+summary {
+  display: block;
+  padding: 1ch;
+  margin: -1ch;
+  font: 12pt monospace;
+}
+.info {
+  font: 10pt monospace;
+  position: absolute;
+  right: 0;
+  bottom: 1px;
+  border-radius: 1ch;
+}
+.info summary {
+  font: inherit;
+  text-align: right;
+}
+summary:hover {
+  text-transform: uppercase;
+  border-radius: 1ch;
+}
+.links {
+  float: right;
+}
+.content {
+  margin: 2ch;
+}
+a {
+  text-decoration: none;
+  padding: 2px;
+}
+a:link,
+a:visited {
+  color: inherit;
+}
+@media screen and (prefers-color-scheme: light) {
+  body {
+    background: white;
+    color: black;
+  }
+  details {
+    background: #ddd;
+  }
+  details[open] {
+    background: #bbb;
+  }
+  a:link {
+    background: cyan;
+  }
+  a:hover,
+  summary:hover {
+    background: yellow;
+  }
+  pre,
+  code {
+    background: #eee;
+  }
+}
+@media screen and (prefers-color-scheme: dark) {
+  body {
+    background: #002222;
+    color: #dee;
+  }
+  details {
+    background: #220000;
+  }
+  details[open] {
+    background: #333;
+  }
+  a:link {
+    background: #002244;
+  }
+  a:hover,
+  summary:hover {
+    background: brown;
+  }
+  pre,
+  code {
+    background: #111;
+  }
+}

diff --git a/style.css b/style.css new file mode 100644 index 0000000..299b98b --- /dev/null +++ b/style.css
@@ -0,0 +1,117 @@
	1	body {
	2	font-size: 14pt;
	3	line-spacing: 1.4;
	4	}
	5
	6	img {
	7	max-width: 100%;
	8	}
	9
	10	pre,
	11	code {
	12	overflow: scroll;
	13	}
	14
	15	details {
	16	margin: 1ch;
	17	max-width: 78ch;
	18	margin: auto;
	19	padding: 1ch;
	20	position: relative;
	21	}
	22
	23	details[open] {
	24	border: 1px solid;
	25	border-radius: 1ch;
	26	min-height: 4.2em;
	27	}
	28
	29	summary {
	30	display: block;
	31	padding: 1ch;
	32	margin: -1ch;
	33	font: 12pt monospace;
	34	}
	35
	36	.info {
	37	font: 10pt monospace;
	38	position: absolute;
	39	right: 0;
	40	bottom: 1px;
	41	border-radius: 1ch;
	42	}
	43	.info summary {
	44	font: inherit;
	45	text-align: right;
	46	}
	47
	48	summary:hover {
	49	text-transform: uppercase;
	50	border-radius: 1ch;
	51	}
	52
	53	.links {
	54	float: right;
	55	}
	56
	57	.content {
	58	margin: 2ch;
	59	}
	60
	61	a {
	62	text-decoration: none;
	63	padding: 2px;
	64	}
	65
	66	a:link,
	67	a:visited {
	68	color: inherit;
	69	}
	70
	71	@media screen and (prefers-color-scheme: light) {
	72	body {
	73	background: white;
	74	color: black;
	75	}
	76	details {
	77	background: #ddd;
	78	}
	79	details[open] {
	80	background: #bbb;
	81	}
	82	a:link {
	83	background: cyan;
	84	}
	85	a:hover,
	86	summary:hover {
	87	background: yellow;
	88	}
	89	pre,
	90	code {
	91	background: #eee;
	92	}
	93	}
	94
	95	@media screen and (prefers-color-scheme: dark) {
	96	body {
	97	background: #002222;
	98	color: #dee;
	99	}
	100	details {
	101	background: #220000;
	102	}
	103	details[open] {
	104	background: #333;
	105	}
	106	a:link {
	107	background: #002244;
	108	}
	109	a:hover,
	110	summary:hover {
	111	background: brown;
	112	}
	113	pre,
	114	code {
	115	background: #111;
	116	}
	117	}