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 From db58467bdf064a99fa2fe43652938e0baa003d74 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 18:42:39 +0200 Subject: more soj styling --- webAO/styles/soj.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) (limited to 'webAO/styles/soj.css') diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css index afc555a..6b43aaa 100644 --- a/webAO/styles/soj.css +++ b/webAO/styles/soj.css @@ -2,13 +2,38 @@ body { font-family: sans-serif; } +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #848284; + outline: 2px ridge #fff; + border: 1px solid #181818; + outline-offset: -2px; + margin-right: 2px; +} + #evi_name { - background-color: #242e25; + color: #e7e3c6; + background-color: #293431; } #evi_desc { flex: 1 auto; - background: repeating-linear-gradient(#83b893, #83b893 14px, #222 14px, #222 15px); + background: repeating-linear-gradient(#84ae8c, #84ae8c 14px, #4a6952 14px, #4a6952 15px); +} + +.client_button { + margin: 1px; + padding: 2px 15px; + cursor: pointer; + text-align: center; + font-weight: bold; + color: #fff; + background: linear-gradient(to bottom, #6b3c10, #422008); + border: 1px solid #211408; + outline: 1px solid #846129; + outline-offset: -1px; } #client_defense_hp { -- cgit From e8c7d75b258b74bf39cc78c0fac3727ef8a15682 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 19:35:54 +0200 Subject: make soj log fancy --- webAO/styles/soj.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) (limited to 'webAO/styles/soj.css') diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css index 6b43aaa..2366c5f 100644 --- a/webAO/styles/soj.css +++ b/webAO/styles/soj.css @@ -36,6 +36,48 @@ body { outline-offset: -1px; } +#client_log { + position: relative; + height: 100%; + color: #fff; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + overflow-y: auto; + font-size: medium; + background-color: rgba(0,0,0,0.8); + text-align: start; + line-height: .85em; +} + +#client_log>p { + line-height: 1.1em; + border-top: 1px solid rgba(255,255,255,0.2); + border-bottom: 1px solid #000; +} + +.iclog_name { + font-weight: initial; + padding-right: .35em; + text-shadow: + 0 0 3px #39307b, + -1px -1px 0 #39307b, + 1px -1px 0 #39307b, + -1px 1px 0 #39307b, + 1px 1px 0 #39307b; +} + +.iclog_text::before { + content: "\A"; + white-space: pre; +} + +.iclog_time { + float: right; + padding-right: .5em; + color: #dbdbdb; +} + #client_defense_hp { text-align: left; } -- cgit