From 0aa6f3377d73853b320fa8a973789a26788bcce5 Mon Sep 17 00:00:00 2001
From: hokkqi <yo+gh@hkki.cc>
Date: Fri, 17 Jul 2020 18:43:11 +0200
Subject: [PATCH] copy IP and show toast

---
 assets/css/main.css | 71 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)

diff --git a/assets/css/main.css b/assets/css/main.css
index 5cd4cee..4275794 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,3 +1,74 @@
+/* SNACKBAR */
+#snackbar {
+  visibility: hidden;
+  min-width: 250px;
+  margin-left: -125px;
+  background-color: #ffffff00;
+  color: rgb(255, 255, 255);
+  text-align: center;
+  border: 5px solid white;
+  border-radius: 10px;
+  box-shadow: 0 0 10px white;
+  box-shadow: inset 0 0 10px white;
+  padding: 16px;
+  position: fixed;
+  z-index: 1;
+  left: 50%;
+  top: 20px;
+}
+
+#snackbar.show {
+  visibility: visible;
+  -webkit-animation: fadein 0.5s, fadeout 1s 2.5s;
+  animation: fadein 0.5s, fadeout 1s 2.5s;
+}
+
+@-webkit-keyframes fadein {
+  from {
+    top: 0;
+    opacity: 0;
+  }
+  to {
+    top: 20px;
+    opacity: 1;
+  }
+}
+
+@keyframes fadein {
+  from {
+    top: 0;
+    opacity: 0;
+  }
+  to {
+    top: 20px;
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes fadeout {
+  from {
+    top: 20px;
+    opacity: 1;
+  }
+  to {
+    top: 0;
+    opacity: 0;
+  }
+}
+
+@keyframes fadeout {
+  from {
+    top: 20px;
+    opacity: 1;
+  }
+  to {
+    top: 0;
+    opacity: 0;
+  }
+}
+
+/* MAIN STUFF */
+
 body {
   background-color: black;
   color: white;