p4: make border look a little more acurate

1 files changed, 30 insertions, 12 deletions

diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css
index 325b7e6..a5ba6d2 100644
--- a/webAO/styles/chatbox/p4.css
+++ b/webAO/styles/chatbox/p4.css
@@ -41,25 +41,44 @@
 }
 
 #client_name {
-    transform: rotate(4deg);
+    transform: rotate(3deg);
 	display: block;
 	padding: 0 0.45em;
-	height: 30%;
-	width: 70%;
+	height: 85%;
+	width: 92%;
 	text-align: left;
-	letter-spacing: 0.075em;
-    font-weight: bold;
-    color: #512f15;
+	color: #512f15;
     background: #fe9e18;
-    background: linear-gradient(to right,#feab21, #fc7c00);
-    border-top: 0.2em solid #ffeb24;
-	left: 4%;
+	background: linear-gradient(to right,#fdac20, #ff5900);
+	border: 0.2em solid #ffe92b;
+	border-style: solid solid none none;
+	border-radius: 0.1em;
+	left: 3%;
 	top: 0;
 	position: absolute;
 }
 
+/*
+
+#client_name::before {
+	content: "";
+    transform: rotate(2deg);
+	display: block;
+	padding: 0 0.45em;
+	height: 95%;
+	width: 94%;
+    background: #ffea2b;
+    background: linear-gradient(to right,#ffea2b, #ffe92b);
+	border-radius: 0.1em;
+	left: 3%;
+	top: 0;
+	position: absolute;
+}
+
+*/
+
 #client_inner_name {
-    transform: rotate(-4deg);
+    transform: rotate(-3deg);
     position: absolute;
 	padding: 1% 3.13%;
     margin: 1px;
@@ -72,10 +91,9 @@
 	width: 95%;
 	margin: auto;
 	height: 80%;
-    border-right: 0.2em solid #fc7b00;
     border-radius: 0.1em;
 	background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%);
-	bottom: 2%;
+	bottom: 3%;
 	left: 2.5%;
 	position: absolute;
 	word-break: keep-all;