From 38c6cc1f1df9fff237317383e384fe79d51d7bca Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 30 Mar 2020 15:45:51 +0200 Subject: keep aspect ratio on danger roombas --- webAO/styles/client.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index d56fe24..b0b1bb6 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -166,14 +166,16 @@ width: 100%; top: 0; left: 0; + object-fit: cover; } #client_char { position: absolute; - height: auto; + height: 100%; width: 100%; bottom: 0; left: 0; + object-fit: cover; } #client_pair_char { @@ -181,6 +183,7 @@ height: 100%; width: 100%; bottom: 0; + object-fit: cover; } #client_bench { -- cgit From f222f1026bae17c1a6cda6fd7c0ec62b309a0d82 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 13 Apr 2020 16:48:28 +0200 Subject: make the search box full width --- webAO/styles/client.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index b0b1bb6..4063b67 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -294,6 +294,10 @@ border: none; } +#client_musicsearch { + width: 100%; +} + #client_musiclist { width: 99%; height: 100%; -- cgit From b944d2157d28de12fabd1ebd11dab44c3ce138ef Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 13 Apr 2020 19:13:02 +0200 Subject: fix nonexistant char icons being below the others --- webAO/styles/client.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 4063b67..4c15f93 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -126,6 +126,7 @@ max-height: 60px; margin: 3px; border: 1px solid #000; + vertical-align: top; } #client_icwrapper { -- cgit From edcbe700ec60cecc0b9d519643b0e4cdfd15a0c1 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:29:23 +0200 Subject: match AA style for evidence icon --- webAO/styles/client.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 4c15f93..187e4ca 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -323,11 +323,8 @@ .evi_icon { width: 70px; height: 70px; - background-color: #787878; - outline-color: #886060; - outline-width: 1px; - outline-style: inset; - outline-offset: -1px; + background-color: #7b7b7b; + border: 2px ridge #ffffff; } #evi_options { -- cgit From 06fe5565c0e6ccdaf59f1f6ff5995a16e6c8b6f4 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:36:09 +0200 Subject: draw border on top of the ugly border most evis have --- webAO/styles/client.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 187e4ca..eb53391 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -322,14 +322,18 @@ .evi_icon { width: 70px; + min-width: 70px; height: 70px; background-color: #7b7b7b; - border: 2px ridge #ffffff; + outline: 2px ridge #fff; + outline-offset: -2px; } #evi_options { display: inline-block; - padding-left: 5px; + width: 100%; + margin-left: 2px; + border: 2px ridge white; } #evi_options label { -- cgit From 8911a595df1d37ac02e53e97c0b523ceeb3e543e Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:36:38 +0200 Subject: add some space between the icons --- webAO/styles/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index eb53391..fa020ef 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -327,12 +327,12 @@ background-color: #7b7b7b; outline: 2px ridge #fff; outline-offset: -2px; + margin-right: 2px; } #evi_options { display: inline-block; width: 100%; - margin-left: 2px; border: 2px ridge white; } -- cgit From 9bb43525a06764199dd816bb184ec90e68eca4eb Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 18:40:39 +0200 Subject: don't cover the searchbar --- webAO/styles/client.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index fa020ef..61aba11 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -301,7 +301,8 @@ #client_musiclist { width: 99%; - height: 100%; + height: 95%; + height: calc(95% - 16px); background-color: #222; color: #fff; } -- cgit From 4bb0ced6e218042c969e487bbded077dd6bde7b9 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 18:44:44 +0200 Subject: eliminate size popping in and out --- webAO/styles/client.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 61aba11..9a1afd8 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -215,6 +215,13 @@ transition-property: height, opacity; } +#client_chatcontainer { + position: absolute; + width: 100%; + bottom: 0; + left: 0; +} + #client_shout { display: block; position: absolute; -- 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/client.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 9a1afd8..cd00139 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -26,6 +26,41 @@ } } +.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; + } +} + #client_error { position: absolute; display: flex; -- cgit From 42e3b882752fd1a206cfbc201e9f5227a80b824a Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 17:23:45 +0200 Subject: add css animation for objection bubble --- webAO/styles/client.css | 69 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index cd00139..c40ea57 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -127,6 +127,75 @@ } } +@keyframes bubble { + + 0% { + left: 0; + top: 0; + opacity: 0; + } + + 10% { + left: 0; + top: 0; + opacity: 1; + } + + 20% { + left: -1%; + top: 0; + opacity: 1; + } + + 30% { + left: 1%; + top: 1%; + opacity: 1; + } + + 40% { + left: -1%; + top: -1%; + opacity: 1; + } + + 50% { + left: 1%; + top: 0; + opacity: 1; + } + + 60% { + left: -1%; + top: -1%; + opacity: 1; + } + + 70% { + left: 1%; + top: 0; + opacity: 1; + } + + 80% { + left: -1%; + top: 1%; + opacity: 1; + } + + 90% { + left: 0; + top: 0; + opacity: 1; + } + + 100% { + left: 0; + top: 0; + opacity: 1; + } +} + @keyframes flash { 0%, -- cgit From 716df2b8ad160524b8b0a2275691623417d567f7 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 17:43:57 +0200 Subject: this broke the animation --- webAO/styles/client.css | 11 ----------- 1 file changed, 11 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index c40ea57..3381957 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -132,67 +132,56 @@ 0% { left: 0; top: 0; - opacity: 0; } 10% { left: 0; top: 0; - opacity: 1; } 20% { left: -1%; top: 0; - opacity: 1; } 30% { left: 1%; top: 1%; - opacity: 1; } 40% { left: -1%; top: -1%; - opacity: 1; } 50% { left: 1%; top: 0; - opacity: 1; } 60% { left: -1%; top: -1%; - opacity: 1; } 70% { left: 1%; top: 0; - opacity: 1; } 80% { left: -1%; top: 1%; - opacity: 1; } 90% { left: 0; top: 0; - opacity: 1; } 100% { left: 0; top: 0; - opacity: 1; } } -- 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/client.css | 10 ---------- 1 file changed, 10 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 3381957..db0df8c 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -421,16 +421,6 @@ height: auto; } -.evi_icon { - width: 70px; - min-width: 70px; - height: 70px; - background-color: #7b7b7b; - outline: 2px ridge #fff; - outline-offset: -2px; - margin-right: 2px; -} - #evi_options { display: inline-block; width: 100%; -- cgit From 3ff463832f4ffb9accaf4da6629ff48599557a54 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 19:02:08 +0200 Subject: use class instead of id for log name --- webAO/styles/client.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index db0df8c..e0240c9 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -370,12 +370,12 @@ line-height: 1.1em; } -#iclog_name { +.iclog_name { font-weight: bold; padding-right: .35em; } -#iclog_time { +.iclog_time { float: right; padding-right: .5em; color: #dbdbdb; -- cgit From fe3b24de014a630a94ae9ae68756ca0f25a94b7e Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 28 Apr 2020 15:39:35 +0200 Subject: put the defense to the left and the prosecution to the right if the bench has a screwed up size --- webAO/styles/client.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index e0240c9..383e1b4 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -285,9 +285,16 @@ height: auto; width: 100%; bottom: 0; +} + +.def_bench, .hld_bench, .jur_bench, .sea_bench { left: 0; } +.pro_bench, .hlp_bench, .wit_bench, .jud_bench { + right: 0; +} + #client_fg { position: absolute; height: 100%; -- cgit From d57991626aba8765c75c212391241984df887bc6 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 3 May 2020 16:28:44 +0200 Subject: fix characters that have a portray size --- webAO/styles/client.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 383e1b4..1f38b4b 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -270,6 +270,7 @@ bottom: 0; left: 0; object-fit: cover; + object-position: 50% 0; } #client_pair_char { @@ -278,6 +279,7 @@ width: 100%; bottom: 0; object-fit: cover; + object-position: 50% 0; } #client_bench { -- cgit From 58e20362650eaf21041754db0be80ffeb573e414 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 3 May 2020 17:16:00 +0200 Subject: set height of testimony --- webAO/styles/client.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 1f38b4b..4c97c2c 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -426,6 +426,7 @@ #client_testimony { display: block; position: absolute; + height: 100%; width: 100%; height: auto; } -- cgit From 6e5769d66adc5c1f5db4d0ded0e15d66f0f63d82 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 3 May 2020 17:17:38 +0200 Subject: height auto bad --- webAO/styles/client.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 4c97c2c..0d10f31 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -428,7 +428,6 @@ position: absolute; height: 100%; width: 100%; - height: auto; } #evi_options { -- cgit From 0e2f19fa004af7686dbd0a608d3383866a73c104 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 27 May 2020 22:00:25 +0200 Subject: rearrange client.css to make slightly more sense --- webAO/styles/client.css | 500 +++++++++++++++++++++++------------------------- 1 file changed, 243 insertions(+), 257 deletions(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 0d10f31..9dd6338 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -1,17 +1,3 @@ -#about-logo { - padding-top: 5px; - height: 30%; - image-rendering: auto; -} - -.lm_content :link { - color: #4288f2; -} - -.lm_content :visited { - color: #a65bd4; -} - @keyframes error_blink { 0% { color: #fff; @@ -99,8 +85,39 @@ margin: 30px; } -#client_gamewindow { - width: 100%; +.demothing { + display: inline-block; + height: 60px; + width: 60px; + max-width: 60px; + max-height: 60px; + margin: 3px; + border: 1px solid #000; + vertical-align: top; +} + +.noini { + transform: rotate(180deg); +} + +#client_charselect { + display: none; + position: fixed; + top: 5vh; + left: 10vw; + width: 80vw; + max-height: 90vh; + overflow-y: scroll; + text-align: center; + margin: 0 auto; + background: #444; + z-index: 50; +} + +#client_icwrapper { + overflow-x: hidden; + overflow-y: auto; + height: 100%; } @keyframes shake { @@ -127,64 +144,6 @@ } } -@keyframes bubble { - - 0% { - left: 0; - top: 0; - } - - 10% { - left: 0; - top: 0; - } - - 20% { - left: -1%; - top: 0; - } - - 30% { - left: 1%; - top: 1%; - } - - 40% { - left: -1%; - top: -1%; - } - - 50% { - left: 1%; - top: 0; - } - - 60% { - left: -1%; - top: -1%; - } - - 70% { - left: 1%; - top: 0; - } - - 80% { - left: -1%; - top: 1%; - } - - 90% { - left: 0; - top: 0; - } - - 100% { - left: 0; - top: 0; - } -} - @keyframes flash { 0%, @@ -197,60 +156,15 @@ } } -#client_charselect { - display: none; - position: fixed; - top: 5vh; - left: 10vw; - width: 80vw; - max-height: 90vh; - overflow-y: scroll; - text-align: center; - margin: 0 auto; - background: #444; - z-index: 50; -} - -.demothing { - display: inline-block; - height: 60px; - width: 60px; - max-width: 60px; - max-height: 60px; - margin: 3px; - border: 1px solid #000; - vertical-align: top; -} - -#client_icwrapper { - overflow-x: hidden; - overflow-y: auto; - height: 100%; -} - -@media (max-width: 360px) { - #kek { - width: fit-content; - } -} - -#client_emo { +#client_background { position: relative; - top: 10px; - width: 95%; -} - -.emote_button { - display: inline-block; - width: 40px; - height: 40px; - margin: 2px; - cursor: pointer; - box-shadow: 0 0 0 2px #000 inset; - border-radius: 4px; + padding-bottom: 75%; + background-color: transparent; + top: 0; + left: 0; } -#client_settings { +#client_gamewindow { width: 100%; } @@ -263,32 +177,25 @@ object-fit: cover; } -#client_char { +#client_pair_char { position: absolute; height: 100%; width: 100%; bottom: 0; - left: 0; object-fit: cover; object-position: 50% 0; } -#client_pair_char { +#client_char { position: absolute; height: 100%; width: 100%; bottom: 0; + left: 0; object-fit: cover; object-position: 50% 0; } -#client_bench { - position: absolute; - height: auto; - width: 100%; - bottom: 0; -} - .def_bench, .hld_bench, .jur_bench, .sea_bench { left: 0; } @@ -297,6 +204,13 @@ right: 0; } +#client_bench { + position: absolute; + height: auto; + width: 100%; + bottom: 0; +} + #client_fg { position: absolute; height: 100%; @@ -317,11 +231,69 @@ transition-property: height, opacity; } -#client_chatcontainer { +#client_testimony { + display: block; position: absolute; - width: 100%; - bottom: 0; - left: 0; + height: 100%; + width: auto; +} + +@keyframes bubble { + + 0% { + left: 0; + top: 0; + } + + 10% { + left: 0; + top: 0; + } + + 20% { + left: -1%; + top: 0; + } + + 30% { + left: 1%; + top: 1%; + } + + 40% { + left: -1%; + top: -1%; + } + + 50% { + left: 1%; + top: 0; + } + + 60% { + left: -1%; + top: -1%; + } + + 70% { + left: 1%; + top: 0; + } + + 80% { + left: -1%; + top: 1%; + } + + 90% { + left: 0; + top: 0; + } + + 100% { + left: 0; + top: 0; + } } #client_shout { @@ -333,19 +305,13 @@ left: 0; } -#client_background { - position: relative; - padding-bottom: 75%; - background-color: transparent; - top: 0; +#client_chatcontainer { + position: absolute; + width: 100%; + bottom: 0; left: 0; } -#client_inputbox { - font-size: 21px; - padding: 2px 10px; -} - .long { width: 100%; background-color: #ddd; @@ -355,6 +321,58 @@ margin: auto; } +#client_inputbox { + font-size: 21px; + padding: 2px 10px; +} + +#client_bars { + position: relative; + text-align: center; + display: flex; + display: -webkit-flex; +} + +.emote_button { + display: inline-block; + width: 40px; + height: 40px; + margin: 2px; + cursor: pointer; + box-shadow: 0 0 0 2px #000 inset; + border-radius: 4px; +} + +#client_emo { + position: relative; + top: 10px; + width: 95%; +} + +.judge_button { + display: inline-block; + min-width: 85px; + min-height: 42px; + margin: 5px 1px; + padding: 2px; + cursor: pointer; + text-align: center; + font-weight: bold; + font-family: sans-serif; + text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; + background-color: #c1c1c1; + border-radius: 5px; + border-style: solid; + border-width: 1px; + border-color: #919191; + box-shadow: 1px 1px white inset; + vertical-align: middle; +} + +.healthchange_button { + font-size: 1.5em; +} + #client_chatlog { top: 0; right: 0; @@ -416,114 +434,6 @@ color: #fff; } -#client_bars { - position: relative; - text-align: center; - display: flex; - display: -webkit-flex; -} - -#client_testimony { - display: block; - position: absolute; - height: 100%; - width: 100%; -} - -#evi_options { - display: inline-block; - width: 100%; - border: 2px ridge white; -} - -#evi_options label { - display: inline-block; - width: 3em; -} - -#evi_desc { - flex: 1 auto; -} - -#bg_preview { - max-width: 150px; - max-height: 112px; - width: 100%; - height: 100%; - border-style: double; - border-radius: 7px; - border-color: #fff; - border-width: 3px; -} - -.healthchange_button { - font-size: 1.5em; -} - -.judge_button { - display: inline-block; - min-width: 85px; - min-height: 42px; - margin: 5px 1px; - padding: 2px; - cursor: pointer; - text-align: center; - font-weight: bold; - font-family: sans-serif; - text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; - background-color: #c1c1c1; - border-radius: 5px; - border-style: solid; - border-width: 1px; - border-color: #919191; - box-shadow: 1px 1px white inset; - vertical-align: middle; -} - -.client_button.hover_button.inactive { - display: none; -} - -.client_button.hover_button:hover { - border-color: #FFD081; -} - -.client_button.dark { - opacity: 0.5; -} - -.noini { - transform: rotate(180deg); -} - -.hrtext { - overflow: hidden; - text-align: center; - font-size: small; - color: #c6c6c6; -} - -.hrtext:before, -.hrtext:after { - background-color: #c6c6c6; - content: ""; - display: inline-block; - height: 1px; - position: relative; - vertical-align: middle; - width: 50%; -} - -.hrtext:before { - right: 0.5em; - margin-left: -50%; -} - -.hrtext:after { - left: 0.5em; - margin-right: -50%; -} - #client_menu { overflow-y: auto; height: 100%; @@ -608,4 +518,80 @@ .area-spectatable { background-color: rgb(54, 198, 68); +} + +#bg_preview { + max-width: 150px; + max-height: 112px; + width: 100%; + height: 100%; + border-style: double; + border-radius: 7px; + border-color: #fff; + border-width: 3px; +} + +#evi_options { + display: inline-block; + width: 100%; + border: 2px ridge white; +} + +#evi_options label { + display: inline-block; + width: 3em; +} + +#evi_desc { + flex: 1 auto; +} + +#client_settings { + width: 100%; +} + +#about-logo { + padding-top: 5px; + height: 30%; + image-rendering: auto; +} + +.client_button.hover_button.inactive { + display: none; +} + +.client_button.hover_button:hover { + border-color: #FFD081; +} + +.client_button.dark { + opacity: 0.5; +} + +.hrtext { + overflow: hidden; + text-align: center; + font-size: small; + color: #c6c6c6; +} + +.hrtext:before, +.hrtext:after { + background-color: #c6c6c6; + content: ""; + display: inline-block; + height: 1px; + position: relative; + vertical-align: middle; + width: 50%; +} + +.hrtext:before { + right: 0.5em; + margin-left: -50%; +} + +.hrtext:after { + left: 0.5em; + margin-right: -50%; } \ No newline at end of file -- cgit From dd42d849259c8078e69167b4631c06be36dbebaa Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 6 Jun 2020 16:07:05 +0200 Subject: make emote name fit in the box --- webAO/styles/client.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 9dd6338..f49b395 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -341,6 +341,8 @@ cursor: pointer; box-shadow: 0 0 0 2px #000 inset; border-radius: 4px; + word-break: break-all; + overflow-y: hidden; } #client_emo { -- cgit From 2fa5a2e49b4e65a153a3e734400d95d934933439 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 9 Jul 2020 21:04:05 +0200 Subject: make it slightly transparent to darken it --- webAO/styles/client.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index f49b395..043c6c6 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -345,6 +345,10 @@ overflow-y: hidden; } +.client_button.dark { + opacity: 0.5; +} + #client_emo { position: relative; top: 10px; -- cgit From d42e757d5ef04a39b0a1d377f99755d5a85d4550 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 9 Jul 2020 21:07:03 +0200 Subject: yeah it's the emote not a normal button --- webAO/styles/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles/client.css') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index 043c6c6..cecba80 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -345,7 +345,7 @@ overflow-y: hidden; } -.client_button.dark { +.emote_button.dark { opacity: 0.5; } -- cgit