From c8f8f9cf98027d69432fdb14f3c41e3cdd6d9d4f Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Tue, 7 Mar 2023 20:07:00 +0100 Subject: use actual border --- webAO/styles/chatbox/yttd.css | 25 +++++++++++++------------ webAO/styles/chatbox/yttd.png | Bin 0 -> 185 bytes 2 files changed, 13 insertions(+), 12 deletions(-) create mode 100644 webAO/styles/chatbox/yttd.png (limited to 'webAO/styles/chatbox') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index b6bebc7..45d3233 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -38,7 +38,7 @@ position: absolute; bottom: 0; left: 0; - height: 50%; + height: 41%; width: 100%; filter: none; font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; @@ -50,18 +50,19 @@ position: absolute; top: 0; left: 0; - height: 27%; - height: calc(30% - 6px); + height: 30%; min-width: 10%; background-color: rgba(0, 0, 0, 0.5); - border-style: double; - border-color: #ffa500; + border-image-source: url("yttd.png"); + border-image-slice: 20; + border-image-width: 0.6em; + border-width: 0.6em; padding: 0 2%; z-index: 1; } #client_inner_name { - line-height: 1em; + line-height: 0.6em; color: #fef9ad; } @@ -69,13 +70,13 @@ display: block; position: absolute; bottom: 0; - width: 99%; - width: calc(100% - 6px); + width: 100%; margin: auto; height: 70%; - height: calc(70% - 6px); - border-style: double; - border-color: #ffa500; + border-image-source: url("yttd.png"); + border-image-slice: 20; + border-image-width: 0.6em; + border-width: 0.6em; background-color: rgba(0, 0, 0, 0.5); overflow-wrap: break-word; text-align: left; @@ -92,7 +93,7 @@ #client_chatwaiting { display: block; position: absolute; - transform: rotate(90deg); + transform: rotate(90deg) scale(1, 2); left: 50%; bottom: 0px; line-height: 0.5; diff --git a/webAO/styles/chatbox/yttd.png b/webAO/styles/chatbox/yttd.png new file mode 100644 index 0000000..fabd760 Binary files /dev/null and b/webAO/styles/chatbox/yttd.png differ -- cgit