From 7a02caa3503f6e99d995da631cb0cab6ace94b15 Mon Sep 17 00:00:00 2001
From: Brian Davison <b.davison@napier.ac.uk>
Date: Mon, 2 Sep 2024 17:08:20 +0100
Subject: [PATCH] add css

---
 Another-page.md       |  12 ----
 assets/css/style.scss | 129 ++++++++++++++++++++++++++++++++++++++++++
 test-child.md         |  10 ----
 test-grand-child.md   |   8 ---
 4 files changed, 129 insertions(+), 30 deletions(-)
 delete mode 100644 Another-page.md
 create mode 100644 assets/css/style.scss
 delete mode 100644 test-child.md
 delete mode 100644 test-grand-child.md

diff --git a/Another-page.md b/Another-page.md
deleted file mode 100644
index 587f2d3..0000000
--- a/Another-page.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: Test
-has_children: true
-nav_order: 2
----
-
-# Another page
-
-Test this
-
-
-blah
diff --git a/assets/css/style.scss b/assets/css/style.scss
new file mode 100644
index 0000000..1adba25
--- /dev/null
+++ b/assets/css/style.scss
@@ -0,0 +1,129 @@
+---
+---
+
+@import "{{ site.theme }}";
+
+// Theme mods (Slate)
+body {
+  --pale-red: #fcf1f1;
+  --dark-red: #900401;
+  --pale-blue: #f1f2fc;
+  --dark-blue: #011390;
+  --pale-green: #f2fcf1;
+  --dark-green: #209001;
+  --pale-orange: #fcf6f1;
+  --dark-orange: #903e01;
+  --pale-yellow: #fcfbf1;
+  --dark-yellow: #908801;
+  --pale-purple: #f8f1fc;
+  --dark-purple: #5a0190;
+  --pale-teal: #f1fafc;
+  --dark-teal: #017696;
+  --light-grey: #f0f0f0;
+  --code-background: #f8f9fa;
+  font-size: 1.3rem;
+}
+
+.inner {
+  max-width: 80%;
+}
+
+#main_content_wrap {
+  background: white;
+}
+
+pre,
+img {
+  box-shadow: none;
+}
+
+pre, code {
+  background-color: var(--code-background);
+}
+
+code {
+  color: black;
+}
+
+.highlight {
+  background-color: var(--code-background);
+}
+
+// Custom
+
+// Layouts
+
+#three-column-page {
+  display: flex;
+}
+
+#side-nav {
+  width: 20rem;
+  background-color: #faf2cc;
+}
+
+#main_content_wrap {
+  flex-grow: 2;
+}
+
+#page-toc {
+  width: 20rem;
+  background-color: #0e90d2;
+}
+
+// SPLASH
+
+hr.splash {
+  color: #f2f2f2;
+  clear: both;
+  background: none;
+}
+hr.splash+p {
+  float: left;
+  padding-right: 2rem;
+}
+hr.splash+p>img {
+  max-width: 16rem;
+  max-height: 16rem;
+}
+
+// TOURS
+
+div.tour+h6 {
+  float: right;
+  clear: both;
+}
+
+// FIGURES
+
+figure,
+.figure,
+img[src*="#figure"] {
+  margin: 2rem 0 0 8rem;
+}
+figcaption,
+.figure + p,
+img[src*="#figure"] + em,
+img[src*="#figure"] + a {
+  display: block;
+  margin: 0 0 2rem 8rem;
+  font-style: italic;
+  font-size: 0.9rem;
+}
+
+// DETAILS
+
+details[open] {
+  margin-bottom: 2rem;
+}
+details[open] summary {
+  margin-bottom: 1rem;
+}
+
+// LINKS
+// To style links, add #stylename to the end of the href value
+
+a[href*="#please-read"] {
+  color: var(--dark-red);
+  font-weight: bold;
+}
diff --git a/test-child.md b/test-child.md
deleted file mode 100644
index d2dbf16..0000000
--- a/test-child.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: Child of Test
-parent: Test
-has_children: true
-nav_order: 1
----
-
-# Child of test
-
-I am a child page.
diff --git a/test-grand-child.md b/test-grand-child.md
deleted file mode 100644
index 15f681f..0000000
--- a/test-grand-child.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Granchild of Test
-parent: Child of Test
-grand_parent: Test
-nav_order: 1
----
-
-# I am a grand child of test