From 81c4b1366d12fc1410913f9877dce275550c9dd6 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 3 Jun 2020 20:42:03 +0200 Subject: add dr1 style current track indicator --- webAO/styles/chatbox/dr1.css | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) (limited to 'webAO') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ce86a63..52febce 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -114,4 +114,41 @@ height: 2em; background-image: url("chatwaiting_dr1.svg"); background-size: contain; +} + +#client_trackstatus { + position: absolute; + right: 4%; + top: 4%; + width: 4em; + height: 1.2em; + font-family: sans-serif; + font-weight: bold; + overflow: hidden; +} + +#client_trackstatus::before { + content: "𝅘𝅥𝅮"; + position: absolute; + left: 0; + top: 0; + margin: 0; +} + +#client_trackstatustext { + display: inline-block; + position: absolute; + left: 20%; + width: 80%; + margin: 0; + overflow: hidden; + padding-left: 1em; + letter-spacing: 0.4em; + white-space: nowrap; + animation: marquee 10s linear infinite; +} + +@keyframes marquee { + from { text-indent: 0% } + to { text-indent: -125% } } \ No newline at end of file -- cgit