p4: add yellow rotated box

1 files changed, 21 insertions, 29 deletions

diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css
index a5ba6d2..872bfbd 100644
--- a/webAO/styles/chatbox/p4.css
+++ b/webAO/styles/chatbox/p4.css
@@ -40,49 +40,41 @@
 	line-height: 1;
 }
 
-#client_name {
-    transform: rotate(3deg);
+#client_chatdecoration {
+    transform: rotate(5deg);
 	display: block;
 	padding: 0 0.45em;
-	height: 85%;
-	width: 92%;
-	text-align: left;
-	color: #512f15;
-    background: #fe9e18;
-	background: linear-gradient(to right,#fdac20, #ff5900);
-	border: 0.2em solid #ffe92b;
-	border-style: solid solid none none;
+	height: 82%;
+	width: 89%;
+    background: #ffe92b;
+    background: linear-gradient(to right,#ffea2b, #ffe92b);
 	border-radius: 0.1em;
-	left: 3%;
+	left: 7%;
 	top: 0;
 	position: absolute;
 }
 
-/*
-
-#client_name::before {
-	content: "";
-    transform: rotate(2deg);
+#client_name {
+    transform: rotate(4deg);
 	display: block;
 	padding: 0 0.45em;
-	height: 95%;
-	width: 94%;
-    background: #ffea2b;
-    background: linear-gradient(to right,#ffea2b, #ffe92b);
+	height: 83%;
+	width: 92.25%;
+	text-align: left;
+	color: #512f15;
+    background: #fe9e18;
+	background: linear-gradient(to right,#fdac20, #ff5900);
 	border-radius: 0.1em;
 	left: 3%;
-	top: 0;
+	top: 1%;
 	position: absolute;
 }
 
-*/
-
 #client_inner_name {
-    transform: rotate(-3deg);
+    transform: rotate(-4deg);
     position: absolute;
-	padding: 1% 3.13%;
-    margin: 1px;
-    left: -1%;
+	margin: 0;
+	padding: 1% 0.5%;
 }
 
 #client_chat {
@@ -90,10 +82,10 @@
 	display: block;
 	width: 95%;
 	margin: auto;
-	height: 80%;
+	height: 85%;
     border-radius: 0.1em;
 	background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%);
-	bottom: 3%;
+	bottom: 4%;
 	left: 2.5%;
 	position: absolute;
 	word-break: keep-all;