Prettified Code!

1 files changed, 68 insertions, 67 deletions

diff --git a/webAO/styles/chatbox/trilogy.css b/webAO/styles/chatbox/trilogy.css
index db68133..db9e769 100644
--- a/webAO/styles/chatbox/trilogy.css
+++ b/webAO/styles/chatbox/trilogy.css
@@ -1,121 +1,122 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_green {
-	color: #00c900;
+  color: #00c900;
 }
 
 .text_red {
-	color: #ff1700;
+  color: #ff1700;
 }
 
 .text_orange {
-	color: #ffa500;
+  color: #ffa500;
 }
 
 .text_blue {
-	color: #67b7ed;
+  color: #67b7ed;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	height: 30%;
-	width: 100%;
-    font-family: "FOTK-Yoon Mincho 740", serif;
+  position: absolute;
+  bottom: 0;
+  height: 30%;
+  width: 100%;
+  font-family: "FOTK-Yoon Mincho 740", serif;
 }
 
 #client_name {
-    display: block;
-    top: 0;
-    left: 5%;
-	padding: 0 3em;
-    height: 23%;
-    min-width: 10%;
-	border-image-source: url('trilogy.svg');
-	border-image-slice: 3 fill;
-	border-image-width: 30px;
-    position: absolute;
-    z-index: 1;
+  display: block;
+  top: 0;
+  left: 5%;
+  padding: 0 3em;
+  height: 23%;
+  min-width: 10%;
+  border-image-source: url("trilogy.svg");
+  border-image-slice: 3 fill;
+  border-image-width: 30px;
+  position: absolute;
+  z-index: 1;
 }
 
 #client_inner_name {
-	margin: 0;
+  margin: 0;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 100%;
-	margin: auto;
-	height: 80%;
-	top: 10%;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-    scroll-behavior: smooth;
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=) repeat;
-    border-top: 1px solid white;
-	border-bottom: 0.1em solid white;
-    border-style: solid none solid none;
+  font-size: 1em;
+  display: block;
+  width: 100%;
+  margin: auto;
+  height: 80%;
+  top: 10%;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=)
+    repeat;
+  border-top: 1px solid white;
+  border-bottom: 0.1em solid white;
+  border-style: solid none solid none;
 }
 
 #client_inner_chat {
-	margin: 4px;
-	padding: 2% 5%;
+  margin: 4px;
+  padding: 2% 5%;
 }
 
 #client_chatwaiting {
-    display: block;
-    color: transparent;
-	right: 0.6em;
-	bottom: 0.6em;
-    width: 1em;
-    height: 1em;
-    background-image: url("chatwaiting_triology.svg");
-    background-size: contain;
-	position: absolute;
-	animation: idling 0.5s ease infinite;
+  display: block;
+  color: transparent;
+  right: 0.6em;
+  bottom: 0.6em;
+  width: 1em;
+  height: 1em;
+  background-image: url("chatwaiting_triology.svg");
+  background-size: contain;
+  position: absolute;
+  animation: idling 0.5s ease infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0.6em;
-	}
+  0% {
+    right: 0.6em;
+  }
 
-	25% {
-		right: 0.7em;
-    }
+  25% {
+    right: 0.7em;
+  }
 
-	100% {
-		right: 0.6em;
-	}
+  100% {
+    right: 0.6em;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}