From 8ecc3578146542955ce9615085509145a137c9d6 Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Wed, 20 Nov 2024 13:35:44 +0000 Subject: Prettified Code! --- webAO/styles/chatbox/999.css | 152 ++++++++--------- webAO/styles/chatbox/aa.css | 178 ++++++++++---------- webAO/styles/chatbox/acww.css | 314 ++++++++++++++++++----------------- webAO/styles/chatbox/dd.css | 114 ++++++------- webAO/styles/chatbox/ddlc.css | 162 +++++++++--------- webAO/styles/chatbox/dgs.css | 176 ++++++++++---------- webAO/styles/chatbox/dr1.css | 210 ++++++++++++----------- webAO/styles/chatbox/dr2.css | 152 ++++++++--------- webAO/styles/chatbox/drae.css | 133 ++++++++------- webAO/styles/chatbox/drv3.css | 136 +++++++-------- webAO/styles/chatbox/ff.css | 132 +++++++-------- webAO/styles/chatbox/future.css | 166 +++++++++--------- webAO/styles/chatbox/halla.css | 180 ++++++++++---------- webAO/styles/chatbox/homestuck.css | 74 ++++----- webAO/styles/chatbox/key.css | 294 +++++++++++++++++--------------- webAO/styles/chatbox/legacy.css | 96 +++++------ webAO/styles/chatbox/n64zelda.css | 123 +++++++------- webAO/styles/chatbox/p3.css | 136 +++++++-------- webAO/styles/chatbox/p4.css | 134 +++++++-------- webAO/styles/chatbox/p5.css | 122 +++++++------- webAO/styles/chatbox/papermario.css | 102 ++++++------ webAO/styles/chatbox/plvsaa.css | 126 +++++++------- webAO/styles/chatbox/sonic.css | 148 ++++++++--------- webAO/styles/chatbox/trilogy.css | 135 +++++++-------- webAO/styles/chatbox/whentheycry.css | 136 +++++++-------- webAO/styles/chatbox/yakuza.css | 138 ++++++++------- webAO/styles/chatbox/yttd.css | 142 ++++++++-------- 27 files changed, 2105 insertions(+), 2006 deletions(-) (limited to 'webAO/styles/chatbox') diff --git a/webAO/styles/chatbox/999.css b/webAO/styles/chatbox/999.css index de20d28..1ac2192 100644 --- a/webAO/styles/chatbox/999.css +++ b/webAO/styles/chatbox/999.css @@ -1,128 +1,132 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #f77339; + color: #f77339; } .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 { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 42%; - width: 100%; - text-shadow: -1px -1px 0 #525252, 1px -1px 0 #525252, -1px 1px 0 #525252, 1px 1px 0 #525252; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 42%; + width: 100%; + text-shadow: + -1px -1px 0 #525252, + 1px -1px 0 #525252, + -1px 1px 0 #525252, + 1px 1px 0 #525252; } #client_name { - display: block; - position: absolute; - right: 0; - top: 0; - height: 27%; - min-width: 3.25em; - background: rgba(0, 0, 0, 0.5); - padding: 0 2%; - border-color: #fff; - border-style: ridge; - border-width: 0.2em; - border-radius: 0.1em; - z-index: 1; + display: block; + position: absolute; + right: 0; + top: 0; + height: 27%; + min-width: 3.25em; + background: rgba(0, 0, 0, 0.5); + padding: 0 2%; + border-color: #fff; + border-style: ridge; + border-width: 0.2em; + border-radius: 0.1em; + z-index: 1; } #client_inner_name { - text-justify: distribute; - letter-spacing: 0.075em; - margin: 0; - line-height: 2; + text-justify: distribute; + letter-spacing: 0.075em; + margin: 0; + line-height: 2; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.27em); - height: 60%; - margin: auto; - border-color: #fff; - border-style: ridge; - border-width: 0.15em; - border-radius: 0.1em; - background-color: rgba(0, 0, 0, 0.5); - font-size: 2em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.27em); + height: 60%; + margin: auto; + border-color: #fff; + border-style: ridge; + border-width: 0.15em; + border-radius: 0.1em; + background-color: rgba(0, 0, 0, 0.5); + font-size: 2em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3.13%; - margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + padding: 1% 3.13%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; } #client_chatwaiting { - display: none; - transform: rotate(90deg); - line-height: 0.5; - color: #28599a; - animation: idling 0.4s linear infinite; + display: none; + transform: rotate(90deg); + line-height: 0.5; + color: #28599a; + animation: idling 0.4s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index c1ae7a2..ca41639 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -1,149 +1,153 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #f77339; + color: #f77339; } .text_yellow { - color: #ff0; + color: #ff0; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } /* Webfont CSS setup for Igiari by Caveras */ @font-face { - font-family:'Igiari Cyrillic'; - src: url('../igiari/igiari-cyrillic.ttf'); - font-weight:normal; - font-style:normal; + font-family: "Igiari Cyrillic"; + src: url("../igiari/igiari-cyrillic.ttf"); + font-weight: normal; + font-style: normal; } @font-face { - font-family:'Ace Name'; - src: url('./ace-name.ttf'); - font-weight:normal; - font-style:normal; + font-family: "Ace Name"; + src: url("./ace-name.ttf"); + font-weight: normal; + font-style: normal; } #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 40%; - width: 100%; - filter: none; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; + filter: none; } #client_name { - display: block; - position: absolute; - left: 0; - top: 1%; - height: 13%; - min-width: 3.25em; - font-size: 0.8em; - background: rgba(60, 85, 255, 0.4); - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - margin: 0; - padding-top: 0.5%; - padding-left: 1.955%; - padding-right: 1.955%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.3em; - z-index: 1; - font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + display: block; + position: absolute; + left: 0; + top: 1%; + height: 13%; + min-width: 3.25em; + font-size: 0.8em; + background: rgba(60, 85, 255, 0.4); + box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; + margin: 0; + padding-top: 0.5%; + padding-left: 1.955%; + padding-right: 1.955%; + border-color: rgba(255, 255, 255, 0.5); + border-style: ridge groove groove ridge; + border-width: 0.2em; + border-radius: 0.3em; + z-index: 1; + font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", + "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", + "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_inner_name { - text-justify: distribute; - line-height: 100%; - margin: 0; + text-justify: distribute; + line-height: 100%; + margin: 0; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.25em); - height: 78%; - margin: auto; - border-color: rgba(255, 255, 255, 0.6); - border-style: ridge groove groove ridge; - border-width: 0.15em; - border-radius: 0.15em; - background-color: rgba(0, 0, 16, 0.55); - font-size: 1.6em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.25em); + height: 78%; + margin: auto; + border-color: rgba(255, 255, 255, 0.6); + border-style: ridge groove groove ridge; + border-width: 0.15em; + border-radius: 0.15em; + background-color: rgba(0, 0, 16, 0.55); + font-size: 1.6em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", + "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", + "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_inner_chat { - padding: 0.4% 2.8%; - margin: 1px; - line-height: 100%; + padding: 0.4% 2.8%; + margin: 1px; + line-height: 100%; } #client_chatwaiting { - display: block; - position: absolute; - right: 2%; - bottom: 15%; - line-height: 0.5; - animation: idling 0.4s linear infinite; + display: block; + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + animation: idling 0.4s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css index b0114b6..92dde42 100644 --- a/webAO/styles/chatbox/acww.css +++ b/webAO/styles/chatbox/acww.css @@ -1,225 +1,229 @@ .text_white { - color: #000; + color: #000; } .text_green { - color: #009600; + color: #009600; } .text_red { - color: #ff0859; + color: #ff0859; } .text_orange { - color: #610000; + color: #610000; } .text_blue { - color: #7900ff; + color: #7900ff; } .text_yellow { - color: #ff0; + color: #ff0; } .text_pink { - color: #ff51ff; + color: #ff51ff; } -.text_cyan { - color: #0038ff; +.text_cyan { + color: #0038ff; } .text_grey { - color: #bbb; + color: #bbb; } /* Webfont CSS setup for Igiari by Caveras */ @font-face { - font-family:'Igiari Cyrillic'; - src: url('../igiari/igiari-cyrillic.ttf'); - font-weight:normal; - font-style:normal; + font-family: "Igiari Cyrillic"; + src: url("../igiari/igiari-cyrillic.ttf"); + font-weight: normal; + font-style: normal; } @font-face { - font-family:'Ace Name'; - src: url('./ace-name.ttf'); - font-weight:normal; - font-style:normal; + font-family: "Ace Name"; + src: url("./ace-name.ttf"); + font-weight: normal; + font-style: normal; } #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 42%; - width: 100%; - filter: none; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 42%; + width: 100%; + filter: none; } #client_name { - display: block; - position: absolute; - left: 11%; - top: 0; - height: 12%; - min-width: 11%; - font-size: 0.8em; - background: #d8f8a0; - color: #040; - margin: 0; - padding-top: 0.4%; - padding-left: 1.955%; - padding-right: 1.955%; - border-color: #b0f818; - border-style: solid; - border-width: 0.3em 0.6em; - border-radius: 15%/50%; - box-shadow: 0 0.3em #70c020; - line-height: 100%; - z-index: 1; - font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + display: block; + position: absolute; + left: 11%; + top: 0; + height: 12%; + min-width: 11%; + font-size: 0.8em; + background: #d8f8a0; + color: #040; + margin: 0; + padding-top: 0.4%; + padding-left: 1.955%; + padding-right: 1.955%; + border-color: #b0f818; + border-style: solid; + border-width: 0.3em 0.6em; + border-radius: 15%/50%; + box-shadow: 0 0.3em #70c020; + line-height: 100%; + z-index: 1; + font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", + "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", + "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_inner_name { - text-justify: distribute; - line-height: 100%; - margin: 0; - margin-top: 2.75%; + text-justify: distribute; + line-height: 100%; + margin: 0; + margin-top: 2.75%; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 87%; - margin: auto; - background-image: url("acww.svg"); - background-size: cover; - background-repeat: no-repeat; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 87%; + margin: auto; + background-image: url("acww.svg"); + background-size: cover; + background-repeat: no-repeat; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", + "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", + "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_inner_chat { - padding: 5% 16%; - margin: 0; - line-height: 100%; + padding: 5% 16%; + margin: 0; + line-height: 100%; } #client_chatwaiting { - display: block; - position: absolute; - color: transparent; - text-shadow: none; - right: 12%; - bottom: 15%; - width: 1.4em; - height: 1.5em; - background-image: url("chatwaiting_acww.svg"); - background-size: contain; - animation: idling 0.4s steps(1) infinite; + display: block; + position: absolute; + color: transparent; + text-shadow: none; + right: 12%; + bottom: 15%; + width: 1.4em; + height: 1.5em; + background-image: url("chatwaiting_acww.svg"); + background-size: contain; + animation: idling 0.4s steps(1) infinite; } @keyframes idling { - 0% { - bottom: 12%; - } + 0% { + bottom: 12%; + } - 50% { - bottom: 15%; - } + 50% { + bottom: 15%; + } - 100% { - bottom: 12%; - } + 100% { + bottom: 12%; + } } #client_trackstatus { - display: none; + display: none; } #client_clock_date { - position: absolute; - width: 13%; - height: 4%; - right: 0; - top: 1%; - text-align: left; - color: #7d5500; - background: linear-gradient( - to bottom, - #ffef55, - #ffef55 20%, - #ffcf3c 20%, - #ffcf3c 40%, - #ffef55 40%, - #ffef55 60%, - #ffcf3c 60%, - #ffcf3c 80%, - #ffef55 80%, - #ffef55 100% - ); - border: 0.1em solid #ae4500; - border-radius: 50%; - border-bottom: none; - font-weight: bold; - padding-left: 1.5em; - padding-top: 0.5em; - font-size: 0.5em; + position: absolute; + width: 13%; + height: 4%; + right: 0; + top: 1%; + text-align: left; + color: #7d5500; + background: linear-gradient( + to bottom, + #ffef55, + #ffef55 20%, + #ffcf3c 20%, + #ffcf3c 40%, + #ffef55 40%, + #ffef55 60%, + #ffcf3c 60%, + #ffcf3c 80%, + #ffef55 80%, + #ffef55 100% + ); + border: 0.1em solid #ae4500; + border-radius: 50%; + border-bottom: none; + font-weight: bold; + padding-left: 1.5em; + padding-top: 0.5em; + font-size: 0.5em; } #client_clock_month { - display: none; + display: none; } #client_clock_weekday { - position: absolute; - width: 2.5%; - height: 3%; - right: 1%; - top: 2%; - color: white; - background: #00b63c; - background-size: 100% 40%; - border: 0.1em solid #00b63c; - border-radius: 100%; - font-size: 0.6em; + position: absolute; + width: 2.5%; + height: 3%; + right: 1%; + top: 2%; + color: white; + background: #00b63c; + background-size: 100% 40%; + border: 0.1em solid #00b63c; + border-radius: 100%; + font-size: 0.6em; } #client_clock_time { - position: absolute; - width: 16%; - height: 4%; - right: 2%; - top: 4%; - text-align: center; - color: #5d5500; - background: linear-gradient( - to bottom, - rgba(255,255,0,0), - rgba(255,255,0,0) 20%, - #ffcf3c 20%, - #ffcf3c 40%, - #ffef55 40%, - #ffef55 60%, - #ffcf3c 60%, - #ffcf3c 80%, - #ffef55 80%, - #ffef55 100% - ); - border: 0.1em solid #ae4500; - border-radius: 50%; - border-top: none; - padding-top: 0.5em; - font-size: 0.5em; -} \ No newline at end of file + position: absolute; + width: 16%; + height: 4%; + right: 2%; + top: 4%; + text-align: center; + color: #5d5500; + background: linear-gradient( + to bottom, + rgba(255, 255, 0, 0), + rgba(255, 255, 0, 0) 20%, + #ffcf3c 20%, + #ffcf3c 40%, + #ffef55 40%, + #ffef55 60%, + #ffcf3c 60%, + #ffcf3c 80%, + #ffef55 80%, + #ffef55 100% + ); + border: 0.1em solid #ae4500; + border-radius: 50%; + border-top: none; + padding-top: 0.5em; + font-size: 0.5em; +} diff --git a/webAO/styles/chatbox/dd.css b/webAO/styles/chatbox/dd.css index d1561a4..c5158d0 100644 --- a/webAO/styles/chatbox/dd.css +++ b/webAO/styles/chatbox/dd.css @@ -1,111 +1,111 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #18cbef; + color: #18cbef; } .text_green { - color: #84fb08; + color: #84fb08; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #f76918; + color: #f76918; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .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: 27%; - width: 100%; - font-family: sans-serif; - background-image: url("dd.svg"); - background-size: cover; - background-repeat: no-repeat; + position: absolute; + bottom: 0; + height: 27%; + width: 100%; + font-family: sans-serif; + background-image: url("dd.svg"); + background-size: cover; + background-repeat: no-repeat; } #client_name { - display: block; - top: 0; - padding: 0 10px; - height: 22%; - position: absolute; + display: block; + top: 0; + padding: 0 10px; + height: 22%; + position: absolute; } #client_inner_name { - margin: 0; - padding: 5% 0; + margin: 0; + padding: 5% 0; } #client_chat { - font-size: 1em; - display: block; - width: 100%; - margin: auto; - height: 75%; - bottom: 0; - position: absolute; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + font-size: 1em; + display: block; + width: 100%; + margin: auto; + height: 75%; + bottom: 0; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3%; - margin: 0; + padding: 1% 3%; + margin: 0; } #client_chatwaiting { - display: block; - right: 1em; - bottom: 0.6em; - width: 1em; - position: absolute; - animation: idling 1s linear infinite; + display: block; + right: 1em; + bottom: 0.6em; + width: 1em; + position: absolute; + animation: idling 1s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/ddlc.css b/webAO/styles/chatbox/ddlc.css index 0b019fb..2c7d02c 100644 --- a/webAO/styles/chatbox/ddlc.css +++ b/webAO/styles/chatbox/ddlc.css @@ -1,134 +1,136 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #f77339; + color: #f77339; } .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 { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 35%; - width: 100%; - filter: none; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; + filter: none; } #client_name { - display: block; - position: absolute; - left: 5%; - top: 0; - height: 25%; - min-width: 5em; - font-size: 1em; - background: #f6e4ea; - margin: 0; - border-radius: 0.25em; - z-index: 0; - font-family: "Riffic", "RifficFree", sans-serif; - font-weight: bold; + display: block; + position: absolute; + left: 5%; + top: 0; + height: 25%; + min-width: 5em; + font-size: 1em; + background: #f6e4ea; + margin: 0; + border-radius: 0.25em; + z-index: 0; + font-family: "Riffic", "RifficFree", sans-serif; + font-weight: bold; } #client_inner_name { - text-justify: distribute; - line-height: 100%; - margin: 0; - color: white; - -webkit-text-stroke: 0.05em #bb5599; - -webkit-text-fill-color: white; + text-justify: distribute; + line-height: 100%; + margin: 0; + color: white; + -webkit-text-stroke: 0.05em #bb5599; + -webkit-text-fill-color: white; } #client_chat { - display: block; - position: absolute; - bottom: 2%; - left: 0; - width: 98%; - width: calc(100% - 0.25em); - height: 75%; - margin: auto; - border: solid #ffdfee 0.15em; - border-radius: 0.25em; - background-color: #fea7d1; - background-image: radial-gradient(#fa95c2 25%, transparent 25%), - radial-gradient(#fa95c2 25%, transparent 25%); - background-position: 0 0, 24px 24px; - background-size: 48px 48px; - font-family: "Aller", "OpenSans", sans-serif; - font-size: 1em; - font-weight: 600; - -webkit-text-stroke: 0.04em #523643; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 2%; + left: 0; + width: 98%; + width: calc(100% - 0.25em); + height: 75%; + margin: auto; + border: solid #ffdfee 0.15em; + border-radius: 0.25em; + background-color: #fea7d1; + background-image: radial-gradient(#fa95c2 25%, transparent 25%), + radial-gradient(#fa95c2 25%, transparent 25%); + background-position: + 0 0, + 24px 24px; + background-size: 48px 48px; + font-family: "Aller", "OpenSans", sans-serif; + font-size: 1em; + font-weight: 600; + -webkit-text-stroke: 0.04em #523643; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 2% 5%; - margin: 1px; - line-height: 100%; + padding: 2% 5%; + margin: 1px; + line-height: 100%; } #client_chatwaiting { - display: block; - position: absolute; - right: 2%; - bottom: 15%; - line-height: 0.5; - animation: idling 0.4s linear infinite; + display: block; + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + animation: idling 0.4s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 5d650b9..8b656ef 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -1,143 +1,151 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #18d7ff; + color: #18d7ff; } .text_green { - color: #84fb08; + color: #84fb08; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #ff7118; + color: #ff7118; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } @font-face { - font-family: 'Cabin Condensed'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); + font-family: "Cabin Condensed"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: + local("Cabin Condensed"), + local("CabinCondensed-Regular"), + url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) + format("woff2"); } @font-face { - font-family: 'Bitter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Bitter Regular'), local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v15/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2'); - } + font-family: "Bitter"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: + local("Bitter Regular"), + local("Bitter-Regular"), + url(https://fonts.gstatic.com/s/bitter/v15/rax8HiqOu8IVPmn7cYxpPDk.woff2) + format("woff2"); +} #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 35%; - width: 100%; - transition-property: opacity; - transition: 0.1s linear; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; + transition-property: opacity; + transition: 0.1s linear; } #client_name { - display: block; - padding: 0px 6px; - height: 20%; - min-width: 20%; - color: #fff7de; - text-shadow: 0 0 4px #000; - border: 0.05em solid #9e9150; - background-image: linear-gradient(#625726, #87793f); - left: 4%; - top: 0; - border-radius: 3px; - position: absolute; - font-family: "FOT-スキップ Std B", "Bitter", "Times New Roman", sans-serif; + display: block; + padding: 0px 6px; + height: 20%; + min-width: 20%; + color: #fff7de; + text-shadow: 0 0 4px #000; + border: 0.05em solid #9e9150; + background-image: linear-gradient(#625726, #87793f); + left: 4%; + top: 0; + border-radius: 3px; + position: absolute; + font-family: "FOT-スキップ Std B", "Bitter", "Times New Roman", sans-serif; } #client_inner_name { - margin: 1px; + margin: 1px; } #client_chat { - font-size: 1em; - display: block; - width: 98%; - margin: auto; - height: 80%; - border-image-source: url("dgs_chat_bg.png"); - border-image-slice: 45 fill; - border-image-width: 0.8em; - border-width: 0.8em; - bottom: 0; - left: 1%; - position: absolute; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - font-family: "FOTToplar", "Cabin Condensed", sans-serif; + font-size: 1em; + display: block; + width: 98%; + margin: auto; + height: 80%; + border-image-source: url("dgs_chat_bg.png"); + border-image-slice: 45 fill; + border-image-width: 0.8em; + border-width: 0.8em; + bottom: 0; + left: 1%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-family: "FOTToplar", "Cabin Condensed", sans-serif; } #client_inner_chat { - display: block; - position: absolute; - margin: 0.4em; - padding: 0.1em 1em; + display: block; + position: absolute; + margin: 0.4em; + padding: 0.1em 1em; } #client_chatwaiting { - display: block; - position: absolute; - color: #ded7a2; - right: 0.7em; - top: 50%; - line-height: 0.5; - animation: idling 0.4s linear infinite; + display: block; + position: absolute; + color: #ded7a2; + right: 0.7em; + top: 50%; + line-height: 0.5; + animation: idling 0.4s linear 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; +} diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ced1932..19ef5fc 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -1,162 +1,170 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - width: 100%; - height: 30%; - bottom: 0; - left: 0; - font-family: sans-serif; + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; } #client_name { - display: block; - padding: 0 0.45em; - height: 20%; - width: 87%; - text-align: left; - color: #3d3c3f; - font-weight: bold; - border-radius: 0 2em 0 0; - background: #fb9800; - background: linear-gradient(25deg, - #f7ffdb, #f7ffdb 60%, - #febf01 60% 63%, #fdffd7 63% 65%, - #fd9900 65%); - left: 0; - top: 0; - position: absolute; - z-index: 1; + display: block; + padding: 0 0.45em; + height: 20%; + width: 87%; + text-align: left; + color: #3d3c3f; + font-weight: bold; + border-radius: 0 2em 0 0; + background: #fb9800; + background: linear-gradient( + 25deg, + #f7ffdb, + #f7ffdb 60%, + #febf01 60% 63%, + #fdffd7 63% 65%, + #fd9900 65% + ); + left: 0; + top: 0; + position: absolute; + z-index: 1; } #client_inner_name { - padding: 0 2%; - margin: 1px; + padding: 0 2%; + margin: 1px; } #client_name::after { - content: "SPEAKING"; - position: absolute; - letter-spacing: 0.075em; - right: 0; - top: 0; - z-index: 2; - margin: 0; - color: #ffd786; - transform: scale(50%, 100%) + content: "SPEAKING"; + position: absolute; + letter-spacing: 0.075em; + right: 0; + top: 0; + z-index: 2; + margin: 0; + color: #ffd786; + transform: scale(50%, 100%); } #client_chat { - font-size: 1em; - display: block; - width: 97%; - margin: auto; - height: 80%; - border-radius: 0 3em 3em 0; - background: rgba(48,48,48,0.8); - bottom: 0; - left: 0; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - - border-top-width: 1.2em; - border-top-style: solid; - border-color: #fd9900; + font-size: 1em; + display: block; + width: 97%; + margin: auto; + height: 80%; + border-radius: 0 3em 3em 0; + background: rgba(48, 48, 48, 0.8); + bottom: 0; + left: 0; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + + border-top-width: 1.2em; + border-top-style: solid; + border-color: #fd9900; } #client_inner_chat { - padding: 2% 4%; - padding-right: 15%; - margin: 0; + padding: 2% 4%; + padding-right: 15%; + margin: 0; } #client_chatwaiting { - display: block; - position: absolute; - color: transparent; - right: 3%; - bottom: 30%; - width: 2em; - height: 2em; - background-image: url("chatwaiting_dr1.svg"); - background-size: contain; + display: block; + position: absolute; + color: transparent; + right: 3%; + bottom: 30%; + width: 2em; + height: 2em; + background-image: url("chatwaiting_dr1.svg"); + background-size: contain; } #client_trackstatus { - position: absolute; - right: 4%; - top: 4%; - width: 4em; - height: 1.2em; - font-family: sans-serif; - font-weight: bold; - overflow: hidden; + position: absolute; + right: 4%; + top: 4%; + width: 4em; + height: 1.2em; + font-family: sans-serif; + font-weight: bold; + overflow: hidden; } #client_trackstatus::before { - content: "𝅘𝅥𝅮"; - position: absolute; - left: 0; - top: 0; - margin: 0; + content: "𝅘𝅥𝅮"; + position: absolute; + left: 0; + top: 0; + margin: 0; } #client_trackstatustext { - display: inline-block; - position: absolute; - left: 20%; - width: 80%; - margin: 0; - overflow: hidden; - padding-left: 1em; - letter-spacing: 0.4em; - white-space: nowrap; - animation: marquee 10s linear infinite; + display: inline-block; + position: absolute; + left: 20%; + width: 80%; + margin: 0; + overflow: hidden; + padding-left: 1em; + letter-spacing: 0.4em; + white-space: nowrap; + animation: marquee 10s linear infinite; } @keyframes marquee { - from { text-indent: 0% } - to { text-indent: -125% } + from { + text-indent: 0%; + } + to { + text-indent: -125%; + } } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/dr2.css b/webAO/styles/chatbox/dr2.css index c6701d1..b79d347 100644 --- a/webAO/styles/chatbox/dr2.css +++ b/webAO/styles/chatbox/dr2.css @@ -1,131 +1,131 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6be4fb; + color: #6be4fb; } .text_green { - color: #63ff3d; + color: #63ff3d; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #fc0; + color: #fc0; } .text_yellow { - color: #ffe700; + color: #ffe700; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #6be4fb; + color: #6be4fb; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - font-family: sans-serif; + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + font-family: sans-serif; } #client_name { - display: block; - position: absolute; - height: 100%; - width: 7%; - text-align: left; - color: #3d3c3f; - font-weight: bold; - background-image: linear-gradient(to top,#fe9500,#fee303,transparent); - border-right: 0.3em solid #dfd8b8; - box-shadow: 0.3em 0px 0 #ff9700; - left: 0; - bottom: 0; + display: block; + position: absolute; + height: 100%; + width: 7%; + text-align: left; + color: #3d3c3f; + font-weight: bold; + background-image: linear-gradient(to top, #fe9500, #fee303, transparent); + border-right: 0.3em solid #dfd8b8; + box-shadow: 0.3em 0px 0 #ff9700; + left: 0; + bottom: 0; } #client_inner_name { - padding: 0; - margin: 0; - transform: rotate(180deg); - writing-mode: vertical-rl; - bottom: 25%; - right: 0; - position: absolute; + padding: 0; + margin: 0; + transform: rotate(180deg); + writing-mode: vertical-rl; + bottom: 25%; + right: 0; + position: absolute; } #client_chat { - font-size: 1em; - display: block; - width: 91%; - margin: auto; - height: 25%; - border-top: 0.1em solid white; - bottom: 0; - right: 0; - background-image: linear-gradient(to right, rgba(0,0,0,0.4), black); - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - z-index: 3; + font-size: 1em; + display: block; + width: 91%; + margin: auto; + height: 25%; + border-top: 0.1em solid white; + bottom: 0; + right: 0; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), black); + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + z-index: 3; } #client_inner_chat { - position: absolute; - padding: 2% 4%; - margin: 0; - line-height: 97%; - z-index: 4; + position: absolute; + padding: 2% 4%; + margin: 0; + line-height: 97%; + z-index: 4; } #client_chatwaiting { - display: none; + display: none; } #client_trackstatus { - display: block; - position: absolute; - width: 30%; - height: 35%; - top: 0; - left: 0; - background-image: url("music_dr2.svg"); - background-size: contain; - background-repeat: no-repeat; + display: block; + position: absolute; + width: 30%; + height: 35%; + top: 0; + left: 0; + background-image: url("music_dr2.svg"); + background-size: contain; + background-repeat: no-repeat; } #client_trackstatustext { - position: absolute; - top: 6%; - left: 25%; - width: 50%; - color: #f84f00; - font-family: monospace; - font-size: 1.2em; - white-space: nowrap; + position: absolute; + top: 6%; + left: 25%; + width: 50%; + color: #f84f00; + font-family: monospace; + font-size: 1.2em; + white-space: nowrap; } #client_trackstatus { - display: block; + display: block; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index d5b9fa0..c7a86c3 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -1,110 +1,121 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - width: 100%; - height: 30%; - bottom: 0; - left: 0; - font-family: sans-serif; + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; } #client_name { - display: block; - padding: 0 0.45em; - height: 22%; - height: calc(25% - 0.1em); - min-width: 50%; - text-align: left; - letter-spacing: 0.075em; - font-weight: bold; - background: #ff00bb; - background: linear-gradient(225deg, transparent 10%, - rgba(255,75,206,0.9) 10% 15%, rgba(255, 0, 187, 0.9) 15% 16%, - rgba(255,75,206,0.9) 16% 20%, rgba(255, 0, 187, 0.9) 20% 22%, - rgba(255,75,206,0.9) 22% 25%, rgba(255, 0, 187, 0.9) 25% 28%, - rgba(255,75,206,0.9) 28% 30%, rgba(255, 0, 187, 0.9) 30% 32%, - rgba(255,75,206,0.9) 32% 33%, rgba(255, 0, 187, 0.9) 33%); - left: 0; - top: 0; - position: absolute; - z-index: 1; + display: block; + padding: 0 0.45em; + height: 22%; + height: calc(25% - 0.1em); + min-width: 50%; + text-align: left; + letter-spacing: 0.075em; + font-weight: bold; + background: #ff00bb; + background: linear-gradient( + 225deg, + transparent 10%, + rgba(255, 75, 206, 0.9) 10% 15%, + rgba(255, 0, 187, 0.9) 15% 16%, + rgba(255, 75, 206, 0.9) 16% 20%, + rgba(255, 0, 187, 0.9) 20% 22%, + rgba(255, 75, 206, 0.9) 22% 25%, + rgba(255, 0, 187, 0.9) 25% 28%, + rgba(255, 75, 206, 0.9) 28% 30%, + rgba(255, 0, 187, 0.9) 30% 32%, + rgba(255, 75, 206, 0.9) 32% 33%, + rgba(255, 0, 187, 0.9) 33% + ); + left: 0; + top: 0; + position: absolute; + z-index: 1; } #client_inner_name { - padding: 1% 3.13%; - margin: 1px; + padding: 1% 3.13%; + margin: 1px; } #client_chat { - font-size: 1em; - display: block; - width: 100%; - margin: auto; - height: 75%; - border-top: 0.1em solid #ff00ab; - border-bottom: 0.1em solid #e9019e; - background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); - bottom: 0; - left: 0; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + font-size: 1em; + display: block; + width: 100%; + margin: auto; + height: 75%; + border-top: 0.1em solid #ff00ab; + border-bottom: 0.1em solid #e9019e; + background-image: linear-gradient( + rgba(33, 18, 28, 0.75), + rgba(45, 18, 36, 0.75) + ); + bottom: 0; + left: 0; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3.13%; - margin: 0; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + padding: 1% 3.13%; + margin: 0; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; } #client_chatwaiting { - display: none; + display: none; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index c7eb957..d6a7a3a 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -1,120 +1,120 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - width: 100%; - height: 30%; - bottom: 0; - left: 0; - font-family: sans-serif; + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; } #client_name { - display: block; - transform: skew(15deg); - padding: 0 0.45em; - height: 20%; - min-width: 20%; - text-align: left; - background: #0e0a02; - border-left: 0.6em solid #fdd300; - left: 1%; - top: 0; - position: absolute; - z-index: 1; + display: block; + transform: skew(15deg); + padding: 0 0.45em; + height: 20%; + min-width: 20%; + text-align: left; + background: #0e0a02; + border-left: 0.6em solid #fdd300; + left: 1%; + top: 0; + position: absolute; + z-index: 1; } #client_inner_name { - transform: skew(-15deg); - margin: 1px; + transform: skew(-15deg); + margin: 1px; } #client_chat { - transform: skew(15deg); - font-size: 1em; - display: block; - width: 89%; - margin: auto; - height: 80%; - border-left: 0.6em solid #fdd300; - border-right: 0.6em solid #fdd300; - background: #030303; - bottom: 0; - left: 4%; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + transform: skew(15deg); + font-size: 1em; + display: block; + width: 89%; + margin: auto; + height: 80%; + border-left: 0.6em solid #fdd300; + border-right: 0.6em solid #fdd300; + background: #030303; + bottom: 0; + left: 4%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - transform: skew(-15deg); - padding: 3% 5%; - margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + transform: skew(-15deg); + padding: 3% 5%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; } #client_chatwaiting { - display: none; + display: none; } #client_trackstatus { - position: absolute; - top: 0; - left: 0; - height: 10%; - background-image: url('drv3trackstatus.png'); - background-size: contain; - background-repeat: no-repeat; + position: absolute; + top: 0; + left: 0; + height: 10%; + background-image: url("drv3trackstatus.png"); + background-size: contain; + background-repeat: no-repeat; } #client_trackstatustext { - position: absolute; - left: 0; - top: 10%; - background-image: url('drv3trackstatustext.png'); - background-size: contain; - background-repeat: no-repeat; + position: absolute; + left: 0; + top: 10%; + background-image: url("drv3trackstatustext.png"); + background-size: contain; + background-repeat: no-repeat; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/ff.css b/webAO/styles/chatbox/ff.css index 942794b..0c8640b 100644 --- a/webAO/styles/chatbox/ff.css +++ b/webAO/styles/chatbox/ff.css @@ -1,111 +1,113 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #f77339; + color: #f77339; } .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 { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 40%; - width: 100%; - filter: none; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; + filter: none; } #client_name { - display: block; - position: absolute; - left: 0; - top: 1%; - height: 13%; - min-width: 3.25em; - font-size: 0.8em; - background: rgba(60, 85, 255, 0.4); - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - margin: 0; - padding-top: 0.4%; - padding-left: 1.955%; - padding-right: 1.955%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.3em; - z-index: 1; - font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + display: block; + position: absolute; + left: 0; + top: 1%; + height: 13%; + min-width: 3.25em; + font-size: 0.8em; + background: rgba(60, 85, 255, 0.4); + box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; + margin: 0; + padding-top: 0.4%; + padding-left: 1.955%; + padding-right: 1.955%; + border-color: rgba(255, 255, 255, 0.5); + border-style: ridge groove groove ridge; + border-width: 0.2em; + border-radius: 0.3em; + z-index: 1; + font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", + "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", + "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_inner_name { - text-justify: distribute; - line-height: 100%; - margin: 0; - margin-top: 2.75%; + text-justify: distribute; + line-height: 100%; + margin: 0; + margin-top: 2.75%; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.25em); - height: 78%; - margin: auto; - border-color: rgba(115, 115, 115); - border-style: double; - border-width: 0.15em; - border-radius: 0.15em; - background-color: rgba(0, 0, 99); - font-size: 1.6em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - transition: height 0.5s; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.25em); + height: 78%; + margin: auto; + border-color: rgba(115, 115, 115); + border-style: double; + border-width: 0.15em; + border-radius: 0.15em; + background-color: rgba(0, 0, 99); + font-size: 1.6em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + transition: height 0.5s; } #client_inner_chat { - padding: 0.4% 2.8%; - margin: 1px; - line-height: 100%; + padding: 0.4% 2.8%; + margin: 1px; + line-height: 100%; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/future.css b/webAO/styles/chatbox/future.css index cd638f4..d8ffdb7 100644 --- a/webAO/styles/chatbox/future.css +++ b/webAO/styles/chatbox/future.css @@ -1,137 +1,143 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #f77339; + color: #f77339; } .text_yellow { - color: #ff0; + color: #ff0; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } @font-face { - font-family:'Igiari Cyrillic'; - src: url('../igiari/igiari-cyrillic.ttf'); - font-weight:normal; - font-style:normal; + font-family: "Igiari Cyrillic"; + src: url("../igiari/igiari-cyrillic.ttf"); + font-weight: normal; + font-style: normal; } #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 40%; - width: 100%; - filter: none; - font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; + filter: none; + font-family: "Igiari Cyrillic", "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%; - min-width: 3.25em; - background: linear-gradient(to bottom, #1e6169, #0f2f32); - padding: 0 2%; - border-color: #217aff; - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.2em; - z-index: 1; + display: block; + position: absolute; + left: 0; + top: 0; + height: 15%; + min-width: 3.25em; + background: linear-gradient(to bottom, #1e6169, #0f2f32); + padding: 0 2%; + border-color: #217aff; + border-style: ridge groove groove ridge; + border-width: 0.2em; + border-radius: 0.2em; + z-index: 1; } #client_inner_name { - text-justify: distribute; - letter-spacing: 0.075em; - margin: 0; - font-weight: bold; + text-justify: distribute; + letter-spacing: 0.075em; + margin: 0; + font-weight: bold; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.27em); - height: 78%; - margin: auto; - border-color: #59f0fc; - border-style: ridge groove groove ridge; - border-width: 0.15em; - border-radius: 0.3em; - background: linear-gradient(to bottom, rgba(0,0,0,0.7),rgba(0,0,137,0.7)); - font-size: 2em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.27em); + height: 78%; + margin: auto; + border-color: #59f0fc; + border-style: ridge groove groove ridge; + border-width: 0.15em; + border-radius: 0.3em; + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.7), + rgba(0, 0, 137, 0.7) + ); + font-size: 2em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3.13%; - margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + padding: 1% 3.13%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; } #client_chatwaiting { - display: block; - position: absolute; - right: 2%; - bottom: 15%; - line-height: 0.5; - animation: idling 0.4s linear infinite; + display: block; + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + animation: idling 0.4s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/halla.css b/webAO/styles/chatbox/halla.css index 0932937..7d0644f 100644 --- a/webAO/styles/chatbox/halla.css +++ b/webAO/styles/chatbox/halla.css @@ -1,143 +1,147 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #667dce; + color: #667dce; } .text_green { - color: #a8cf78; + color: #a8cf78; } .text_red { - color: #cb223f; + color: #cb223f; } .text_orange { - color: #f77339; + color: #f77339; } .text_yellow { - color: #f9cf39; + color: #f9cf39; } .text_pink { - color: #eb217f; + color: #eb217f; } .text_cyan { - color: #50d3ce; + color: #50d3ce; } .text_grey { - color: #bbb; + color: #bbb; } @font-face { - font-family: 'Inconsolata'; - font-style: normal; - font-weight: 400; - font-stretch: normal; - src: url(https://fonts.gstatic.com/s/inconsolata/v19/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.woff2) format('woff2'); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; - } + font-family: "Inconsolata"; + font-style: normal; + font-weight: 400; + font-stretch: normal; + src: url(https://fonts.gstatic.com/s/inconsolata/v19/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, + U+FEFF, U+FFFD; +} #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 40%; - width: 100%; - filter: none; - font-family: 'Inconsolata', monospace; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; + filter: none; + font-family: "Inconsolata", monospace; } #client_name { - display: block; - position: absolute; - left: 0; - top: 0; - height: 20%; - min-width: 25%; - background: #2a263f; - border-color: #6a667f; - border-style: solid; - border-width: 0.05em 0.1em; - border-radius: 0.05em; - z-index: 1; + display: block; + position: absolute; + left: 0; + top: 0; + height: 20%; + min-width: 25%; + background: #2a263f; + border-color: #6a667f; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; + z-index: 1; } #client_inner_name { - text-justify: distribute; - background: #000; - border-color: #191626; - border-style: solid; - border-width: 0.05em 0.1em; - border-radius: 0.05em; - margin: 0.1em 0.2em; - font-weight: bold; + text-justify: distribute; + background: #000; + border-color: #191626; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; + margin: 0.1em 0.2em; + font-weight: bold; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.2em); - height: 80%; - margin: auto; - border-color: #6a667f; - border-style: solid; - border-width: 0.05em 0.1em; - border-radius: 0.05em; - background: #2a263f; - font-size: 1.5em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.2em); + height: 80%; + margin: auto; + border-color: #6a667f; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; + background: #2a263f; + font-size: 1.5em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3.13%; - margin: 0.1em 0.2em; - line-height: 97%; - height: 83%; - background: #000; - border-color: #191626; - border-style: solid; - border-width: 0.05em 0.1em; - border-radius: 0.05em; + padding: 1% 3.13%; + margin: 0.1em 0.2em; + line-height: 97%; + height: 83%; + background: #000; + border-color: #191626; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; } #client_chatwaiting { - display: block; - transform: rotate(90deg); - position: absolute; - right: 2%; - bottom: 15%; - line-height: 0.5; - animation: idling 1s steps(1) infinite; + display: block; + transform: rotate(90deg); + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + animation: idling 1s steps(1) infinite; } @keyframes idling { - 0%,100% { - color: #000; - } + 0%, + 100% { + color: #000; + } - 50% { - color: #fff; - } + 50% { + color: #fff; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/homestuck.css b/webAO/styles/chatbox/homestuck.css index e6eea68..c13c8ed 100644 --- a/webAO/styles/chatbox/homestuck.css +++ b/webAO/styles/chatbox/homestuck.css @@ -1,83 +1,83 @@ .text_white { - color: #000; + color: #000; } .text_blue { - color: #0000EE; + color: #0000ee; } .text_green { - color: #38f43d; + color: #38f43d; } .text_red { - color: #ff0101; + color: #ff0101; } .text_orange { - color: #d6954b; + color: #d6954b; } .text_yellow { - color: #feef25; + color: #feef25; } .text_pink { - color: #ff067c; + color: #ff067c; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - bottom: 0; - left: 0; - height: 25%; - width: 100%; - color: #000000; - font-family: "courier-std", courier, monospace; - font-weight: bold; - overflow-wrap: break-word; + position: absolute; + bottom: 0; + left: 0; + height: 25%; + width: 100%; + color: #000000; + font-family: "courier-std", courier, monospace; + font-weight: bold; + overflow-wrap: break-word; } #client_name { - display: none; + display: none; } #client_chat { - display: block; - position: absolute; - bottom: 0; - width: 100%; - margin: auto; - height: 100%; - background-color: #EFEFEF; + display: block; + position: absolute; + bottom: 0; + width: 100%; + margin: auto; + height: 100%; + background-color: #efefef; } #client_inner_chat { - line-height: 1.35; - padding-right: 2em; - padding-left: 2em; - padding-bottom: 2em; + line-height: 1.35; + padding-right: 2em; + padding-left: 2em; + padding-bottom: 2em; } #client_chatwaiting { - display: block; - position: absolute; - left: 2%; - bottom: 2%; + display: block; + position: absolute; + left: 2%; + bottom: 2%; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/key.css b/webAO/styles/chatbox/key.css index 4debe72..8a605ee 100644 --- a/webAO/styles/chatbox/key.css +++ b/webAO/styles/chatbox/key.css @@ -1,209 +1,227 @@ .text_white { - color: rgb(255,255,255); + color: rgb(255, 255, 255); } .text_blue { - color: rgb(000,043,152); + color: rgb(000, 043, 152); } .text_green { - color: rgb(080,255,080); + color: rgb(080, 255, 080); } .text_red { - color: rgb(179,014,014); + color: rgb(179, 014, 014); } .text_orange { - color: rgb(255,116,088); + color: rgb(255, 116, 088); } .text_yellow { - color: rgb(255,255,200); + color: rgb(255, 255, 200); } .text_pink { - color: rgb(255,200,200); + color: rgb(255, 200, 200); } .text_cyan { - color: rgb(100,100,255); + color: rgb(100, 100, 255); } .text_cyan { - color: rgb(179,014,014); + color: rgb(179, 014, 014); } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 33%; - width: 100%; - filter: none; - font-family: "Verdana"; - transition: height 1s linear; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 33%; + width: 100%; + filter: none; + font-family: "Verdana"; + transition: height 1s linear; } #client_chatdecoration { - display: block; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 80%; - background: rgba(000,000,080,0.5); - background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(000,000,80,0.5) 5%,rgba(000,000,080,0.5) 95%, rgba(0,0,0,0) 100%); + display: block; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 80%; + background: rgba(000, 000, 080, 0.5); + background: linear-gradient( + 0deg, + rgba(0, 0, 0, 0) 0%, + rgba(000, 000, 80, 0.5) 5%, + rgba(000, 000, 080, 0.5) 95%, + rgba(0, 0, 0, 0) 100% + ); } #client_name { - display: block; - position: absolute; - left: 2%; - top: 0; - height: 15%; - min-width: 4em; - font-size: 0.9em; - background: rgba(000,043,152,0.5); - margin: 0; - padding: 0.5% 3%; - border-color: #ca9d86; - border-style: ridge; - border-width: 0.1em; - border-radius: 0.15em; - z-index: 1; + display: block; + position: absolute; + left: 2%; + top: 0; + height: 15%; + min-width: 4em; + font-size: 0.9em; + background: rgba(000, 043, 152, 0.5); + margin: 0; + padding: 0.5% 3%; + border-color: #ca9d86; + border-style: ridge; + border-width: 0.1em; + border-radius: 0.15em; + z-index: 1; } #client_inner_name { - text-justify: distribute; - margin: 0; - line-height: 100%; - text-shadow: 2px 2px black; + text-justify: distribute; + margin: 0; + line-height: 100%; + text-shadow: 2px 2px black; } #client_chat { - display: block; - position: absolute; - bottom: 4%; - left: 3%; - width: 94%; - height: 70%; - margin: auto; - border-color: #ca9d86; - border-style: ridge; - border-width: 0.1em; - border-radius: 0.15em; - font-size: 1.6em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - font-size: 75%; + display: block; + position: absolute; + bottom: 4%; + left: 3%; + width: 94%; + height: 70%; + margin: auto; + border-color: #ca9d86; + border-style: ridge; + border-width: 0.1em; + border-radius: 0.15em; + font-size: 1.6em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-size: 75%; } #client_inner_chat { - font-size: 1em; - margin: 1px; - line-height: 100%; - text-shadow: 2px 2px black; - padding: 1% 8%; + font-size: 1em; + margin: 1px; + line-height: 100%; + text-shadow: 2px 2px black; + padding: 1% 8%; } #client_chatwaiting { - display: block; - position: absolute; - right: 2%; - bottom: 15%; - line-height: 0.5; - color: #dba398; - animation: idling 0.4s linear infinite alternate; - transform: rotate(90deg); + display: block; + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + color: #dba398; + animation: idling 0.4s linear infinite alternate; + transform: rotate(90deg); } @keyframes idling { - 0% { - transform: rotate(90deg) scaleY(0); - } + 0% { + transform: rotate(90deg) scaleY(0); + } - 100% { - transform: rotate(90deg) scaleY(1); - } + 100% { + transform: rotate(90deg) scaleY(1); + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - position: absolute; - top: 1%; - left: 1%; - width: 12%; - height: 15%; - background: url("bricks.svg"); - background-size: 1.5em; - border: #ffbe9f 3px ridge; - border-radius: 100%; - font-family: serif; + position: absolute; + top: 1%; + left: 1%; + width: 12%; + height: 15%; + background: url("bricks.svg"); + background-size: 1.5em; + border: #ffbe9f 3px ridge; + border-radius: 100%; + font-family: serif; } #client_clock_month { - position: absolute; - width: 90%; - height: 15%; - left: 5%; - top: 8%; - margin: 0; - color: #52443c; - background: #ffb183; - border: 2px white outset; - border-radius: 100%; - text-shadow: -1px -1px 0 #d7e5d9, 1px -1px 0 #d7e5d9, -1px 1px 0 #d7e5d9, 1px 1px 0 #d7e5d9; - font-size: small; - line-height: 1; - font-size: 0.4em; + position: absolute; + width: 90%; + height: 15%; + left: 5%; + top: 8%; + margin: 0; + color: #52443c; + background: #ffb183; + border: 2px white outset; + border-radius: 100%; + text-shadow: + -1px -1px 0 #d7e5d9, + 1px -1px 0 #d7e5d9, + -1px 1px 0 #d7e5d9, + 1px 1px 0 #d7e5d9; + font-size: small; + line-height: 1; + font-size: 0.4em; } #client_clock_date { - position: absolute; - width: 80%; - height: 80%; - left: 10%; - top: 10%; - margin: 0; - color: #ffe; - text-shadow: -1px -1px 0 #78320b, 1px -1px 0 #78320b, -1px 1px 0 #78320b, 1px 1px 0 #78320b; - font-size: 1.5em; - background: rgba(255,255,255,0.7); - border-radius: 100%; - line-height: 1.8; + position: absolute; + width: 80%; + height: 80%; + left: 10%; + top: 10%; + margin: 0; + color: #ffe; + text-shadow: + -1px -1px 0 #78320b, + 1px -1px 0 #78320b, + -1px 1px 0 #78320b, + 1px 1px 0 #78320b; + font-size: 1.5em; + background: rgba(255, 255, 255, 0.7); + border-radius: 100%; + line-height: 1.8; } #client_clock_weekday { - position: absolute; - width: 25%; - height: 25%; - right: 0; - bottom: 0; - margin: 0; - color: #ccc; - text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333; - text-decoration: underline; - font-size: smaller; - font-weight: bold; - background-color: #c7856f; - border: #ffc89f 3px ridge; - border-radius: 100%; - line-height: 2; - font-size: 0.4em; + position: absolute; + width: 25%; + height: 25%; + right: 0; + bottom: 0; + margin: 0; + color: #ccc; + text-shadow: + -1px -1px 0 #333, + 1px -1px 0 #333, + -1px 1px 0 #333, + 1px 1px 0 #333; + text-decoration: underline; + font-size: smaller; + font-weight: bold; + background-color: #c7856f; + border: #ffc89f 3px ridge; + border-radius: 100%; + line-height: 2; + font-size: 0.4em; } #client_clock_time { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css index debbcb3..d0d6d5f 100644 --- a/webAO/styles/chatbox/legacy.css +++ b/webAO/styles/chatbox/legacy.css @@ -1,97 +1,97 @@ .text_white { - color: #fff; + color: #fff; } .text_green { - color: #0f0; + color: #0f0; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #ffa500; + color: #ffa500; } .text_blue { - color: #4596ff; + color: #4596ff; } .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; - left: 0; - height: 40%; - width: 100%; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; } #client_name { - display: block; - position: absolute; - top: 0; - left: 0; - height: 16%; - border: 1px solid rgba(255, 255, 255, 0.7); - border-radius: 3px; - background: rgba(73, 0, 254, 0.5); - padding: 0px 6px; - z-index: 1; + display: block; + position: absolute; + top: 0; + left: 0; + height: 16%; + border: 1px solid rgba(255, 255, 255, 0.7); + border-radius: 3px; + background: rgba(73, 0, 254, 0.5); + padding: 0px 6px; + z-index: 1; } #client_inner_name { - margin: 0; + margin: 0; } #client_chat { - position: absolute; - display: block; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 4px); - height: 80%; - border: 2px solid rgba(255, 255, 255, 0.7); - border-radius: 4px; - background-color: rgba(0, 0, 0, 0.5); - margin: auto; - font-size: 1em; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + position: absolute; + display: block; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 4px); + height: 80%; + border: 2px solid rgba(255, 255, 255, 0.7); + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.5); + margin: auto; + font-size: 1em; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - margin: 4px; + margin: 4px; } #client_chatwaiting { - display: none; + display: none; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/n64zelda.css b/webAO/styles/chatbox/n64zelda.css index 35187f0..9a12743 100644 --- a/webAO/styles/chatbox/n64zelda.css +++ b/webAO/styles/chatbox/n64zelda.css @@ -1,117 +1,118 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #505aff; + color: #505aff; } .text_green { - color: #46ff50; + color: #46ff50; } .text_red { - color: #ff3c3c; + color: #ff3c3c; } .text_orange { - color: #ff7800; + color: #ff7800; } .text_yellow { - color: #ff0; + color: #ff0; } .text_pink { - color: #ff96b4; + color: #ff96b4; } .text_cyan { - color: #64b4ff; + color: #64b4ff; } .text_grey { - color: #bbb; + color: #bbb; } @font-face { - font-family: 'ChiaroWeb'; - src: url('https://github.com/ngarces/FE15-Text-Simulator/raw/master/FOT-ChiaroStd-B.otf') format('opentype'); - font-weight: normal; - font-style: normal; + font-family: "ChiaroWeb"; + src: url("https://github.com/ngarces/FE15-Text-Simulator/raw/master/FOT-ChiaroStd-B.otf") + format("opentype"); + font-weight: normal; + font-style: normal; } #client_chatcontainer { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 25%; - width: 100%; - filter: none; - font-family: "FOT-Chiaro Std", "ChiaroWeb", "Arial", sans-serif; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 25%; + width: 100%; + filter: none; + font-family: "FOT-Chiaro Std", "ChiaroWeb", "Arial", sans-serif; } #client_name { - display: none; + display: none; } #client_inner_name { - display: none; + display: none; } #client_chat { - display: block; - position: absolute; - bottom: 2%; - left: 10%; - width: 80%; - height: 100%; - margin: auto; - border-radius: 0.5em; - background: rgba(0,0,0,0.7); - font-size: 1.3em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: center; - line-height: 120%; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 2%; + left: 10%; + width: 80%; + height: 100%; + margin: auto; + border-radius: 0.5em; + background: rgba(0, 0, 0, 0.7); + font-size: 1.3em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: center; + line-height: 120%; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 5%; - margin: 0; - text-shadow: 0.1em 0.05em 0.1em #000; - overflow: hidden; + padding: 1% 5%; + margin: 0; + text-shadow: 0.1em 0.05em 0.1em #000; + overflow: hidden; } #client_chatwaiting { - display: block; - position: absolute; - transform: rotate(90deg); - left: 50%; - bottom: -5%; - line-height: 0.5; - color: #0c5cd4; - animation: idling 0.5s linear infinite alternate; + display: block; + position: absolute; + transform: rotate(90deg); + left: 50%; + bottom: -5%; + line-height: 0.5; + color: #0c5cd4; + animation: idling 0.5s linear infinite alternate; } @keyframes idling { - from { - color: #0c5cd4; - text-shadow: none; - } + from { + color: #0c5cd4; + text-shadow: none; + } - to { - color: #3282ff; - text-shadow: 0 0 0.2em #3282ff; - } + to { + color: #3282ff; + text-shadow: 0 0 0.2em #3282ff; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/p3.css b/webAO/styles/chatbox/p3.css index c9234b6..2e6decf 100644 --- a/webAO/styles/chatbox/p3.css +++ b/webAO/styles/chatbox/p3.css @@ -1,121 +1,121 @@ .text_white { - color: #50545c; + color: #50545c; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #5c1d1b; + color: #5c1d1b; } .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 { - display: block; - position: absolute; - bottom: 0; - left: 1%; - height: 30%; - width: 97%; - width: calc(98% - 0.3em); - border-color: #d9e2f9; - border-style: solid; - border-width: 0.15em; - border-radius: 75% / 25%; - background-color: #aaaeb4; - font-family: sans-serif; + display: block; + position: absolute; + bottom: 0; + left: 1%; + height: 30%; + width: 97%; + width: calc(98% - 0.3em); + border-color: #d9e2f9; + border-style: solid; + border-width: 0.15em; + border-radius: 75% / 25%; + background-color: #aaaeb4; + font-family: sans-serif; } #client_name { - display: block; - position: absolute; - left: 3%; - top: 9%; - height: 15%; - color: #5c1d1b; - z-index: 1; + display: block; + position: absolute; + left: 3%; + top: 9%; + height: 15%; + color: #5c1d1b; + z-index: 1; } #client_inner_name { - text-justify: distribute; - margin: 0; - font-weight: bold; + text-justify: distribute; + margin: 0; + font-weight: bold; } #client_chat { - display: block; - position: absolute; - bottom: 6%; - left: 2%; - width: 96%; - height: 68%; - margin: 0; - font-size: 1.5em; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 6%; + left: 2%; + width: 96%; + height: 68%; + margin: 0; + font-size: 1.5em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding-left: 3%; - padding-right: 8%; - margin: 0; - line-height: 97%; + padding-left: 3%; + padding-right: 8%; + margin: 0; + line-height: 97%; } #client_chatwaiting { - display: block; - transform: rotate(90deg); - position: absolute; - right: 2%; - bottom: 0.5em; - line-height: 0.5; - color: #6a6c72; - animation: appear_down 0.5s linear; + display: block; + transform: rotate(90deg); + position: absolute; + right: 2%; + bottom: 0.5em; + line-height: 0.5; + color: #6a6c72; + animation: appear_down 0.5s linear; } @keyframes appear_down { - 0% { - bottom: 5em; - opacity: 0; - } + 0% { + bottom: 5em; + opacity: 0; + } - 100% { - bottom: 0.5em; - opacity: 1; - } + 100% { + bottom: 0.5em; + opacity: 1; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index e31ffe7..88b403d 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -1,119 +1,119 @@ .text_white { - color: #fff; + color: #fff; } .text_green { - color: #0f0; + color: #0f0; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #ffa500; + color: #ffa500; } .text_blue { - color: #b3b2fa; + color: #b3b2fa; } .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; - width: 100%; - height: 30%; - bottom: 0; - left: 0; - font-family: "FOT-Skip Std", Arial, sans-serif; - line-height: 1; + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: "FOT-Skip Std", Arial, sans-serif; + line-height: 1; } #client_chatdecoration { - transform: rotate(5deg); - display: block; - padding: 0 0.45em; - height: 82%; - width: 89%; - background: #ffe92b; - background: linear-gradient(to right,#ffea2b, #ffe92b); - border-radius: 0.1em; - left: 7%; - top: 0; - position: absolute; + transform: rotate(5deg); + display: block; + padding: 0 0.45em; + height: 82%; + width: 89%; + background: #ffe92b; + background: linear-gradient(to right, #ffea2b, #ffe92b); + border-radius: 0.1em; + left: 7%; + top: 0; + position: absolute; } #client_name { - transform: rotate(4deg); - display: block; - padding: 0 0.45em; - 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: 1%; - position: absolute; + transform: rotate(4deg); + display: block; + padding: 0 0.45em; + 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: 1%; + position: absolute; } #client_inner_name { - transform: rotate(-4deg); - position: absolute; - margin: 0; - padding: 1% 0.5%; + transform: rotate(-4deg); + position: absolute; + margin: 0; + padding: 1% 0.5%; } #client_chat { - font-size: 1em; - display: block; - width: 95%; - margin: auto; - height: 85%; - border-radius: 0.1em; - background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); - bottom: 4%; - left: 2.5%; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - z-index: 1; + font-size: 1em; + display: block; + width: 95%; + margin: auto; + height: 85%; + border-radius: 0.1em; + background: linear-gradient(to right, #615338, #917e56 50%, #615338 100%); + bottom: 4%; + left: 2.5%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + z-index: 1; } #client_inner_chat { - margin: 0; - padding: 1% 5%; - line-height: 125%; - word-spacing: 0.2em; + margin: 0; + padding: 1% 5%; + line-height: 125%; + word-spacing: 0.2em; } #client_chatwaiting { - display: none; + display: none; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/p5.css b/webAO/styles/chatbox/p5.css index 112c521..86bc3d5 100644 --- a/webAO/styles/chatbox/p5.css +++ b/webAO/styles/chatbox/p5.css @@ -1,115 +1,115 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #05fcf6; + color: #05fcf6; } .text_green { - color: #98f548; + color: #98f548; } .text_red { - color: #ff3a3a; + color: #ff3a3a; } .text_orange { - color: #fcb405; + color: #fcb405; } .text_yellow { - color: #eef540; + color: #eef540; } .text_pink { - color: #d459c3; + color: #d459c3; } .text_cyan { - color: #5ce1c2; + color: #5ce1c2; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - bottom: 0; - height: 35%; - width: 100%; - font-family: sans-serif; - background-image: url("p5.svg"); - background-size: cover; - background-repeat: no-repeat; + position: absolute; + bottom: 0; + height: 35%; + width: 100%; + font-family: sans-serif; + background-image: url("p5.svg"); + background-size: cover; + background-repeat: no-repeat; } #client_name { - display: block; - top: 13%; - left: 2%; - padding: 0 10px; - height: 22%; - width: 25%; - position: absolute; + display: block; + top: 13%; + left: 2%; + padding: 0 10px; + height: 22%; + width: 25%; + position: absolute; } #client_inner_name { - margin: 0; - padding: 5% 0; - transform: rotate(-15deg); - color: black; + margin: 0; + padding: 5% 0; + transform: rotate(-15deg); + color: black; } #client_chat { - display: block; - width: 75%; - margin: auto; - height: 55%; - left: 20%; - bottom: 10%; - position: absolute; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + width: 75%; + margin: auto; + height: 55%; + left: 20%; + bottom: 10%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3%; - margin: 0; + padding: 1% 3%; + margin: 0; } #client_chatwaiting { - display: block; - right: 1em; - bottom: 0.6em; - width: 1em; - position: absolute; - animation: idling 1s linear infinite; + display: block; + right: 1em; + bottom: 0.6em; + width: 1em; + position: absolute; + animation: idling 1s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/papermario.css b/webAO/styles/chatbox/papermario.css index 587fcd1..d19903d 100644 --- a/webAO/styles/chatbox/papermario.css +++ b/webAO/styles/chatbox/papermario.css @@ -1,101 +1,101 @@ .text_white { - color: #2b2b23; + color: #2b2b23; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #ae0d05; + color: #ae0d05; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - width: 100%; - height: 30%; - bottom: 0; - left: 0; - font-family: "FOT-PopJoy Std", "Comic Sans", sans-serif; + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: "FOT-PopJoy Std", "Comic Sans", sans-serif; } #client_name { - display: none + display: none; } #client_chat { - font-size: 1em; - display: block; - width: 94%; - margin: auto; - height: 100%; - border: 0.1em outset #fff; - border-radius: 100em; - background: #deded6; - bottom: 0; - left: 3%; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + font-size: 1em; + display: block; + width: 94%; + margin: auto; + height: 100%; + border: 0.1em outset #fff; + border-radius: 100em; + background: #deded6; + bottom: 0; + left: 3%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 10%; - margin: 0; - line-height: 130%; + padding: 1% 10%; + margin: 0; + line-height: 130%; } #client_chatwaiting { - display: none; - position: absolute; - right: 4%; - bottom: 10%; - line-height: 0.5; - color: #dece52; - animation: idling 0.5s ease-in-out infinite alternate; + display: none; + position: absolute; + right: 4%; + bottom: 10%; + line-height: 0.5; + color: #dece52; + animation: idling 0.5s ease-in-out infinite alternate; } @keyframes idling { - from { - transform: rotate(-20deg); - } + from { + transform: rotate(-20deg); + } - to { - transform: rotate(20deg); - } + to { + transform: rotate(20deg); + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/plvsaa.css b/webAO/styles/chatbox/plvsaa.css index a656e9b..5339db9 100644 --- a/webAO/styles/chatbox/plvsaa.css +++ b/webAO/styles/chatbox/plvsaa.css @@ -1,113 +1,117 @@ .text_white { - color: #120f09; + color: #120f09; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } @font-face { - font-family: 'Cabin Condensed'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); + font-family: "Cabin Condensed"; + font-style: normal; + font-weight: 400; + font-display: swap; + src: + local("Cabin Condensed"), + local("CabinCondensed-Regular"), + url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) + format("woff2"); } #client_chatcontainer { - font-family: 'Cabin Condensed', sans-serif; - position: absolute; - bottom: 0; - left: 0; - height: 35%; - width: 100%; + font-family: "Cabin Condensed", sans-serif; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; } #client_name { - display: block; - left: 2%; - top: 0; - height: 20%; - min-width: 15%; - padding: 0px 6px; - image-rendering: crisp-edges; - border-image-source: url("plvspw_name.png"); - border-image-slice: 6 fill; - border-image-width: 0.4em; - position: absolute; - font-weight: bold; - -webkit-text-stroke: 0.02em #000; - z-index: 1; + display: block; + left: 2%; + top: 0; + height: 20%; + min-width: 15%; + padding: 0px 6px; + image-rendering: crisp-edges; + border-image-source: url("plvspw_name.png"); + border-image-slice: 6 fill; + border-image-width: 0.4em; + position: absolute; + font-weight: bold; + -webkit-text-stroke: 0.02em #000; + z-index: 1; } #client_inner_name { - margin: 1px; - padding: 0 0.4em; + margin: 1px; + padding: 0 0.4em; } #client_chat { - font-size: 1em; - display: block; - width: 99%; - width: calc(100% - 0.4em); - margin: auto; - height: 80%; - image-rendering: crisp-edges; - border-image-source: url("plvspw.png"); - border-image-slice: 10 fill; - border-image-width: 0.4em; - bottom: 0; - left: 0.2em; - position: absolute; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + font-size: 1em; + display: block; + width: 99%; + width: calc(100% - 0.4em); + margin: auto; + height: 80%; + image-rendering: crisp-edges; + border-image-source: url("plvspw.png"); + border-image-slice: 10 fill; + border-image-width: 0.4em; + bottom: 0; + left: 0.2em; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - margin: 0.1em; - padding: 0.3em 0.6em; + margin: 0.1em; + padding: 0.3em 0.6em; } #client_chatwaiting { - display: none; + display: none; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/sonic.css b/webAO/styles/chatbox/sonic.css index 2da4aaf..ba5d1e9 100644 --- a/webAO/styles/chatbox/sonic.css +++ b/webAO/styles/chatbox/sonic.css @@ -1,128 +1,128 @@ .text_white { - color: #2e2315; + color: #2e2315; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #ee7600; + color: #ee7600; } .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 { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 30%; - width: 100%; - filter: none; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 30%; + width: 100%; + filter: none; } #client_name { - display: block; - position: absolute; - left: 6%; - top: 0; - height: 16%; - min-width: 5em; - font-size: 1em; - background: #5c4200; - margin: 0; - z-index: 1; - border-radius: 0.25em; - font-weight: bold; - text-transform: uppercase; + display: block; + position: absolute; + left: 6%; + top: 0; + height: 16%; + min-width: 5em; + font-size: 1em; + background: #5c4200; + margin: 0; + z-index: 1; + border-radius: 0.25em; + font-weight: bold; + text-transform: uppercase; } #client_inner_name { - text-justify: distribute; - line-height: 100%; - margin: 0; - color: white; + text-justify: distribute; + line-height: 100%; + margin: 0; + color: white; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 0.27em); - height: 98%; - margin: auto; - border: solid #a99460 0.15em; - border-radius: 0.25em; - background-color: #e3dab6; - font-size: 1em; - font-weight: 600; - text-shadow: 0 1px #FFF; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.27em); + height: 98%; + margin: auto; + border: solid #a99460 0.15em; + border-radius: 0.25em; + background-color: #e3dab6; + font-size: 1em; + font-weight: 600; + text-shadow: 0 1px #fff; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 8% 6%; - margin: 1px; - line-height: 100%; + padding: 8% 6%; + margin: 1px; + line-height: 100%; } #client_chatwaiting { - display: block; - position: absolute; - right: 2%; - bottom: 15%; - color: #5c4200; - transform: rotate(90deg); - animation: idling 0.4s linear infinite; + display: block; + position: absolute; + right: 2%; + bottom: 15%; + color: #5c4200; + transform: rotate(90deg); + animation: idling 0.4s linear infinite; } @keyframes idling { - 0% { - right: 0; - } + 0% { + right: 0; + } - 50% { - right: 2%; - } + 50% { + right: 2%; + } - 100% { - right: 0; - } + 100% { + right: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} 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; +} diff --git a/webAO/styles/chatbox/whentheycry.css b/webAO/styles/chatbox/whentheycry.css index 1a08e27..f836d4b 100644 --- a/webAO/styles/chatbox/whentheycry.css +++ b/webAO/styles/chatbox/whentheycry.css @@ -1,114 +1,118 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #18cbef; + color: #18cbef; } .text_green { - color: #84fb08; + color: #84fb08; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #f76918; + color: #f76918; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - font-family: sans-serif; - background: rgba(0,0,0,0.25); - text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; - transition-property: opacity; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + font-family: sans-serif; + background: rgba(0, 0, 0, 0.25); + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + transition-property: opacity; } #client_name { - display: none; -} - -#client_chat { - position: absolute; - display: block; - top: 5%; - left: 5%; - width: 90%; - height: 90%; - margin: auto; - font-size: 1em; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: none; +} + +#client_chat { + position: absolute; + display: block; + top: 5%; + left: 5%; + width: 90%; + height: 90%; + margin: auto; + font-size: 1em; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } #client_chatwaiting { - display: block; - position: relative; - left: 0; - top: 0; - width: 1em; - height: 1em; - color: transparent; - text-shadow: none; - image-rendering: crisp-edges; - image-rendering: pixelated; - background-image: url("chatwaiting_whentheycry.png"); - background-size: contain; - animation: idling 1s steps(2) alternate infinite; + display: block; + position: relative; + left: 0; + top: 0; + width: 1em; + height: 1em; + color: transparent; + text-shadow: none; + image-rendering: crisp-edges; + image-rendering: pixelated; + background-image: url("chatwaiting_whentheycry.png"); + background-size: contain; + animation: idling 1s steps(2) alternate infinite; } @keyframes idling { - 0% { - left: 0; - top: 0; - } + 0% { + left: 0; + top: 0; + } - 50% { - left: 0.1em; - top: 0.2em; - } + 50% { + left: 0.1em; + top: 0.2em; + } - 100% { - left: 0.2em; - top: 0; - } + 100% { + left: 0.2em; + top: 0; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/yakuza.css b/webAO/styles/chatbox/yakuza.css index 40da26c..cf217d6 100644 --- a/webAO/styles/chatbox/yakuza.css +++ b/webAO/styles/chatbox/yakuza.css @@ -1,111 +1,125 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #6bc6f7; + color: #6bc6f7; } .text_green { - color: #00f700; + color: #00f700; } .text_red { - color: #f00; + color: #f00; } .text_orange { - color: #f77339; + color: #f77339; } .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 { - display: block; - position: absolute; - bottom: 0; - left: 0; - height: 25%; - width: 100%; - text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; - text-align: left; - font-family: Verdana, Geneva, Tahoma, sans-serif; + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 25%; + width: 100%; + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + text-align: left; + font-family: Verdana, Geneva, Tahoma, sans-serif; } #client_name { - display: block; - position: absolute; - left: 0; - top: 0; - height: 15%; - width: 100%; - background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0)); - border-left: 0.3em solid #e3dcc5; - font-size: 0.6em; - z-index: 1; + display: block; + position: absolute; + left: 0; + top: 0; + height: 15%; + width: 100%; + background: linear-gradient( + to right, + rgba(0, 0, 0, 0.8), + rgba(0, 0, 0, 0), + rgba(0, 0, 0, 0) + ); + border-left: 0.3em solid #e3dcc5; + font-size: 0.6em; + z-index: 1; } #client_inner_name { - text-justify: distribute; - padding: 0 3%; - margin: 0; + text-justify: distribute; + padding: 0 3%; + margin: 0; } #client_chat { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 85%; - border-top: 0.1em solid rgba(100,100,100,0.5); - box-shadow: inset 0 0.2em 0.2em 0 rgba(0,0,0,0.75); - background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0)); - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - font-size: 0.6em; + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 85%; + border-top: 0.1em solid rgba(100, 100, 100, 0.5); + box-shadow: inset 0 0.2em 0.2em 0 rgba(0, 0, 0, 0.75); + background: linear-gradient( + to bottom, + rgba(0, 0, 0, 0.8), + rgba(0, 0, 0, 0.4), + rgba(0, 0, 0, 0) + ); + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-size: 0.6em; } #client_inner_chat { - margin: 0; - padding: 2% 12%; + margin: 0; + padding: 2% 12%; } #client_chatwaiting { - display: block; - position: absolute; - color: transparent; - text-shadow: none; - right: 4em; - bottom: 35%; - width: 1.5em; - height: 1.5em; - background-image: url("x_button.svg"); - background-size: contain; - transition: opacity 0.2s; + display: block; + position: absolute; + color: transparent; + text-shadow: none; + right: 4em; + bottom: 35%; + width: 1.5em; + height: 1.5em; + background-image: url("x_button.svg"); + background-size: contain; + transition: opacity 0.2s; } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 22a9aae..c9ef723 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -1,123 +1,127 @@ .text_white { - color: #fff; + color: #fff; } .text_blue { - color: #93bbe6; + color: #93bbe6; } .text_green { - color: #6ab057; + color: #6ab057; } .text_red { - color: #e1522a; + color: #e1522a; } .text_orange { - color: #cf714c; + color: #cf714c; } .text_yellow { - color: #fef9ad; + color: #fef9ad; } .text_pink { - color: #ffc0cb; + color: #ffc0cb; } .text_cyan { - color: #0ff; + color: #0ff; } .text_grey { - color: #bbb; + color: #bbb; } #client_chatcontainer { - position: absolute; - bottom: 0; - left: 0; - height: 41%; - width: 100%; - filter: none; - font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; - text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; + position: absolute; + bottom: 0; + left: 0; + height: 41%; + width: 100%; + filter: none; + font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; + text-shadow: + -1px 0 black, + 0 1px black, + 1px 0 black, + 0 -1px black; } #client_name { - display: block; - position: absolute; - top: 0; - left: 0; - height: 30%; - min-width: 10%; - background-color: rgba(0, 0, 0, 0.6); - border-image-source: url("yttd.png"); - border-image-slice: 20; - border-image-width: 20px; - border-width: 20px; - padding: 0 2%; - z-index: 1; + display: block; + position: absolute; + top: 0; + left: 0; + height: 30%; + min-width: 10%; + background-color: rgba(0, 0, 0, 0.6); + border-image-source: url("yttd.png"); + border-image-slice: 20; + border-image-width: 20px; + border-width: 20px; + padding: 0 2%; + z-index: 1; } #client_inner_name { - line-height: 0.6em; - color: #fef9ad; + line-height: 0.6em; + color: #fef9ad; } #client_chat { - display: block; - position: absolute; - bottom: 0; - width: 99.9%; - margin: auto; - height: 70%; - border-image-source: url("yttd.png"); - border-image-slice: 20; - border-image-width: 20px; - border-width: 20px; - background-color: rgba(0, 0, 0, 0.6); - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; + display: block; + position: absolute; + bottom: 0; + width: 99.9%; + margin: auto; + height: 70%; + border-image-source: url("yttd.png"); + border-image-slice: 20; + border-image-width: 20px; + border-width: 20px; + background-color: rgba(0, 0, 0, 0.6); + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; } #client_inner_chat { - padding: 1% 3.13%; - margin: 1px; - font-size: 1.3em; + padding: 1% 3.13%; + margin: 1px; + font-size: 1.3em; } #client_chatwaiting { - display: block; - position: absolute; - transform: rotate(90deg) scale(1, 2); - left: 50%; - bottom: 0px; - line-height: 0.5; - animation: idling 1s linear infinite; + display: block; + position: absolute; + transform: rotate(90deg) scale(1, 2); + left: 50%; + bottom: 0px; + line-height: 0.5; + animation: idling 1s linear infinite; } @keyframes idling { - 0% { - bottom: 2px; - } + 0% { + bottom: 2px; + } - 50% { - bottom: 0px; - } + 50% { + bottom: 0px; + } - 100% { - bottom: 2px; - } + 100% { + bottom: 2px; + } } #client_trackstatus { - display: none; + display: none; } #client_clock { - display: none; -} \ No newline at end of file + display: none; +} -- cgit