From c65db9f76c40ad4a73db83a12690ece68c4267b4 Mon Sep 17 00:00:00 2001 From: stonedDiscord <10584181+stonedDiscord@users.noreply.github.com> Date: Tue, 13 Oct 2020 20:47:41 +0200 Subject: dango --- webAO/styles/chatbox/key.css | 132 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 132 insertions(+) create mode 100644 webAO/styles/chatbox/key.css (limited to 'webAO/styles/chatbox/key.css') diff --git a/webAO/styles/chatbox/key.css b/webAO/styles/chatbox/key.css new file mode 100644 index 0000000..d4256e7 --- /dev/null +++ b/webAO/styles/chatbox/key.css @@ -0,0 +1,132 @@ +.text_white { + color: rgb(255,255,255); +} + +.text_blue { + color: rgb(000,043,152); +} + +.text_green { + color: rgb(080,255,080); +} + +.text_red { + color: rgb(179,014,014); +} + +.text_orange { + color: rgb(255,116,088); +} + +.text_yellow { + color: rgb(255,255,200); +} + +.text_pink { + color: rgb(255,200,200); +} + +.text_cyan { + color: rgb(100,100,255); +} + +.text_cyan { + color: rgb(179,014,014); +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 33%; + width: 100%; + filter: none; + font-family: "Verdana"; +} + +#client_chatdecoration { + display: block; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 80%; + background: rgba(000,043,152,0.5); + background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(000,043,152,0.5) 5%, rgba(000,043,152,0.5) 95%, rgba(0,0,0,0) 100%); +} + +#client_name { + display: block; + position: absolute; + left: 2%; + top: 0; + height: 15%; + min-width: 4em; + font-size: 0.9em; + background: rgba(000,043,152,0.5); + margin: 0; + padding: 0.5% 3%; + border-color: #ca9d86; + border-style: ridge; + border-width: 0.1em; + border-radius: 0.15em; + z-index: 1; +} + +#client_inner_name { + text-justify: distribute; + margin: 0; + line-height: 100%; + text-shadow: 2px 2px black; +} + +#client_chat { + display: block; + position: absolute; + bottom: 4%; + left: 3%; + width: 94%; + height: 70%; + margin: auto; + border-color: #ca9d86; + border-style: ridge; + border-width: 0.1em; + border-radius: 0.15em; + font-size: 1.6em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-size: 75%; +} + +#client_inner_chat { + font-size: 1em; + margin: 1px; + line-height: 100%; + text-shadow: 2px 2px black; + padding: 1% 8%; +} + +#client_chatwaiting { + display: block; + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + color: #dba398; + animation: idling 0.4s linear infinite alternate; + transform: rotate(90deg); +} + +@keyframes idling { + 0% { + transform: rotate(90deg) scaleY(0); + } + + 100% { + transform: rotate(90deg) scaleY(1); + } +} \ No newline at end of file -- cgit