From 2bbcde7dd370f0f6eb6d8733aab697917f5a8963 Mon Sep 17 00:00:00 2001
From: James Barnett <noreply@jamesbarnett.xyz>
Date: Fri, 9 Aug 2019 20:56:49 +0100
Subject: Add loading overlay during terrain gen

---
 src/main/resources/style.css | 45 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 src/main/resources/style.css

(limited to 'src/main/resources/style.css')

diff --git a/src/main/resources/style.css b/src/main/resources/style.css
new file mode 100644
index 0000000..4d69b30
--- /dev/null
+++ b/src/main/resources/style.css
@@ -0,0 +1,45 @@
+body {
+  padding: 0;
+  margin: 0;
+}
+
+#loading-overlay {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(0,0,0,.5);
+}
+
+#spinner {
+  width: 50px;
+  height: 50px;
+  margin-top: -40px;
+  margin-left: -40px;
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  border-width: 120px;
+  border-radius: 50%;
+  border: 16px solid #33abda;
+  border-top: 16px solid #3c3c3c;
+  -webkit-animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+canvas {
+  display: block;
+}
+
+.hidden {
+  display: none;
+}
\ No newline at end of file
-- 
cgit v1.2.3