diff options
Diffstat (limited to 'webAO/styles')
| -rw-r--r-- | webAO/styles/chatbox/acww.css | 102 | ||||
| -rw-r--r-- | webAO/styles/chatbox/acww.svg | 1 | ||||
| -rw-r--r-- | webAO/styles/chatbox/chatboxes.js | 1 | ||||
| -rw-r--r-- | webAO/styles/chatbox/chatwaiting_acww.svg | 1 |
4 files changed, 105 insertions, 0 deletions
diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css new file mode 100644 index 0000000..9818b4e --- /dev/null +++ b/webAO/styles/chatbox/acww.css @@ -0,0 +1,102 @@ +.text_white { + color: #000; +} + +#client_chatcontainer { + 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: #004000; + 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: 10%/50%; + box-shadow: 0 0.3em #70c020; + line-height: 100%; + z-index: 1; + font-family: sans-serif; +} + +#client_inner_name { + 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; + /*border-color: darkgray; + border-style: solid; + border-width: 0.15em; + border-radius: 0.15em; + background-color: white;*/ + 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: sans-serif; +} + +#client_inner_chat { + padding: 5% 12%; + 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 linear infinite; +} + +@keyframes idling { + 0% { + bottom: 12%; + } + + 50% { + bottom: 15%; + } + + 100% { + bottom: 12%; + } +}
\ No newline at end of file diff --git a/webAO/styles/chatbox/acww.svg b/webAO/styles/chatbox/acww.svg new file mode 100644 index 0000000..4627e2a --- /dev/null +++ b/webAO/styles/chatbox/acww.svg @@ -0,0 +1 @@ +<svg width="256" height="72" viewBox="0 0 67.7 19.1" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="2.2" x2="65.2" y1="10.7" y2="10.7" gradientUnits="userSpaceOnUse"><stop stop-color="#9088a8" offset="0"/></linearGradient></defs><path d="m5.3 11.2c-3.7-2-7.5-8.4 12-10.3 11.4-1.4 53-2.1 44.9 8.6 12.8 10.8-21.2 13.2-31.3 10.8-3.9 0-31.1 1.2-25.6-9.1z" style="fill:#e0e0e0;stroke-width:0.3px;stroke:url(#a)"/><path d="m8.3 11.3c-10.1-6.8 4.6-11 22.5-10.4 6.9 0 34.2-0.4 28.7 9 12.6 9.3-16.3 11.4-26.1 9.6-21.9 1.3-27.8-2.1-25.1-8.2z" fill="#f8f8f8"/></svg>
\ No newline at end of file diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index e04ce01..36e3123 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -1,5 +1,6 @@ export default [ "aa", + "acww", "chatdd", "dgs", "chatplvsaa", diff --git a/webAO/styles/chatbox/chatwaiting_acww.svg b/webAO/styles/chatbox/chatwaiting_acww.svg new file mode 100644 index 0000000..0f86322 --- /dev/null +++ b/webAO/styles/chatbox/chatwaiting_acww.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 4.2 4.5"><image width="4.2" height="4.5" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAALNJREFU OI2VkrsVwyAMRZ99UlBmlJSUKT2CR3DJKCkzgkdwSekxKD2COqeC8JEsrMrC8O4VhwGv7cTNov2d vh/1glbG+qIfucXewwAwENFprO+yMNZjeR6tQfzpArEHXSDRcgTKO8hDXKCir+lphGgAAMtqm03f eWcDPtv8H0G7A46eRuBoUp/TmwDJQqKzBjlVo7MBtcUVXTTopYsB0UKjA9k7kMpNq0gXDe6UGhCp HB0Afq/yUx1qGz9eAAAAAElFTkSuQmCC "/><path d="M0.9 0.9H4.1l-1.6 3.6z" style="fill:#6840a0;stroke-width:0.3"/><path d="M0.3 0.3 1.7 3.3 3.2 0.3Z" style="fill:#68d8f0;stroke-width:0.3px"/><path d="M0.3 0.3H3.2L1.7 1.5Z" style="fill:#fff;stroke-width:0.3"/><path d="M0.1 0.1H3.3l-1.6 3.4z" style="fill:none;stroke-width:0.3;stroke:#0030b8"/></svg>
\ No newline at end of file |
