diff options
Diffstat (limited to 'webAO/styles/chatbox')
| -rw-r--r-- | webAO/styles/chatbox/acww.css | 47 | ||||
| -rw-r--r-- | webAO/styles/chatbox/chatwaiting_acww.svg | 51 |
2 files changed, 79 insertions, 19 deletions
diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css index 9a046e9..6cb37da 100644 --- a/webAO/styles/chatbox/acww.css +++ b/webAO/styles/chatbox/acww.css @@ -3,19 +3,19 @@ } .text_green { - color: #0f0; + color: #009600; } .text_red { - color: #f00; + color: #ff0859; } .text_orange { - color: #ffa500; + color: #610000; } .text_blue { - color: #b3b2fa; + color: #7900ff; } .text_yellow { @@ -23,17 +23,33 @@ } .text_pink { - color: #ffc0cb; + color: #ff51ff; } -.text_cyan { - color: #0ff; +.text_cyan { + color: #0038ff; } .text_grey { 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-face { + font-family:'Ace Name'; + src: url('./ace-name.ttf'); + font-weight:normal; + font-style:normal; +} + #client_chatcontainer { display: block; position: absolute; @@ -53,7 +69,7 @@ min-width: 11%; font-size: 0.8em; background: #d8f8a0; - color: #004000; + color: #040; margin: 0; padding-top: 0.4%; padding-left: 1.955%; @@ -61,11 +77,11 @@ border-color: #b0f818; border-style: solid; border-width: 0.3em 0.6em; - border-radius: 10%/50%; + border-radius: 15%/50%; box-shadow: 0 0.3em #70c020; line-height: 100%; z-index: 1; - font-family: sans-serif; + 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 { @@ -83,11 +99,6 @@ 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; @@ -96,11 +107,11 @@ text-align: left; overflow: hidden; scroll-behavior: smooth; - font-family: sans-serif; + 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% 12%; + padding: 5% 16%; margin: 0; line-height: 100%; } @@ -116,7 +127,7 @@ height: 1.5em; background-image: url("chatwaiting_acww.svg"); background-size: contain; - animation: idling 0.4s linear infinite; + animation: idling 0.4s steps(1) infinite; } @keyframes idling { diff --git a/webAO/styles/chatbox/chatwaiting_acww.svg b/webAO/styles/chatbox/chatwaiting_acww.svg index 0f86322..057bf37 100644 --- a/webAO/styles/chatbox/chatwaiting_acww.svg +++ b/webAO/styles/chatbox/chatwaiting_acww.svg @@ -1 +1,50 @@ -<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 +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="16" + height="17" + viewBox="0 0 4.2 4.5" + version="1.1" + id="svg12" + sodipodi:docname="chatwaiting_acww.svg" + inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs16" /> + <sodipodi:namedview + id="namedview14" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="51.352941" + inkscape:cx="7.9936999" + inkscape:cy="8.5" + inkscape:window-width="3840" + inkscape:window-height="2097" + inkscape:window-x="-8" + inkscape:window-y="-8" + inkscape:window-maximized="1" + inkscape:current-layer="svg12" /> + <path + d="M0.9 0.9H4.1l-1.6 3.6z" + style="fill:#6840a0;stroke-width:0.3" + id="path4" /> + <path + d="M0.3 0.3 1.7 3.3 3.2 0.3Z" + style="fill:#68d8f0;stroke-width:0.3px" + id="path6" /> + <path + d="M0.3 0.3H3.2L1.7 1.5Z" + style="fill:#fff;stroke-width:0.3" + id="path8" /> + <path + d="M0.1 0.1H3.3l-1.6 3.4z" + style="fill:none;stroke-width:0.3;stroke:#0030b8" + id="path10" /> +</svg> |
