From 89d173388f1eb1f13ea5c41dbcc748d6fafd6e12 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 22:08:46 +0200 Subject: move the css for the boxes into seperate css files --- webAO/styles/soj.css | 48 ------------------------------------------------ 1 file changed, 48 deletions(-) (limited to 'webAO/styles/soj.css') diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css index b81508a..186d1f4 100644 --- a/webAO/styles/soj.css +++ b/webAO/styles/soj.css @@ -69,54 +69,6 @@ body { } } -#client_chatcontainer { - position: absolute; - top: 73%; - height: 27%; - width: 100%; - background-image: url("../images/chatbox.svg"); - background-size: cover; - background-repeat: no-repeat; -} - -#client_name { - display: none; - top: 4%; - padding: 0 10px; - height: 22%; - position: absolute; -} - -#client_chat { - font-size: 1em; - display: none; - width: 100%; - margin: auto; - height: 90%; - top: 20%; - position: absolute; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; -} - -#client_chat p { - margin: 4px; - padding: 5px 3%; -} - -#client_chatwaiting { - display: block; - right: 1em; - bottom: 0.6em; - width: 1em; - position: absolute; - animation: idling 1s linear infinite; -} - @keyframes idling { 0% { right: 0.4em; -- cgit From b829aeb737717b64e18546b7d4eecdbb6b0506bb Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:21:35 +0200 Subject: text color is defined by the chatbox --- webAO/styles/soj.css | 81 ---------------------------------------------------- 1 file changed, 81 deletions(-) (limited to 'webAO/styles/soj.css') diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css index 186d1f4..afc555a 100644 --- a/webAO/styles/soj.css +++ b/webAO/styles/soj.css @@ -2,87 +2,6 @@ body { font-family: sans-serif; } -.text_white { - color: #fff; -} - -.text_green { - color: #0f0; -} - -.text_red { - color: #f00; -} - -.text_orange { - color: #ffa500; -} - -.text_blue { - color: #4596ff; -} - -.text_yellow { - color: #ff0; -} - -.text_pink { - color: #ffc0cb; -} - -.text_cyan { - color: #0ff; -} - -.text_rainbow { - background-color: #fff; - background-image: repeating-linear-gradient(to right, - red 0% 8%, orange 8% 16%, yellow 16% 24%, green 24% 32%, blue 32% 40%, - red 40% 48%, orange 48% 56%, yellow 56% 64%, green 64% 72%, blue 72% 80%, - red 80% 88%, orange 88% 96%, yellow 96% 100%); - background-size: 40% 40%; - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - animation: rainbow 4s linear infinite; -} - -@keyframes rainbow_alt { - - 0%, - 100% { - background-position: 0 0; - } - - 50% { - background-position: 400% 0; - } -} - -@keyframes rainbow { - 0% { - background-position: 0 0; - } - - 100% { - background-position: 400% 0; - } -} - -@keyframes idling { - 0% { - right: 0.4em; - } - - 50% { - right: 0.8em; - } - - 100% { - right: 0.4em; - } -} - #evi_name { background-color: #242e25; } -- cgit