From a22bdc3821bd53d8e3b198423db3f8d7e8e579f6 Mon Sep 17 00:00:00 2001 From: metamuffin Date: Mon, 24 Jan 2022 20:01:23 +0100 Subject: really fancy loggin + fonts on my own "cdn" --- public/style/logger.css | 47 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 public/style/logger.css (limited to 'public/style/logger.css') diff --git a/public/style/logger.css b/public/style/logger.css new file mode 100644 index 0000000..77f0d41 --- /dev/null +++ b/public/style/logger.css @@ -0,0 +1,47 @@ +.logger-container { + position: absolute; + top: 0px; + right: 0px; + transition: width 1s; + + background-color: rgba(0, 0, 0, 0.376); + border-radius: 0.2em; + border: 0px solid transparent; + padding: 0.2em; + + +} + +.logger-line { + font-size: 1em; + height: 1.2em; + + animation-name: appear, disappear; + animation-timing-function: linear, linear; + animation-delay: 0s, 3s; + animation-duration: 0.3s, 2s; + animation-fill-mode: forwards, forwards; +} + + +@keyframes appear { + from { + margin-top: -1.2em; + opacity: 0; + } + to { + opacity: 1; + } +} + + + +@keyframes disappear { + from { + opacity: 1; + } + to { + margin-top: -1.2em; + opacity: 0; + } +} -- cgit v1.3.1