diff options
Diffstat (limited to 'webAO/styles/chatbox/aa.css')
| -rw-r--r-- | webAO/styles/chatbox/aa.css | 43 |
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 { |
