From 315f1984b104d93f60a6baa4ddfd54b851ebce58 Mon Sep 17 00:00:00 2001
From: Starbeamrainbowlabs <sbrl@starbeamrainbowlabs.com>
Date: Thu, 13 Dec 2018 11:34:07 +0000
Subject: [PATCH] Start styling the new docs!

There's still loads of work to do though.
---
 docs/theme.css | 28 +++++++++++++++++++++-------
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/docs/theme.css b/docs/theme.css
index 1547a53..c25fd78 100644
--- a/docs/theme.css
+++ b/docs/theme.css
@@ -1,12 +1,26 @@
-/* Title */
-.menu {
-	background: url(https://sbrl.github.io/Pepperminty-Wiki/logo.svg) no-repeat top center/10em;
-	margin-top: 0.5em;
-	padding-top: 10em;
-}
-.menu > .menu-item:first-child > .submenu > .menu-item:first-child {
+.body {
+	--background-colour-a: hsla(3, 100%, 70%, 0.3);
+	--background-colour-b: hsla(3, 100%, 80%, 0.3);
+	--background-size: 5em;
 	
+	background: repeating-linear-gradient(-55deg,
+		var(--background-colour-a), var(--background-colour-a) var(--background-size),
+		var(--background-colour-b) var(--background-size), var(--background-colour-b) calc(var(--background-size) * 2));
+}
+
+.menu {
+	background-color: hsla(0, 100%, 100%, 0.5);
+}
+/* Title */
+.toc-menu .-level-1:first-child {
+	background: url(https://sbrl.github.io/Pepperminty-Wiki/logo.svg) no-repeat top center/10em;
+	margin-top: 0;
+	padding-top: 10em;
 	font-weight: bolder;
 	font-size: 1.25em;
 	text-align: center;
 }
+
+.-menu-visible .menu-toggle {
+	background: linear-gradient(to bottom, transparent, white);
+}