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/cyber.css | 58 -------------------------------------------------- 1 file changed, 58 deletions(-) (limited to 'webAO/styles/cyber.css') diff --git a/webAO/styles/cyber.css b/webAO/styles/cyber.css index 644e143..9d239e2 100644 --- a/webAO/styles/cyber.css +++ b/webAO/styles/cyber.css @@ -74,67 +74,9 @@ img { } } -#client_chatcontainer { - filter: none; -} - @keyframes bg-scrolling { 0% { background-position: 0 0; } 100% { background-position: 5px 5px; } - } - -#client_name { - display: none; - padding: 0 0.45em; - height: 5.2%; - min-width: 3.25em; - text-justify: distribute; - letter-spacing: 0.075em; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat; - animation: bg-scrolling 0.2s infinite linear; - left: 0; - top: 60.4%; - border-color: green; - border-width: 0.2em; - border-style: solid; - position: absolute; - z-index: 1; -} - -#client_chat { - font-size: 1em; - display: none; - width: 98.4375%; - width: calc(100% - 0.275em); - margin: auto; - height: 31.25%; - border-color: green; - border-style: solid; - border-width: 0.15em; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat; - animation: bg-scrolling 0.2s infinite linear; - top: 66.5%; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; -} - -#client_chat p { - padding: 1% 3.13%; - margin: 1px; - line-height: 97%; -} - -#client_chatwaiting { - display: block; - right: -6px; - bottom: 0.24em; - width: 1em; - position: absolute; - animation: idling 0.4s linear infinite; } @keyframes idling { -- cgit From 9aa761d249a3962db147af7acdc2ef2f2b909f5f Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 20 Apr 2020 00:40:08 +0200 Subject: add colors to all the chatboxes --- webAO/styles/cyber.css | 67 -------------------------------------------------- 1 file changed, 67 deletions(-) (limited to 'webAO/styles/cyber.css') diff --git a/webAO/styles/cyber.css b/webAO/styles/cyber.css index 9d239e2..17e87ec 100644 --- a/webAO/styles/cyber.css +++ b/webAO/styles/cyber.css @@ -7,73 +7,6 @@ img { image-rendering: pixelated; } -.text_white { - color: white; -} - -.text_blue { - color: blue; -} - -.text_green { - color: green; -} - -.text_red { - color: red; -} - -.text_orange { - color: orange; -} - -.text_yellow { - color: yellow; -} - -.text_pink { - color: pink; -} - -.text_cyan { - color: cyan; -} - -.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 bg-scrolling { 0% { background-position: 0 0; } 100% { background-position: 5px 5px; } -- cgit From c499900cfba6052cf4e75a423cceb23146a76a6b Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 18:42:27 +0200 Subject: move evi icon to theme --- webAO/styles/cyber.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'webAO/styles/cyber.css') diff --git a/webAO/styles/cyber.css b/webAO/styles/cyber.css index 17e87ec..5856cbc 100644 --- a/webAO/styles/cyber.css +++ b/webAO/styles/cyber.css @@ -37,6 +37,16 @@ img { animation: bg-scrolling 0.2s infinite linear; } +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #7b7b7b; + outline: 2px ridge #fff; + outline-offset: -2px; + margin-right: 2px; +} + #client_menu { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat; animation: bg-scrolling 0.2s infinite linear; -- cgit