1 files changed, 127 insertions, 0 deletions
diff --git a/webAO/styles/chatbox/dr2.css b/webAO/styles/chatbox/dr2.css
new file mode 100644
index 0000000..59b11dc
--- /dev/null
+++ b/webAO/styles/chatbox/dr2.css
@@ -0,0 +1,127 @@
+.text_white {
+	color: #fff;
+}
+
+.text_blue {
+	color: #6be4fb;
+}
+
+.text_green {
+	color: #63ff3d;
+}
+
+.text_red {
+	color: #f00;
+}
+
+.text_orange {
+	color: #fc0;
+}
+
+.text_yellow {
+	color: #ffe700;
+}
+
+.text_pink {
+	color: #ffc0cb;
+}
+
+.text_cyan {
+	color: #6be4fb;
+}
+
+.text_grey {
+	color: #bbb;
+}
+
+#client_chatcontainer {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	bottom: 0;
+	left: 0;
+    font-family: sans-serif;
+}
+
+#client_name {
+    display: block;
+	position: absolute;
+	height: 100%;
+	width: 7%;
+	text-align: left;
+    color: #3d3c3f;
+    font-weight: bold;
+    background-image: linear-gradient(to top,#fe9500,#fee303,transparent);
+	border-right: 0.3em solid #dfd8b8;
+	box-shadow: 0.3em 0px 0 #ff9700;
+	left: 0;
+    bottom: 0;
+}
+
+#client_inner_name {
+	padding: 0;
+	margin: 0;
+	transform: rotate(180deg);
+    writing-mode: vertical-rl;    
+    bottom: 25%;
+    right: 0;
+    position: absolute;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: block;
+	width: 91%;
+	margin: auto;
+	height: 25%;
+    border-top: 0.1em solid white;    
+	bottom: 0;
+    right: 0;
+    background-image: linear-gradient(to right, rgba(0,0,0,0.4), black);
+	position: absolute;
+	word-break: keep-all;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+    scroll-behavior: smooth;
+    z-index: 3;
+}
+
+#client_inner_chat {
+    position: absolute;
+	padding: 2% 4%;
+	margin: 0;
+    line-height: 97%;
+    z-index: 4;
+}
+
+#client_chatwaiting {
+	display: none;
+}
+
+#client_trackstatus {
+	display: block;
+	position: absolute;
+	width: 30%;
+	height: 35%;
+	top: 0;
+	left: 0;
+	background-image: url("music_dr2.svg");
+	background-size: contain;
+    background-repeat: no-repeat;
+}
+
+#client_trackstatustext {
+	position: absolute;
+	top: 6%;
+	left: 25%;
+	width: 50%;
+	color: #f84f00;
+    font-family: monospace;
+	font-size: 1.2em;
+	white-space: nowrap;
+}
+
+#client_trackstatus {
+	display: fuck;
+}
+\ No newline at end of file