From 87386e8b148c2536214fdaf6c3140853c751d7b4 Mon Sep 17 00:00:00 2001 From: Joris Guyonvarch Date: Sun, 8 Mar 2015 15:14:07 +0100 Subject: Showing the score at the end of each round --- style.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) (limited to 'style.css') diff --git a/style.css b/style.css index 6499535..763cb22 100644 --- a/style.css +++ b/style.css @@ -67,3 +67,54 @@ p { color: white; } } + +ul.rounds { + padding-left: 0; + color: white; + list-style-type: none; + position: absolute; + width: 300px; + left: 50%; + margin-left: -150px; + top: 110px; +} + +ul.rounds > li { + background-color: #333333; + text-align: center; + border-radius: 2px; + animation: hide 5s ease; + + opacity: 0; + height: 0px; + line-height: 0px; + margin-bottom: 0px; +} + +@keyframes hide { + 0% { + opacity: 1; + height: 40px; + line-height: 40px; + margin-bottom: 10px; + } + 90% { + opacity: 1; + height: 40px; + line-height: 40px; + margin-bottom: 10px; + } + 95% { + opacity: 0; + height: 40px; + line-height: 40px; + margin-bottom: 10px; + } + 100% { + opacity: 0; + height: 0px; + line-height: 0px; + margin-bottom: 0px; + } +} + -- cgit v1.2.3