diff options
Diffstat (limited to 'webAO')
| -rw-r--r-- | webAO/client.html | 1 | ||||
| -rw-r--r-- | webAO/styles/chatbox/chatboxes.js | 1 | ||||
| -rw-r--r-- | webAO/styles/chatbox/chatwaiting_whentheycry.png | bin | 0 -> 521 bytes | |||
| -rw-r--r-- | webAO/styles/chatbox/whentheycry.css | 106 |
4 files changed, 108 insertions, 0 deletions
diff --git a/webAO/client.html b/webAO/client.html index a31938c..ff1cf74 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -421,6 +421,7 @@ <option value="p4">Persona 4</option> <option value="p5">Persona 5</option> <option value="halla">VA-11 HALL-A</option> + <option value="whentheycry">When They Cry Series</option> <option value="yakuza">Yakuza</option> <option value="yttd">YTTD</option> </select> diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 572ff1f..2774860 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -21,6 +21,7 @@ export default [ "key", "yakuza", "yttd", + "whentheycry", "n64zelda", "papermario" ];
\ No newline at end of file diff --git a/webAO/styles/chatbox/chatwaiting_whentheycry.png b/webAO/styles/chatbox/chatwaiting_whentheycry.png Binary files differnew file mode 100644 index 0000000..ea35986 --- /dev/null +++ b/webAO/styles/chatbox/chatwaiting_whentheycry.png diff --git a/webAO/styles/chatbox/whentheycry.css b/webAO/styles/chatbox/whentheycry.css new file mode 100644 index 0000000..ba11f02 --- /dev/null +++ b/webAO/styles/chatbox/whentheycry.css @@ -0,0 +1,106 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #18cbef; +} + +.text_green { + color: #84fb08; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #f76918; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +.text_grey { + 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; +} + +#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; +} + +#client_inner_chat { + 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; +} + +@keyframes idling { + 0% { + left: 0; + top: 0; + } + + 50% { + left: 0.1em; + top: 0.2em; + } + + 100% { + left: 0.2em; + top: 0; + } +}
\ No newline at end of file |
