]> gitweb.ps.run Git - lolstats/blobdiff - html/style.css
views korrigiert
[lolstats] / html / style.css
index af80d07189d734c391939d8bf664911d636234ec..a410d3f761dd3b2c65c2623ad3c7653e9245f7fd 100644 (file)
@@ -8,6 +8,7 @@ body {
   margin: 0px;
   background-color: rgb(200, 50, 50);
   box-shadow: 0 0 400px rgba(0, 0, 0, 0.6) inset;
+  overflow: hidden;
 }
 input, select, button {
   font-size:inherit;
@@ -25,9 +26,24 @@ input, select, button {
     width: calc(100% - 20px);
   }
 }
+@keyframes startdown {
+  100% {
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 65%;
+  }
+  0% {
+    top: 0%;
+    transform: translate(-50%, 0%);
+    width: calc(100% - 20px);
+  }
+}
 #start.slideup {
   animation: startup 0.3s forwards linear;
 }
+#start.slidedown {
+  animation: startdown 0.3s forwards linear;
+}
 #start.up {
   top: 0%;
   transform: translate(-50%, 0%);
@@ -134,9 +150,7 @@ button {
   background-color: white;
   border-radius: 5px;
   text-align: center;  
-}
-#stats {
-  background-color: red;
+  overflow: visible;
 }
 .bottom-right {
   position: absolute;