diff options
| -rw-r--r-- | webAO/client.html | 1 | ||||
| -rw-r--r-- | webAO/styles/chatbox/p4.css | 50 |
2 files changed, 22 insertions, 29 deletions
diff --git a/webAO/client.html b/webAO/client.html index 6f711d8..c77d0fc 100644 --- a/webAO/client.html +++ b/webAO/client.html @@ -79,6 +79,7 @@ <img id="client_testimony" alt="Testimony overlay" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" onerror="imgError(this);"> <img id="client_shout" alt="Shout overlay" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="> <div id="client_chatcontainer" style="font-size: 12px; opacity: 0;"> + <div id="client_chatdecoration"></div> <div id="client_name"> <p id="client_inner_name"></p> </div> diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index a5ba6d2..872bfbd 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -40,49 +40,41 @@ line-height: 1; } -#client_name { - transform: rotate(3deg); +#client_chatdecoration { + transform: rotate(5deg); display: block; padding: 0 0.45em; - height: 85%; - width: 92%; - text-align: left; - color: #512f15; - background: #fe9e18; - background: linear-gradient(to right,#fdac20, #ff5900); - border: 0.2em solid #ffe92b; - border-style: solid solid none none; + height: 82%; + width: 89%; + background: #ffe92b; + background: linear-gradient(to right,#ffea2b, #ffe92b); border-radius: 0.1em; - left: 3%; + left: 7%; top: 0; position: absolute; } -/* - -#client_name::before { - content: ""; - transform: rotate(2deg); +#client_name { + transform: rotate(4deg); display: block; padding: 0 0.45em; - height: 95%; - width: 94%; - background: #ffea2b; - background: linear-gradient(to right,#ffea2b, #ffe92b); + 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: 0; + top: 1%; position: absolute; } -*/ - #client_inner_name { - transform: rotate(-3deg); + transform: rotate(-4deg); position: absolute; - padding: 1% 3.13%; - margin: 1px; - left: -1%; + margin: 0; + padding: 1% 0.5%; } #client_chat { @@ -90,10 +82,10 @@ display: block; width: 95%; margin: auto; - height: 80%; + height: 85%; border-radius: 0.1em; background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); - bottom: 3%; + bottom: 4%; left: 2.5%; position: absolute; word-break: keep-all; |