add dr1 style current track indicator

1 files changed, 37 insertions, 0 deletions

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