Merge pull request #60 from AttorneyOnline/igiari-font

Igiari font

1 files changed, 28 insertions, 15 deletions

diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css
index 157f3ae..0d6eff1 100644
--- a/webAO/styles/chatbox/aa.css
+++ b/webAO/styles/chatbox/aa.css
@@ -30,12 +30,26 @@
 	color: #0ff;
 }
 
+/* Webfont CSS setup for Igiari by Caveras */
+
 @font-face {
-	font-family: 'ace_attorneyregular';
-	src: url('../ace-attorney.woff2') format('woff2'),
-		url('../ace-attorney.woff') format('woff');
-	font-weight: normal;
-	font-style: normal;
+	font-family:'Igiari';
+		src:url('../igiari/Igiari.eot');
+		src:url('../igiari/Igiari.eot?#iefix') format('embedded-opentype'),
+				url('../igiari/Igiari.woff') format('woff'),
+				url('../igiari/Igiari.ttf') format('truetype'),
+				url('../igiari/Igiari.svg#Igiari') format('svg');
+	font-weight:normal;
+	font-style:normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	@font-face {
+		font-family:'Igiari';
+		src: url('../igiari/Igiari.svg') format('svg');
+		font-weight:normal;
+		font-style:normal;
+	}
 }
 
 #client_chatcontainer {
@@ -46,18 +60,20 @@
 	height: 40%;
 	width: 100%;
 	filter: none;
-	font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+	font-family: "Igiari", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_name {
 	display: block;
 	position: absolute;
 	left: 0;
-	top: 0;
-	height: 15%;
+	top: 1%;
+	height: 13%;
 	min-width: 3.25em;	
+	font-size: 1.1em;
 	background: rgba(56, 56, 163, 0.5);
 	box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset;
+	margin: 0;
 	padding: 0 2%;
 	border-color: rgba(255, 255, 255, 0.5);
 	border-style: ridge groove groove ridge;
@@ -70,7 +86,6 @@
 	text-justify: distribute;
 	letter-spacing: 0.075em;
 	margin: 0;
-	font-weight: bold;
 }
 
 #client_chat {
@@ -79,7 +94,7 @@
 	bottom: 0;
 	left: 0;
 	width: 98%;
-	width: calc(100% - 0.27em);
+	width: calc(100% - 0.25em);
 	height: 78%;
 	margin: auto;
 	border-color: rgba(255, 255, 255, 0.5);
@@ -87,7 +102,7 @@
 	border-width: 0.15em;
 	border-radius: 0.3em;
 	background-color: rgba(0, 0, 16, 0.5);
-	font-size: 2em;
+	font-size: 1.6em;
 	word-break: keep-all;
 	overflow-wrap: break-word;
 	text-align: left;
@@ -96,11 +111,9 @@
 }
 
 #client_inner_chat {
-	padding: 1% 3.13%;
+	padding: 0.4% 2.8%;
 	margin: 1px;
-	line-height: 97%;
-	letter-spacing: 0.05em;
-	word-spacing: 0.3em;
+	line-height: 100%;
 }
 
 #client_chatwaiting {