partial theme implementation

1 files changed, 46 insertions, 0 deletions

diff --git a/web/style/js-transition.css b/web/style/js-transition.css
new file mode 100644
index 0000000..dbb80f0
--- /dev/null
+++ b/web/style/js-transition.css
@@ -0,0 +1,46 @@
+@keyframes jst-fadein {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: black;
+    }
+}
+@keyframes jst-fadeout {
+    from {
+        background-color: black;
+    }
+    to {
+        background-color: transparent;
+    }
+}
+
+.jst-fade {
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    width: 100vw;
+    height: 100vh;
+    z-index: 10;
+}
+.jst-error {
+    position: fixed;
+    top: 50vh;
+    left: 50vw;
+    transform: translate(-50%, -50%);
+    color: rgb(247, 69, 69);
+    font-size: large;
+    z-index: 11;
+}
+.jst-spinner {
+    position: fixed;
+    top: 50vh;
+    left: 50vw;
+    transform: translate(-50%, -50%);
+    color: rgb(252, 255, 78);
+    font-size: large;
+    z-index: 11;
+}
+nav {
+    z-index: 11;
+}