1 files changed, 149 insertions, 0 deletions
diff --git a/v2/src/content/static/styles.css b/v2/src/content/static/styles.css
new file mode 100644
index 0000000..0ec67a8
--- /dev/null
+++ b/v2/src/content/static/styles.css
@@ -0,0 +1,149 @@
+/* General declarations */
+
+body {
+  margin: 0px auto;
+  padding: 1%;
+  max-width: 750px;
+}
+
+.svg-icon {
+  vertical-align: middle;
+}
+
+
+/* Navigation header */
+
+nav a {
+  color: maroon;
+  font-size: 18px;
+  margin: 12px;
+  text-decoration: none;
+}
+
+nav ul, nav li {
+  display: inline;
+}
+
+nav ul li a {
+  color: black;
+  font-size: 14px;
+  margin: 6px;
+}
+
+
+/* Article bodies */
+
+.timestamp {
+  color: #555;
+  font-size: 14px;
+  font-style: italic;
+}
+
+blockquote {
+  font-style: italic;
+  color: dimgrey;
+  padding-left: 10px;
+  border-left: 3px solid #ccc;
+}
+
+ul.no-style {
+  list-style-type: none;
+}
+
+ul.no-style li {
+  margin: 20px 0px;
+}
+
+
+/* Footer */
+
+footer {
+  font-size: 14px;
+  margin-top: 30px;
+  padding: 12px 0px 12px 0px;
+}
+
+footer li {
+  list-style-type: none;
+  margin-top: 10px;
+}
+
+footer li a {
+  margin-left: 5px;
+  user-select: none;
+}
+
+/* Code blocks */
+
+/* The "lineno" class is the default generated by Rouge for table-row in code blocks, see:
+   https://github.com/rouge-ruby/rouge */
+.line-number, pre.lineno {
+  margin-right: 3px;
+  padding-right: 3px;
+  border-right: 1px solid;
+  border-color: hsla(0, 0%, 0%, 0.3);
+  text-align: right;
+  user-select: none;
+}
+
+.code-line {
+  padding-left: 8px;
+}
+
+.code-block {
+  padding: 6px 4px;
+  display: block;
+}
+
+.code-block, pre.highlight {
+  border: 1px solid #ccc;
+  border-radius: 10px;
+}
+
+pre {
+  overflow: auto;
+}
+
+
+/* Code block anchors */
+
+.line-number a, a.code-line-anchor {
+  color: black;
+  text-decoration: none;
+}
+
+a.code-line-anchor:hover {
+  text-decoration: underline;
+}
+
+
+/* Header anchor */
+
+.header-anchor {
+  color: black;
+  text-decoration: none;
+  display: block;
+  margin-bottom: 15px;
+}
+
+.header-anchor {
+}
+
+
+.header-anchor img {
+  margin-left: 5px;
+  visibility: hidden;
+}
+
+.header-anchor:hover img {
+  visibility: visible;
+}
+
+
+/* Plaintext code block links */
+
+.plaintext-link {
+  margin: auto auto 0 auto;
+  text-align: right;
+  font-family: monospace;
+}