From 8daac3d282e9d4875e0311b1e6fcc42102d6c861 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 27 Apr 2020 21:45:45 +0200
Subject: add dr2 chatbox

---
 webAO/styles/chatbox/chatdr2.css | 111 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 111 insertions(+)
 create mode 100644 webAO/styles/chatbox/chatdr2.css

(limited to 'webAO/styles/chatbox/chatdr2.css')

diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css
new file mode 100644
index 0000000..93ba305
--- /dev/null
+++ b/webAO/styles/chatbox/chatdr2.css
@@ -0,0 +1,111 @@
+.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;
+}
+
+#client_chatcontainer {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	bottom: 0;
+	left: 0;
+    font-family: sans-serif;
+}
+
+#client_name {
+    display: block;
+	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 #e0d8b4;
+	left: 0;
+    bottom: 0;
+	position: absolute;
+	z-index: 1;
+}
+
+#client_inner_name {
+	padding: 0;
+    margin: 0;
+    writing-mode: sideways-lr;
+    bottom: 25%;
+    right: 0;
+    position: absolute;
+}
+
+#client_chat {
+	font-size: 1em;
+	display: block;
+	width: 93%;
+	margin: auto;
+	height: 25%;
+    border-top: 0.1em solid white;    
+	bottom: 0;
+    right: 0;
+    background-image: linear-gradient(to right, transparent, black);
+	position: absolute;
+	word-break: keep-all;
+	overflow-wrap: break-word;
+	text-align: left;
+	overflow: hidden;
+    scroll-behavior: smooth;
+    z-index: 9;
+}
+
+#client_chat::before {
+    content: "";
+    position: absolute;
+
+    background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1)),
+                        linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1));
+    background-size: 2em 2em;
+    background-position: 0 0, 1em 1em;
+    transform: rotate(-10deg);
+    width: 250%;
+    height: 400%;
+    top: -100%;
+    left: -100%;
+    z-index: 8;
+  }
+
+#client_inner_chat {
+    position: absolute;
+	padding: 2% 4%;
+	margin: 0;
+    line-height: 97%;
+    z-index: 10;
+}
+
+#client_chatwaiting {
+	display: none;
+}
\ No newline at end of file
-- 
cgit 


From dfe03632c06b4aae455025087cc0ac927b3d7990 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 27 Apr 2020 21:49:40 +0200
Subject: dr2: fix z-index and make the left side darker

---
 webAO/styles/chatbox/chatdr2.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'webAO/styles/chatbox/chatdr2.css')

diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css
index 93ba305..286b498 100644
--- a/webAO/styles/chatbox/chatdr2.css
+++ b/webAO/styles/chatbox/chatdr2.css
@@ -72,14 +72,14 @@
     border-top: 0.1em solid white;    
 	bottom: 0;
     right: 0;
-    background-image: linear-gradient(to right, transparent, black);
+    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: 9;
+    z-index: 3;
 }
 
 #client_chat::before {
@@ -95,7 +95,7 @@
     height: 400%;
     top: -100%;
     left: -100%;
-    z-index: 8;
+    z-index: 2;
   }
 
 #client_inner_chat {
@@ -103,7 +103,7 @@
 	padding: 2% 4%;
 	margin: 0;
     line-height: 97%;
-    z-index: 10;
+    z-index: 4;
 }
 
 #client_chatwaiting {
-- 
cgit 


From f25b3350de64bd8c4bc9d3fcd86fb3c7cc232a92 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Mon, 27 Apr 2020 22:10:13 +0200
Subject: add the second border

---
 webAO/styles/chatbox/chatdr2.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'webAO/styles/chatbox/chatdr2.css')

diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css
index 286b498..a559b1a 100644
--- a/webAO/styles/chatbox/chatdr2.css
+++ b/webAO/styles/chatbox/chatdr2.css
@@ -47,7 +47,8 @@
     color: #3d3c3f;
     font-weight: bold;
     background-image: linear-gradient(to top,#fe9500,#fee303,transparent);
-    border-right: 0.3em solid #e0d8b4;
+	border-right: 0.3em solid #dfd8b8;
+	box-shadow: 0.3em 0px 0 #ff9700;
 	left: 0;
     bottom: 0;
 	position: absolute;
@@ -66,7 +67,7 @@
 #client_chat {
 	font-size: 1em;
 	display: block;
-	width: 93%;
+	width: 91%;
 	margin: auto;
 	height: 25%;
     border-top: 0.1em solid white;    
-- 
cgit 


From ae55e2cc9a07709c4fc94cdfc280adcf44daf8f5 Mon Sep 17 00:00:00 2001
From: sD <stoned@derpymail.org>
Date: Tue, 12 May 2020 19:52:05 +0200
Subject: fix dr2 chatbox on chrome

---
 webAO/styles/chatbox/chatdr2.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'webAO/styles/chatbox/chatdr2.css')

diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css
index a559b1a..92af23c 100644
--- a/webAO/styles/chatbox/chatdr2.css
+++ b/webAO/styles/chatbox/chatdr2.css
@@ -57,8 +57,9 @@
 
 #client_inner_name {
 	padding: 0;
-    margin: 0;
-    writing-mode: sideways-lr;
+	margin: 0;
+	transform: rotate(180deg);
+    writing-mode: vertical-rl;    
     bottom: 25%;
     right: 0;
     position: absolute;
-- 
cgit