From bd4c60bc45526f434e5152447489f3d06dc515f6 Mon Sep 17 00:00:00 2001
From: Big Bad Waffle <skichenbrand@gmail.com>
Date: Wed, 14 Feb 2018 21:20:01 +0200
Subject: [PATCH] load save box

---
 .gitignore                                    |  2 +-
 helpers/passives/client/styles.css            | 26 +++++++++++++
 .../client/ui/templates/loadSave/styles.css   | 38 +++++++++++++++++++
 3 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 helpers/passives/client/styles.css
 create mode 100644 helpers/passives/client/ui/templates/loadSave/styles.css

diff --git a/.gitignore b/.gitignore
index d3549f2a..83ce06a6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,4 @@ storage.db
 *.sublime-workspace
 *.css
 !helpers/item-tooltip/styles.css
-!helpers/passives/*.css
+!helpers/passives/**/*.css
diff --git a/helpers/passives/client/styles.css b/helpers/passives/client/styles.css
new file mode 100644
index 00000000..d614256e
--- /dev/null
+++ b/helpers/passives/client/styles.css
@@ -0,0 +1,26 @@
+	
+html, body {
+	width: 100vw;
+	height: 100vh;
+}
+
+body {
+	background-color: #2d2136;
+	padding: 0px;
+	margin: 0px;
+	overflow: hidden;
+}
+
+.canvas, .ui-container {
+	position: absolute;
+}
+
+.ui-container {
+	width: 100%;
+	height: 100%;
+	pointer-events: none;
+}
+
+.ui-container > * {
+	pointer-events: auto;
+}
diff --git a/helpers/passives/client/ui/templates/loadSave/styles.css b/helpers/passives/client/ui/templates/loadSave/styles.css
new file mode 100644
index 00000000..f4136129
--- /dev/null
+++ b/helpers/passives/client/ui/templates/loadSave/styles.css
@@ -0,0 +1,38 @@
+.uiLoadSave {
+	position: absolute;
+	right: 10px;
+	top: 10px;
+	padding: 10px;
+
+	width: 200px;
+	background-color: #373041;
+	text-align: center;
+}
+
+.uiLoadSave .heading {
+	color: #fafcfc;
+	margin-bottom: 15px;
+}
+
+.uiLoadSave input {
+	border: none;
+	outline: none;
+	width: calc(100% - 10px);
+	height: 20px;
+	padding: 5px;
+	display: box;
+}
+
+.uiLoadSave .btn {
+	float: left;
+	width: calc((100% - 15px) / 2);
+	color: #fafcfc;
+	margin-top: 15px;
+	background-color: #3fa7dd;
+	padding: 10px;
+	box-sizing: border-box;
+}
+
+.uiLoadSave .btn:nth-child(2) {
+	margin-right: 15px;
+}