X-Git-Url: https://gitweb.ps.run/lolstats/blobdiff_plain/8ed339b1fd7fca6209d1784bd18faf8608ab67a6..c714fc5d53069a25203ee09916e40dfbcb6f547b:/html/style.css?ds=sidebyside diff --git a/html/style.css b/html/style.css index af80d07..a410d3f 100644 --- a/html/style.css +++ b/html/style.css @@ -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;