From 8adfabddb95ba284e642224a346bb0b34a578d95 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 23 Mar 2020 13:52:01 +0100 Subject: add https and javascript warnings --- webAO/styles/master.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/master.css b/webAO/styles/master.css index 4f6d0ad..4b585da 100644 --- a/webAO/styles/master.css +++ b/webAO/styles/master.css @@ -144,6 +144,10 @@ box-shadow: 0 0 0 1px #EFAD21; } +.error { + color: orangered; +} + #content {} ul.navbar-nav.ml-auto { -- cgit From 564a2b87d361a1e3cf3d1ce7774df88b400b3657 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Mar 2020 00:22:01 +0100 Subject: empty css rule --- webAO/styles/master.css | 2 -- 1 file changed, 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/master.css b/webAO/styles/master.css index 4b585da..108d0e4 100644 --- a/webAO/styles/master.css +++ b/webAO/styles/master.css @@ -148,8 +148,6 @@ color: orangered; } -#content {} - ul.navbar-nav.ml-auto { display: inline-flex; list-style-type: none; -- cgit From be29ededc43f8b2f0a79d573b25a12e7632c6f03 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Mar 2020 00:22:14 +0100 Subject: add correct word spacing to classic theme --- webAO/styles/classic.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index aea5b34..e40e8d8 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -130,6 +130,8 @@ img { padding: 1% 3.13%; margin: 1px; line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; } #client_chatwaiting { -- cgit From a992bc582d72d88925926ed4e9bc4444a68a042c Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Mar 2020 00:27:07 +0100 Subject: nametag is bold --- webAO/styles/classic.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index e40e8d8..c87d76d 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -93,6 +93,7 @@ img { min-width: 3.25em; text-justify: distribute; letter-spacing: 0.075em; + font-weight: bold; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; left: 0; @@ -137,7 +138,7 @@ img { #client_chatwaiting { display: block; right: -6px; - bottom: 0.24em; + bottom: 0.2em; width: 1em; position: absolute; animation: idling 0.4s linear infinite; -- cgit 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') 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 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/chatbox/aa.css | 139 ++++++++++++++++++++++++++++++++++++ webAO/styles/chatbox/chatboxes.js | 6 ++ webAO/styles/chatbox/chatdd.css | 48 +++++++++++++ webAO/styles/chatbox/cyber.css | 62 +++++++++++++++++ webAO/styles/chatbox/default.css | 38 ++++++++++ webAO/styles/classic.css | 143 -------------------------------------- webAO/styles/cyber.css | 58 ---------------- webAO/styles/default.css | 39 ----------- webAO/styles/soj.css | 48 ------------- 9 files changed, 293 insertions(+), 288 deletions(-) create mode 100644 webAO/styles/chatbox/aa.css create mode 100644 webAO/styles/chatbox/chatboxes.js create mode 100644 webAO/styles/chatbox/chatdd.css create mode 100644 webAO/styles/chatbox/cyber.css create mode 100644 webAO/styles/chatbox/default.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css new file mode 100644 index 0000000..9a1b304 --- /dev/null +++ b/webAO/styles/chatbox/aa.css @@ -0,0 +1,139 @@ +@font-face { + font-family: 'ace_attorneyregular'; + src: url('ace-attorney.woff2') format('woff2'), + url('ace-attorney.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +.text_white { + color: #fff; +} + +.text_blue { + color: #6bc6f7; +} + +.text_green { + color: #00f700; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #f77339; +} + +.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 { + 0% { + background-position: 0 0; + } + + 100% { + background-position: 400% 0; + } +} + +#client_chatcontainer { + filter: none; + font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; +} + +#client_name { + display: none; + padding: 0 0.45em; + height: 5.2%; + min-width: 3.25em; + text-justify: distribute; + letter-spacing: 0.075em; + font-weight: bold; + background: rgba(56, 56, 163, 0.5); + box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; + left: 0; + top: 60.4%; + border-color: rgba(255, 255, 255, 0.5); + border-style: ridge groove groove ridge; + border-width: 0.2em; + border-radius: 0.2em; + 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: rgba(255, 255, 255, 0.5); + border-style: ridge groove groove ridge; + border-width: 0.15em; + border-radius: 0.3em; + background-color: rgba(0, 0, 16, 0.5); + 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%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: block; + right: -6px; + bottom: 0.2em; + width: 1em; + position: absolute; + animation: idling 0.4s linear infinite; +} + +@keyframes idling { + 0% { + right: -4px; + } + + 50% { + right: -8px; + } + + 100% { + right: -4px; + } +} \ No newline at end of file diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js new file mode 100644 index 0000000..a146953 --- /dev/null +++ b/webAO/styles/chatbox/chatboxes.js @@ -0,0 +1,6 @@ +export default [ + "aa", + "chatdd", + "cyber", + "default" +]; \ No newline at end of file diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css new file mode 100644 index 0000000..ef63980 --- /dev/null +++ b/webAO/styles/chatbox/chatdd.css @@ -0,0 +1,48 @@ +#client_chatcontainer { + position: absolute; + top: 73%; + height: 27%; + width: 100%; + font-family: sans-serif; + 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; +} \ No newline at end of file diff --git a/webAO/styles/chatbox/cyber.css b/webAO/styles/chatbox/cyber.css new file mode 100644 index 0000000..75821f7 --- /dev/null +++ b/webAO/styles/chatbox/cyber.css @@ -0,0 +1,62 @@ +@keyframes bg-scrolling { + 0% { background-position: 0 0; } + 100% { background-position: 5px 5px; } +} + +#client_chatcontainer { + filter: none; +} + +#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; +} \ No newline at end of file diff --git a/webAO/styles/chatbox/default.css b/webAO/styles/chatbox/default.css new file mode 100644 index 0000000..4e86f2a --- /dev/null +++ b/webAO/styles/chatbox/default.css @@ -0,0 +1,38 @@ +#client_name { + display: none; + padding: 0px 6px; + height: 7%; + border: 1px solid rgba(255, 255, 255, 0.7); + background: rgba(73, 0, 254, 0.5); + top: 63%; + border-radius: 3px; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: none; + width: 98%; + width: calc(100% - 4px); + margin: auto; + height: 30%; + border: 2px solid rgba(255, 255, 255, 0.7); + background-color: rgba(0, 0, 0, 0.5); + top: 70%; + border-radius: 4px; + 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; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index c87d76d..ffd7b28 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -15,149 +15,6 @@ img { image-rendering: pixelated; } -.text_white { - color: #fff; -} - -.text_blue { - color: #6bc6f7; -} - -.text_green { - color: #00f700; -} - -.text_red { - color: #f00; -} - -.text_orange { - color: #f77339; -} - -.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; - } -} - -#client_chatcontainer { - filter: none; -} - -#client_name { - display: none; - padding: 0 0.45em; - height: 5.2%; - min-width: 3.25em; - text-justify: distribute; - letter-spacing: 0.075em; - font-weight: bold; - background: rgba(56, 56, 163, 0.5); - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - left: 0; - top: 60.4%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.2em; - 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: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.15em; - border-radius: 0.3em; - background-color: rgba(0, 0, 16, 0.5); - 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%; - letter-spacing: 0.05em; - word-spacing: 0.3em; -} - -#client_chatwaiting { - display: block; - right: -6px; - bottom: 0.2em; - width: 1em; - position: absolute; - animation: idling 0.4s linear infinite; -} - -@keyframes idling { - 0% { - right: -4px; - } - - 50% { - right: -8px; - } - - 100% { - right: -4px; - } -} - #evi_name { background-color: #393939; color: #ffad18; 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 { diff --git a/webAO/styles/default.css b/webAO/styles/default.css index 94e8677..9db682a 100644 --- a/webAO/styles/default.css +++ b/webAO/styles/default.css @@ -77,45 +77,6 @@ img { } } -#client_name { - display: none; - padding: 0px 6px; - height: 7%; - border: 1px solid rgba(255, 255, 255, 0.7); - background: rgba(73, 0, 254, 0.5); - top: 63%; - border-radius: 3px; - position: absolute; -} - -#client_chat { - font-size: 1em; - display: none; - width: 98%; - width: calc(100% - 4px); - margin: auto; - height: 30%; - border: 2px solid rgba(255, 255, 255, 0.7); - background-color: rgba(0, 0, 0, 0.5); - top: 70%; - border-radius: 4px; - 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; -} - -#client_chatwaiting { - display: none; -} - .client_button { margin: 1px; padding: 2px 15px; 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 1df31063b975f94afece3fca8fe4810452cfa927 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:07:44 +0200 Subject: add unfinished dgs box --- webAO/styles/chatbox/dgs.css | 41 +++++++++++++++++++++++++++++++++++ webAO/styles/chatbox/dgs_chat_bg.png | Bin 0 -> 1763 bytes 2 files changed, 41 insertions(+) create mode 100644 webAO/styles/chatbox/dgs.css create mode 100644 webAO/styles/chatbox/dgs_chat_bg.png (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css new file mode 100644 index 0000000..e5ea3db --- /dev/null +++ b/webAO/styles/chatbox/dgs.css @@ -0,0 +1,41 @@ +#client_name { + display: none; + padding: 0px 6px; + height: 5.2%; + border: 1px solid #a59252; + background-image: linear-gradient(#635529, #8c7d42); + left: 1.5%; + top: 63%; + border-radius: 3px; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: none; + width: 98%; + width: calc(100% - 4px); + margin: auto; + height: 30%; + border-image-source: url("dgs_chat_bg.png"); + border-image-slice: 12; + border-image-width: 12px; + border-width: 12px; + background-color: rgba(8, 22, 33, 0.75); + top: 70%; + 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; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file diff --git a/webAO/styles/chatbox/dgs_chat_bg.png b/webAO/styles/chatbox/dgs_chat_bg.png new file mode 100644 index 0000000..90e408a Binary files /dev/null and b/webAO/styles/chatbox/dgs_chat_bg.png differ -- cgit From 7d8880f37c60c911fd0c6e11d923d0205d2a8766 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:07:56 +0200 Subject: add yttd box --- webAO/styles/chatbox/yttd.css | 54 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 webAO/styles/chatbox/yttd.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css new file mode 100644 index 0000000..c5fa50a --- /dev/null +++ b/webAO/styles/chatbox/yttd.css @@ -0,0 +1,54 @@ + +#client_name { + display: none; + padding: 0 0.45em; + height: 5.2%; + min-width: 3.25em; + text-justify: distribute; + letter-spacing: 0.075em; + font-weight: bold; + background-color: black; + box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; + left: 0; + top: 60.4%; + border-style: double; + border-color: #ffa500; + 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-style: double; + border-color: #ffa500; + background-color: black; + 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%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: block; + right: -6px; + bottom: 0.2em; + width: 1em; + position: absolute; + animation: idling 0.4s linear infinite; +} \ No newline at end of file -- cgit From b706b1bd9e2a783970cb9979b53f969ceb28442d Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:53:59 +0200 Subject: rough drae theme --- webAO/styles/chatbox/drae.css | 48 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 webAO/styles/chatbox/drae.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css new file mode 100644 index 0000000..397dcfd --- /dev/null +++ b/webAO/styles/chatbox/drae.css @@ -0,0 +1,48 @@ +#client_chatcontainer { + font-family: sans-serif; +} + +#client_name { + display: none; + padding: 0 0.45em; + height: 5.2%; + width: 40%; + text-align: left; + letter-spacing: 0.075em; + font-weight: bold; + background: rgba(255, 0, 187, 0.9); + left: 0; + bottom: 31.25%; + position: absolute; + z-index: 1; +} + +#client_chat { + font-size: 1em; + display: none; + width: 100%; + margin: auto; + height: 31.25%; + border-top: 2px solid #ff00ab; + border-bottom: 2px solid #e9019e; + background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); + bottom: 0; + 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%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From f9e3c4da182d9d8b751178a6ece798c7a8062e31 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 1 Apr 2020 23:55:15 +0200 Subject: add them to the list --- webAO/styles/chatbox/chatboxes.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index a146953..a815424 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -2,5 +2,8 @@ export default [ "aa", "chatdd", "cyber", - "default" + "default", + "dgs", + "drae", + "yttd" ]; \ No newline at end of file -- cgit From 1bb03e1fe25ccf2de5c74729e757bd06cffcc492 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 2 Apr 2020 14:27:17 +0200 Subject: dgs font --- webAO/styles/chatbox/dgs.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index e5ea3db..5df55d2 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -1,3 +1,15 @@ +@font-face { + font-family: 'Cabin Condensed'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); +} + +#chatcontainer { + font-family: 'Cabin Condensed', sans-serif; +} + #client_name { display: none; padding: 0px 6px; -- cgit From 1cf3f105bb62ff7a18a828fb57b2bce92c8812e5 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 2 Apr 2020 16:41:55 +0200 Subject: change sizes --- webAO/styles/chatbox/dgs.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 5df55d2..8e72484 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -6,34 +6,34 @@ src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); } -#chatcontainer { +#client_chatcontainer { font-family: 'Cabin Condensed', sans-serif; } #client_name { display: none; padding: 0px 6px; - height: 5.2%; + height: 5%; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); - left: 1.5%; - top: 63%; + left: 2%; + top: 65%; border-radius: 3px; position: absolute; + z-index: 1; } #client_chat { font-size: 1em; display: none; - width: 98%; - width: calc(100% - 4px); + width: 100%; margin: auto; height: 30%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12; border-image-width: 12px; border-width: 12px; - background-color: rgba(8, 22, 33, 0.75); + background-color: #101821; top: 70%; position: absolute; word-break: keep-all; @@ -45,7 +45,8 @@ } #client_chat p { - margin: 4px; + margin: 6px; + padding: 6px 20px; } #client_chatwaiting { -- cgit From e314857be9058f811489cff5d6976bf15ee5238a Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 14:28:06 +0200 Subject: add triology chatbox here --- webAO/styles/chatbox/chatwaiting_triology.svg | 1 + webAO/styles/chatbox/triology.css | 139 ++++++++++++++++++++++++++ 2 files changed, 140 insertions(+) create mode 100644 webAO/styles/chatbox/chatwaiting_triology.svg create mode 100644 webAO/styles/chatbox/triology.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatwaiting_triology.svg b/webAO/styles/chatbox/chatwaiting_triology.svg new file mode 100644 index 0000000..6ce23eb --- /dev/null +++ b/webAO/styles/chatbox/chatwaiting_triology.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css new file mode 100644 index 0000000..739156f --- /dev/null +++ b/webAO/styles/chatbox/triology.css @@ -0,0 +1,139 @@ +.text_white { + color: #fff; +} + +.text_green { + color: #00c900; +} + +.text_red { + color: #ff1700; +} + +.text_orange { + color: #ffa500; +} + +.text_blue { + color: #67b7ed; +} + +.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; + } +} + +#client_chatcontainer { + position: absolute; + top: 65%; + height: 30%; + width: 100%; + font-family: serif; +} + +#client_name { + display: none; + background-color: #2989bd; + top: 0; + left: 10%; + padding: 0 10px; + height: 20%; + min-width: 15%; + border: 1px white; + border-style: solid none solid none; + position: absolute; + z-index: 1; +} + +#client_chat { + font-size: 1em; + display: none; + width: 100%; + margin: auto; + height: 90%; + top: 10%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=) repeat; + border: 1px white; + border-style: solid none solid none; +} + +#client_chat p { + margin: 4px; + padding: 2% 5%; +} + +#client_chatwaiting { + display: block; + color: transparent; + right: 0.6em; + bottom: 0.6em; + width: 1em; + height: 1em; + background-image: url("chatwaiting_triology.svg"); + background-size: contain; + position: absolute; + animation: idling 0.5s ease infinite; +} + +@keyframes idling { + 0% { + right: 0.6em; + } + + 25% { + right: 0.7em; + } + + 100% { + right: 0.6em; + } +} \ No newline at end of file -- cgit From c76b2a871a385cb4ae398e2fe067a26a6b356bb9 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 14:29:18 +0200 Subject: triology font name --- webAO/styles/chatbox/triology.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css index 739156f..08a7e3f 100644 --- a/webAO/styles/chatbox/triology.css +++ b/webAO/styles/chatbox/triology.css @@ -70,7 +70,7 @@ top: 65%; height: 30%; width: 100%; - font-family: serif; + font-family: "FOTK-Yoon Mincho 740", serif; } #client_name { -- cgit From 5c92dc9b4b3d1b35fe9e7fb929751b7d66933c30 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:02:37 +0200 Subject: put the name and chatbox in the chatcontainer --- webAO/styles/chatbox/aa.css | 40 +++++++++++++++++++++++----------------- 1 file changed, 23 insertions(+), 17 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 9a1b304..8bff8eb 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -1,9 +1,9 @@ @font-face { - font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); - font-weight: normal; - font-style: normal; + font-family: 'ace_attorneyregular'; + src: url('ace-attorney.woff2') format('woff2'), + url('ace-attorney.woff') format('woff'); + font-weight: normal; + font-style: normal; } .text_white { @@ -62,44 +62,50 @@ } #client_chatcontainer { - filter: none; - font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; + position: absolute; + top: 60%; + left: 0; + height: 40%; + width: 100%; + filter: none; + font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_name { display: none; - padding: 0 0.45em; - height: 5.2%; + position: absolute; + left: 0; + top: 0; + height: 13%; min-width: 3.25em; text-justify: distribute; letter-spacing: 0.075em; font-weight: bold; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - left: 0; - top: 60.4%; + padding: 0 0.45em; border-color: rgba(255, 255, 255, 0.5); border-style: ridge groove groove ridge; border-width: 0.2em; - border-radius: 0.2em; - position: absolute; + border-radius: 0.2em; z-index: 1; } #client_chat { font-size: 1em; display: none; - width: 98.4375%; + position: absolute; + bottom: 0; + left: 0; + width: 98%; width: calc(100% - 0.275em); + height: 78%; margin: auto; - height: 31.25%; border-color: rgba(255, 255, 255, 0.5); border-style: ridge groove groove ridge; border-width: 0.15em; border-radius: 0.3em; background-color: rgba(0, 0, 16, 0.5); - top: 66.5%; - position: absolute; word-break: keep-all; overflow-wrap: break-word; text-align: left; -- cgit From 3d7ccc2356a04ab98ce259df16b3324e5e96904a Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:08:18 +0200 Subject: remove cyber --- webAO/styles/chatbox/chatboxes.js | 2 +- webAO/styles/chatbox/cyber.css | 62 --------------------------------------- 2 files changed, 1 insertion(+), 63 deletions(-) delete mode 100644 webAO/styles/chatbox/cyber.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index a815424..8010b7f 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -1,9 +1,9 @@ export default [ "aa", "chatdd", - "cyber", "default", "dgs", "drae", + "triology", "yttd" ]; \ No newline at end of file diff --git a/webAO/styles/chatbox/cyber.css b/webAO/styles/chatbox/cyber.css deleted file mode 100644 index 75821f7..0000000 --- a/webAO/styles/chatbox/cyber.css +++ /dev/null @@ -1,62 +0,0 @@ -@keyframes bg-scrolling { - 0% { background-position: 0 0; } - 100% { background-position: 5px 5px; } -} - -#client_chatcontainer { - filter: none; -} - -#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; -} \ No newline at end of file -- cgit From 57a349de5df8b6f7c35759401fc9e2f95c8befb7 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:08:34 +0200 Subject: move default theme to chatcontainer, needs testing --- webAO/styles/chatbox/default.css | 34 ++++++++++++++++++++++------------ 1 file changed, 22 insertions(+), 12 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/default.css b/webAO/styles/chatbox/default.css index 4e86f2a..4c99ebb 100644 --- a/webAO/styles/chatbox/default.css +++ b/webAO/styles/chatbox/default.css @@ -1,26 +1,36 @@ +#client_chatcontainer { + position: absolute; + top: 60%; + left: 0; + height: 40%; + width: 100%; +} + #client_name { display: none; - padding: 0px 6px; - height: 7%; + position: absolute; + top: 0; + left: 0; + height: 15%; border: 1px solid rgba(255, 255, 255, 0.7); - background: rgba(73, 0, 254, 0.5); - top: 63%; border-radius: 3px; - position: absolute; + background: rgba(73, 0, 254, 0.5); + padding: 0px 6px; } #client_chat { - font-size: 1em; + position: absolute; display: none; + bottom: 0; + left: 0; width: 98%; - width: calc(100% - 4px); - margin: auto; - height: 30%; + width: calc(100% - 4px); + height: 82%; border: 2px solid rgba(255, 255, 255, 0.7); - background-color: rgba(0, 0, 0, 0.5); - top: 70%; border-radius: 4px; - position: absolute; + background-color: rgba(0, 0, 0, 0.5); + margin: auto; + font-size: 1em; word-break: keep-all; word-wrap: break-word; overflow-wrap: break-word; -- cgit From 34908dcaef5940ae40c95865e4bf7f875d1d0a6f Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:12:32 +0200 Subject: make AA the default chatbox --- webAO/styles/chatbox/chatboxes.js | 2 +- webAO/styles/chatbox/default.css | 48 -------------------------------------- webAO/styles/chatbox/legacy.css | 49 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 50 insertions(+), 49 deletions(-) delete mode 100644 webAO/styles/chatbox/default.css create mode 100644 webAO/styles/chatbox/legacy.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 8010b7f..01deaa1 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -1,9 +1,9 @@ export default [ "aa", "chatdd", - "default", "dgs", "drae", + "legacy", "triology", "yttd" ]; \ No newline at end of file diff --git a/webAO/styles/chatbox/default.css b/webAO/styles/chatbox/default.css deleted file mode 100644 index 4c99ebb..0000000 --- a/webAO/styles/chatbox/default.css +++ /dev/null @@ -1,48 +0,0 @@ -#client_chatcontainer { - position: absolute; - top: 60%; - left: 0; - height: 40%; - width: 100%; -} - -#client_name { - display: none; - position: absolute; - top: 0; - left: 0; - height: 15%; - border: 1px solid rgba(255, 255, 255, 0.7); - border-radius: 3px; - background: rgba(73, 0, 254, 0.5); - padding: 0px 6px; -} - -#client_chat { - position: absolute; - display: none; - bottom: 0; - left: 0; - width: 98%; - width: calc(100% - 4px); - height: 82%; - border: 2px solid rgba(255, 255, 255, 0.7); - border-radius: 4px; - background-color: rgba(0, 0, 0, 0.5); - margin: auto; - font-size: 1em; - 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; -} - -#client_chatwaiting { - display: none; -} \ No newline at end of file diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css new file mode 100644 index 0000000..111bcf6 --- /dev/null +++ b/webAO/styles/chatbox/legacy.css @@ -0,0 +1,49 @@ +#client_chatcontainer { + position: absolute; + top: 60%; + left: 0; + height: 40%; + width: 100%; +} + +#client_name { + display: none; + position: absolute; + top: 0; + left: 0; + height: 16%; + border: 1px solid rgba(255, 255, 255, 0.7); + border-radius: 3px; + background: rgba(73, 0, 254, 0.5); + padding: 0px 6px; + z-index: 1; +} + +#client_chat { + position: absolute; + display: none; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 4px); + height: 80%; + border: 2px solid rgba(255, 255, 255, 0.7); + border-radius: 4px; + background-color: rgba(0, 0, 0, 0.5); + margin: auto; + font-size: 1em; + 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; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From 2a731f4c0a1325a64c525992c0f78c95a97c6092 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:18:09 +0200 Subject: negative works really bad on small screens --- webAO/styles/chatbox/aa.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 8bff8eb..2158956 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -123,7 +123,7 @@ #client_chatwaiting { display: block; - right: -6px; + right: 4px; bottom: 0.2em; width: 1em; position: absolute; @@ -132,14 +132,14 @@ @keyframes idling { 0% { - right: -4px; + right: 0px; } 50% { - right: -8px; + right: 4px; } 100% { - right: -4px; + right: 0px; } } \ No newline at end of file -- cgit From e172029a5e978da699e0c9152f3b1682b5c7095b Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 19:54:10 +0200 Subject: fix yttd theme --- webAO/styles/chatbox/yttd.css | 31 ++++++++++++++++++++----------- 1 file changed, 20 insertions(+), 11 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index c5fa50a..b3a7ba0 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -1,16 +1,25 @@ +#client_chatcontainer { + position: absolute; + top: 50%; + left: 0; + height: 50%; + width: 100%; + filter: none; + font-family: "MS PGothic", sans-serif; +} + #client_name { display: none; - padding: 0 0.45em; - height: 5.2%; + top: 0; + left: 0; + height: 25%; min-width: 3.25em; text-justify: distribute; letter-spacing: 0.075em; font-weight: bold; - background-color: black; - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - left: 0; - top: 60.4%; + background-color: rgba(0, 0, 0, 0.5); + padding: 0.5 0.5em; border-style: double; border-color: #ffa500; position: absolute; @@ -20,14 +29,14 @@ #client_chat { font-size: 1em; display: none; - width: 98.4375%; - width: calc(100% - 0.275em); + bottom: 0; + width: 99%; + width: calc(100% - 6px); margin: auto; - height: 31.25%; + height: 70%; border-style: double; border-color: #ffa500; - background-color: black; - top: 66.5%; + background-color: rgba(0, 0, 0, 0.5); position: absolute; word-break: keep-all; overflow-wrap: break-word; -- cgit From 2257d5d4b1a94d6d4eae3af127fd2b20f33b180f Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 22:51:33 +0200 Subject: don't worry about top anymore --- webAO/styles/chatbox/aa.css | 2 +- webAO/styles/chatbox/chatdd.css | 2 +- webAO/styles/chatbox/legacy.css | 2 +- webAO/styles/chatbox/triology.css | 2 +- webAO/styles/chatbox/yttd.css | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 2158956..80373e5 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -63,7 +63,7 @@ #client_chatcontainer { position: absolute; - top: 60%; + bottom: 0; left: 0; height: 40%; width: 100%; diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index ef63980..31dfe07 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -1,6 +1,6 @@ #client_chatcontainer { position: absolute; - top: 73%; + bottom: 0; height: 27%; width: 100%; font-family: sans-serif; diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css index 111bcf6..4e22b5b 100644 --- a/webAO/styles/chatbox/legacy.css +++ b/webAO/styles/chatbox/legacy.css @@ -1,6 +1,6 @@ #client_chatcontainer { position: absolute; - top: 60%; + bottom: 0; left: 0; height: 40%; width: 100%; diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css index 08a7e3f..a17062d 100644 --- a/webAO/styles/chatbox/triology.css +++ b/webAO/styles/chatbox/triology.css @@ -67,7 +67,7 @@ #client_chatcontainer { position: absolute; - top: 65%; + bottom: 0; height: 30%; width: 100%; font-family: "FOTK-Yoon Mincho 740", serif; diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index b3a7ba0..a0e0c1c 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -1,7 +1,7 @@ #client_chatcontainer { position: absolute; - top: 50%; + bottom: 0; left: 0; height: 50%; width: 100%; -- cgit From caa5596464c7a34a32fa3e020896f49012d77a5b Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:09:19 +0200 Subject: add text colors and idle animation --- webAO/styles/chatbox/yttd.css | 57 ++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 53 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index a0e0c1c..b9d5d70 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -9,6 +9,40 @@ font-family: "MS PGothic", sans-serif; } +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + + + #client_name { display: none; top: 0; @@ -19,6 +53,7 @@ letter-spacing: 0.075em; font-weight: bold; background-color: rgba(0, 0, 0, 0.5); + color: #fef9ad; padding: 0.5 0.5em; border-style: double; border-color: #ffa500; @@ -55,9 +90,23 @@ #client_chatwaiting { display: block; - right: -6px; - bottom: 0.2em; - width: 1em; + transform: rotate(90deg); + left: 50%; + bottom: 0px; position: absolute; - animation: idling 0.4s linear infinite; + animation: idling 1s linear infinite; +} + +@keyframes idling { + 0% { + bottom: 2px; + } + + 50% { + bottom: 0px; + } + + 100% { + bottom: 2px; + } } \ No newline at end of file -- cgit From 56a21a7956cdda8e2bb296928a11be3358ab04e5 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:10:38 +0200 Subject: set min width to a not text related value --- webAO/styles/chatbox/yttd.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index b9d5d70..6f3b122 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -48,7 +48,7 @@ top: 0; left: 0; height: 25%; - min-width: 3.25em; + min-width: 10%; text-justify: distribute; letter-spacing: 0.075em; font-weight: bold; -- cgit From 3546e8c3adc700a6998103373bdc733ee33ae5e5 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:25:20 +0200 Subject: change padding to percent --- webAO/styles/chatbox/aa.css | 2 +- webAO/styles/chatbox/yttd.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 80373e5..deeafb2 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -83,7 +83,7 @@ font-weight: bold; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - padding: 0 0.45em; + padding: 0 2%; border-color: rgba(255, 255, 255, 0.5); border-style: ridge groove groove ridge; border-width: 0.2em; diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 6f3b122..977c9f1 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -54,7 +54,7 @@ font-weight: bold; background-color: rgba(0, 0, 0, 0.5); color: #fef9ad; - padding: 0.5 0.5em; + padding: 0 3%; border-style: double; border-color: #ffa500; position: absolute; -- cgit From e93c69163f115fbfa2c92b2246ef30a953e27213 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:30:06 +0200 Subject: add text border for yttd --- webAO/styles/chatbox/yttd.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 977c9f1..471ba79 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -7,6 +7,7 @@ width: 100%; filter: none; font-family: "MS PGothic", sans-serif; + text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .text_white { -- cgit From 0bad799d9ba615c8a1c1d53cb779fa4ea2ab3da2 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 7 Apr 2020 23:44:34 +0200 Subject: fix up chatwaiting --- webAO/styles/chatbox/aa.css | 12 ++++++------ webAO/styles/chatbox/yttd.css | 5 +++-- 2 files changed, 9 insertions(+), 8 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index deeafb2..ab0514b 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -123,23 +123,23 @@ #client_chatwaiting { display: block; - right: 4px; - bottom: 0.2em; - width: 1em; position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; animation: idling 0.4s linear infinite; } @keyframes idling { 0% { - right: 0px; + right: 0; } 50% { - right: 4px; + right: 2%; } 100% { - right: 0px; + right: 0; } } \ No newline at end of file diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 471ba79..f588ae4 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -91,10 +91,11 @@ #client_chatwaiting { display: block; + position: absolute; transform: rotate(90deg); left: 50%; - bottom: 0px; - position: absolute; + bottom: 0px; + line-height: 0.5; animation: idling 1s linear infinite; } -- cgit From b7d73a2148794628e60386a68b8c74a76e4c5ed5 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 8 Apr 2020 00:01:51 +0200 Subject: fix yttd font --- webAO/styles/chatbox/yttd.css | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index f588ae4..06644dc 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -6,7 +6,7 @@ height: 50%; width: 100%; filter: none; - font-family: "MS PGothic", sans-serif; + font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } @@ -50,8 +50,6 @@ left: 0; height: 25%; min-width: 10%; - text-justify: distribute; - letter-spacing: 0.075em; font-weight: bold; background-color: rgba(0, 0, 0, 0.5); color: #fef9ad; @@ -63,8 +61,8 @@ } #client_chat { - font-size: 1em; display: none; + position: absolute; bottom: 0; width: 99%; width: calc(100% - 6px); @@ -73,8 +71,6 @@ border-style: double; border-color: #ffa500; background-color: rgba(0, 0, 0, 0.5); - position: absolute; - word-break: keep-all; overflow-wrap: break-word; text-align: left; overflow: hidden; @@ -84,9 +80,6 @@ #client_chat p { padding: 1% 3.13%; margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; } #client_chatwaiting { -- cgit From 650ac895d430b118d278e0b77e9ede0803664bde Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 8 Apr 2020 13:48:39 +0200 Subject: display: block --- webAO/styles/chatbox/aa.css | 7 ++++--- webAO/styles/chatbox/chatdd.css | 4 ++-- webAO/styles/chatbox/dgs.css | 4 ++-- webAO/styles/chatbox/drae.css | 4 ++-- webAO/styles/chatbox/legacy.css | 4 ++-- webAO/styles/chatbox/triology.css | 4 ++-- webAO/styles/chatbox/yttd.css | 9 ++++----- 7 files changed, 18 insertions(+), 18 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index ab0514b..3efde89 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -62,6 +62,7 @@ } #client_chatcontainer { + display: block; position: absolute; bottom: 0; left: 0; @@ -72,7 +73,7 @@ } #client_name { - display: none; + display: block; position: absolute; left: 0; top: 0; @@ -92,8 +93,7 @@ } #client_chat { - font-size: 1em; - display: none; + display: block; position: absolute; bottom: 0; left: 0; @@ -106,6 +106,7 @@ border-width: 0.15em; border-radius: 0.3em; background-color: rgba(0, 0, 16, 0.5); + font-size: 2em; word-break: keep-all; overflow-wrap: break-word; text-align: left; diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 31dfe07..233cdc3 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -10,7 +10,7 @@ } #client_name { - display: none; + display: block; top: 4%; padding: 0 10px; height: 22%; @@ -19,7 +19,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 90%; diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 8e72484..4adba28 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -11,7 +11,7 @@ } #client_name { - display: none; + display: block; padding: 0px 6px; height: 5%; border: 1px solid #a59252; @@ -25,7 +25,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 30%; diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 397dcfd..c8e2293 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -3,7 +3,7 @@ } #client_name { - display: none; + display: block; padding: 0 0.45em; height: 5.2%; width: 40%; @@ -19,7 +19,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 31.25%; diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css index 4e22b5b..3a23ca0 100644 --- a/webAO/styles/chatbox/legacy.css +++ b/webAO/styles/chatbox/legacy.css @@ -7,7 +7,7 @@ } #client_name { - display: none; + display: block; position: absolute; top: 0; left: 0; @@ -21,7 +21,7 @@ #client_chat { position: absolute; - display: none; + display: block; bottom: 0; left: 0; width: 98%; diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css index a17062d..5139481 100644 --- a/webAO/styles/chatbox/triology.css +++ b/webAO/styles/chatbox/triology.css @@ -74,7 +74,7 @@ } #client_name { - display: none; + display: block; background-color: #2989bd; top: 0; left: 10%; @@ -89,7 +89,7 @@ #client_chat { font-size: 1em; - display: none; + display: block; width: 100%; margin: auto; height: 90%; diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 06644dc..28261af 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -45,15 +45,13 @@ #client_name { - display: none; + display: block; top: 0; left: 0; - height: 25%; min-width: 10%; - font-weight: bold; background-color: rgba(0, 0, 0, 0.5); color: #fef9ad; - padding: 0 3%; + padding: 2% 3%; border-style: double; border-color: #ffa500; position: absolute; @@ -61,7 +59,7 @@ } #client_chat { - display: none; + display: block; position: absolute; bottom: 0; width: 99%; @@ -80,6 +78,7 @@ #client_chat p { padding: 1% 3.13%; margin: 1px; + font-size: 1.3em; } #client_chatwaiting { -- cgit From 5b114b21f805b3e1246f70402924a98b90181685 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 11 Apr 2020 16:15:55 +0200 Subject: give the name tag an inner p --- webAO/styles/chatbox/aa.css | 12 ++++++++---- webAO/styles/chatbox/yttd.css | 13 ++++++++++--- 2 files changed, 18 insertions(+), 7 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 3efde89..2d1f530 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -78,10 +78,7 @@ left: 0; top: 0; height: 13%; - min-width: 3.25em; - text-justify: distribute; - letter-spacing: 0.075em; - font-weight: bold; + min-width: 3.25em; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; padding: 0 2%; @@ -92,6 +89,13 @@ z-index: 1; } +#client_name p { + text-justify: distribute; + letter-spacing: 0.075em; + margin: 1px; + font-weight: bold; +} + #client_chat { display: block; position: absolute; diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 28261af..8eddeb0 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -48,16 +48,22 @@ display: block; top: 0; left: 0; + height: 27%; + height: calc(30% - 6px); min-width: 10%; - background-color: rgba(0, 0, 0, 0.5); - color: #fef9ad; - padding: 2% 3%; + background-color: rgba(0, 0, 0, 0.5); border-style: double; border-color: #ffa500; position: absolute; z-index: 1; } +#client_name p{ + margin: 0; + padding: 2% 3%; + color: #fef9ad; +} + #client_chat { display: block; position: absolute; @@ -66,6 +72,7 @@ width: calc(100% - 6px); margin: auto; height: 70%; + height: calc(70% - 6px); border-style: double; border-color: #ffa500; background-color: rgba(0, 0, 0, 0.5); -- 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') 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 f9715cc1a7869c8ade47052659dd31b8b4d6cc27 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 13 Apr 2020 18:50:51 +0200 Subject: finally center yttd nametag --- webAO/styles/chatbox/yttd.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 8eddeb0..936c5ac 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -46,6 +46,7 @@ #client_name { display: block; + position: absolute; top: 0; left: 0; height: 27%; @@ -53,14 +54,13 @@ min-width: 10%; background-color: rgba(0, 0, 0, 0.5); border-style: double; - border-color: #ffa500; - position: absolute; + border-color: #ffa500; + padding: 0 2%; z-index: 1; } #client_name p{ - margin: 0; - padding: 2% 3%; + line-height: 1em; color: #fef9ad; } -- 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') 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 3d6b78dc38bfacaf5ee389cb93fc0300ee0a5da2 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:00:28 +0200 Subject: add bars to evidence screen --- webAO/styles/classic.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index c87d76d..467419c 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -82,6 +82,14 @@ img { } } +hr { + height: 6px; + width: 100%; + background-color: #c6c6c6; + background: repeating-linear-gradient(to right,#f7f7f7, #f7f7f7 1px, #8c8c8c 1px, #8c8c8c 2px, #c6c6c6 2px, #c6c6c6 16px); + margin: 0; +} + #client_chatcontainer { filter: none; } -- 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') 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 b99c63d4e1807e1b1fd55d2e0600f448e44730d2 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:29:36 +0200 Subject: remove borders from the boxes in classic theme --- webAO/styles/classic.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index 467419c..b8ab269 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -169,10 +169,15 @@ hr { #evi_name { background-color: #393939; color: #ffad18; + border: none; } #evi_desc { flex: 1 auto; + border-top: 1px solid #6b946b; + border-left: 1px solid #6b946b; + border-right: none; + border-bottom: none; background-color: #9cc694; } -- 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') 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') 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 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') 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 85c5b861c8129c2b99100e1c233da3a091788b59 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:21:53 +0200 Subject: use linear gradient for name --- webAO/styles/chatbox/drae.css | 26 +++++++++++++++++++++----- 1 file changed, 21 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index c8e2293..c8a4822 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -1,32 +1,48 @@ #client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; font-family: sans-serif; } #client_name { display: block; padding: 0 0.45em; - height: 5.2%; - width: 40%; + height: 24%; + width: 50%; text-align: left; letter-spacing: 0.075em; font-weight: bold; - background: rgba(255, 0, 187, 0.9); + background: linear-gradient(225deg, transparent 10%, + rgba(255,75,206,0.9) 10% 15%, rgba(255, 0, 187, 0.9) 15% 16%, + rgba(255,75,206,0.9) 16% 20%, rgba(255, 0, 187, 0.9) 20% 22%, + rgba(255,75,206,0.9) 22% 25%, rgba(255, 0, 187, 0.9) 25% 28%, + rgba(255,75,206,0.9) 28% 30%, rgba(255, 0, 187, 0.9) 30% 32%, + rgba(255,75,206,0.9) 32% 33%, rgba(255, 0, 187, 0.9) 33%); left: 0; - bottom: 31.25%; + top: 0; position: absolute; z-index: 1; } +#client_name p { + padding: 1% 3.13%; + margin: 1px; +} + #client_chat { font-size: 1em; display: block; width: 100%; margin: auto; - height: 31.25%; + height: 75%; border-top: 2px solid #ff00ab; border-bottom: 2px solid #e9019e; background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); bottom: 0; + left: 0; position: absolute; word-break: keep-all; overflow-wrap: break-word; -- cgit From ded814e2c483258ba75cfbae39ae855a73cae44b Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:22:42 +0200 Subject: fallback bg color --- webAO/styles/chatbox/drae.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index c8a4822..87ba828 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -15,6 +15,7 @@ text-align: left; letter-spacing: 0.075em; font-weight: bold; + background: #ff00bb; background: linear-gradient(225deg, transparent 10%, rgba(255,75,206,0.9) 10% 15%, rgba(255, 0, 187, 0.9) 15% 16%, rgba(255,75,206,0.9) 16% 20%, rgba(255, 0, 187, 0.9) 20% 22%, -- cgit From ab183c3e71c1feb8895ddb67717da7b316d3e664 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 16:41:00 +0200 Subject: add dr1 box --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/dr1.css | 64 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 webAO/styles/chatbox/dr1.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 01deaa1..de1d6dd 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -2,6 +2,7 @@ export default [ "aa", "chatdd", "dgs", + "dr1", "drae", "legacy", "triology", diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css new file mode 100644 index 0000000..6a31f1d --- /dev/null +++ b/webAO/styles/chatbox/dr1.css @@ -0,0 +1,64 @@ +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; +} + +#client_name { + display: block; + padding: 0 0.45em; + height: 20%; + width: 90%; + text-align: left; + letter-spacing: 0.075em; + color: black; + font-style: italic; + border-radius: 0 2em 0 0; + background: #fb9800; + background: linear-gradient(45deg, + #f8c007, #fae06e 40%, + #fec001 40% 42%, #fadf69 42% 44%, + #fb9800 44%); + left: 0; + top: 0; + position: absolute; + z-index: 1; +} + +#client_name p { + padding: 0 2%; + margin: 1px; +} + +#client_chat { + font-size: 1em; + display: block; + width: 100%; + margin: auto; + height: 80%; + border-radius: 0 3em 3em 0; + background: rgba(48,48,48,0.6); + bottom: 0; + left: 0; + 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%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From 565e41c498318582089c10dfda3754ea4872a3a5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 17:03:52 +0200 Subject: add rough drv3 theme --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/drv3.css | 63 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+) create mode 100644 webAO/styles/chatbox/drv3.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index de1d6dd..ee679e9 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -3,6 +3,7 @@ export default [ "chatdd", "dgs", "dr1", + "drv3", "drae", "legacy", "triology", diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css new file mode 100644 index 0000000..26bad9f --- /dev/null +++ b/webAO/styles/chatbox/drv3.css @@ -0,0 +1,63 @@ +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: sans-serif; +} + +#client_name { + display: block; + transform: skew(15deg); + padding: 0 0.45em; + height: 20%; + width: 20%; + text-align: left; + letter-spacing: 0.075em; + background: #0e0a02; + border-left: 0.6em solid #fdd300; + left: 1%; + top: 0; + position: absolute; + z-index: 1; +} + +#client_name p { + transform: skew(-15deg); + padding: 0 2%; + margin: 1px; +} + +#client_chat { + transform: skew(15deg); + font-size: 1em; + display: block; + width: 89%; + margin: auto; + height: 80%; + border-left: 0.6em solid #fdd300; + border-right: 0.6em solid #fdd300; + background: #030303; + bottom: 0; + left: 4%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + transform: skew(-15deg); + padding: 3% 5%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From a116d9b856342e4e4a7b6b70304344320db3e7e5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 17:33:44 +0200 Subject: add pl vs aa --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/chatplvsaa.css | 63 +++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+) create mode 100644 webAO/styles/chatbox/chatplvsaa.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index ee679e9..ca93de7 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -6,6 +6,7 @@ export default [ "drv3", "drae", "legacy", + "chatplvsaa", "triology", "yttd" ]; \ No newline at end of file diff --git a/webAO/styles/chatbox/chatplvsaa.css b/webAO/styles/chatbox/chatplvsaa.css new file mode 100644 index 0000000..134738f --- /dev/null +++ b/webAO/styles/chatbox/chatplvsaa.css @@ -0,0 +1,63 @@ +@font-face { + font-family: 'Cabin Condensed'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2'); +} + +#client_chatcontainer { + font-family: 'Cabin Condensed', sans-serif; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; +} + +#client_name { + display: block; + left: 1%; + top: 0; + height: 20%; + min-width: 15%; + padding: 0px 6px; + border: 2px ridge #b1822d; + border-radius: 0.4em; + background: #783500; + position: absolute; + z-index: 1; +} + +#client_name p { + margin: 1px; +} + +#client_chat { + font-size: 1em; + display: block; + width: 99%; + width: calc(100% - 4px); + margin: auto; + height: 80%; + border: 2px ridge #d9a63b; + border-radius: 0.5em; + background-color: rgba(148,96,0,0.6); + bottom: 0; + 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: 6px; + padding: 6px 20px; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From 8616c0f8feeb463ca7ffb8a8d731ae6115c816b9 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 17:35:00 +0200 Subject: make dgs fit inside the chatcontainer --- webAO/styles/chatbox/dgs.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 4adba28..297c232 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -8,33 +8,43 @@ #client_chatcontainer { font-family: 'Cabin Condensed', sans-serif; + position: absolute; + bottom: 0; + left: 0; + height: 35%; + width: 100%; } #client_name { display: block; padding: 0px 6px; - height: 5%; + height: 20%; + min-width: 10%; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); left: 2%; - top: 65%; + top: 0; border-radius: 3px; position: absolute; z-index: 1; } +#client_name p { + margin: 1px; +} + #client_chat { font-size: 1em; display: block; width: 100%; margin: auto; - height: 30%; + height: 80%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12; border-image-width: 12px; border-width: 12px; background-color: #101821; - top: 70%; + bottom: 0; position: absolute; word-break: keep-all; word-wrap: break-word; -- cgit From ad2c717124b64a4432faca3efd27c5e6876b9bb5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 17:48:31 +0200 Subject: maybe i'll ad this box later --- webAO/styles/chatbox/drv3chatbox.png | Bin 0 -> 36885 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 webAO/styles/chatbox/drv3chatbox.png (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drv3chatbox.png b/webAO/styles/chatbox/drv3chatbox.png new file mode 100644 index 0000000..ecf5e1f Binary files /dev/null and b/webAO/styles/chatbox/drv3chatbox.png differ -- cgit From 36652251e1283ce48c9d6498f7cdf1c8cd305ac3 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 18:26:36 +0200 Subject: add persona 4 chatbox --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/p4.css | 65 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 66 insertions(+) create mode 100644 webAO/styles/chatbox/p4.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index ca93de7..8be936a 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -6,6 +6,7 @@ export default [ "drv3", "drae", "legacy", + "p4", "chatplvsaa", "triology", "yttd" diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css new file mode 100644 index 0000000..4463dad --- /dev/null +++ b/webAO/styles/chatbox/p4.css @@ -0,0 +1,65 @@ +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: Arial, sans-serif; +} + +#client_name { + transform: rotate(4deg); + display: block; + padding: 0 0.45em; + height: 30%; + width: 70%; + text-align: left; + letter-spacing: 0.075em; + font-weight: bold; + color: #512f15; + background: #fe9e18; + background: linear-gradient(to right,#feab21, #fc7c00); + border-top: 0.2em solid #ffeb24; + left: 4%; + top: 0; + position: absolute; +} + +#client_name p { + transform: rotate(-5deg); + position: absolute; + padding: 1% 3.13%; + margin: 1px; + left: -1%; +} + +#client_chat { + font-size: 1em; + display: block; + width: 95%; + margin: auto; + height: 80%; + border-right: 0.2em solid #fc7b00; + border-radius: 0.1em; + background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); + bottom: 2%; + left: 2.5%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + z-index: 1; +} + +#client_chat p { + padding: 1.5% 4%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- 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') 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') 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 182ee7354419bf6ce472817d1124932e82b43f98 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 18 Apr 2020 19:08:53 +0200 Subject: it sometimes didn't register as name p --- webAO/styles/chatbox/aa.css | 4 ++-- webAO/styles/chatbox/chatdd.css | 2 +- webAO/styles/chatbox/chatplvsaa.css | 2 +- webAO/styles/chatbox/dgs.css | 2 +- webAO/styles/chatbox/dr1.css | 2 +- webAO/styles/chatbox/drae.css | 2 +- webAO/styles/chatbox/drv3.css | 2 +- webAO/styles/chatbox/p4.css | 4 ++-- webAO/styles/chatbox/yttd.css | 2 +- 9 files changed, 11 insertions(+), 11 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 2d1f530..d683ecb 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -89,10 +89,10 @@ z-index: 1; } -#client_name p { +#client_inner_name { text-justify: distribute; letter-spacing: 0.075em; - margin: 1px; + margin: 0; font-weight: bold; } diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 233cdc3..b97fa2c 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -33,7 +33,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_name { margin: 4px; padding: 5px 3%; } diff --git a/webAO/styles/chatbox/chatplvsaa.css b/webAO/styles/chatbox/chatplvsaa.css index 134738f..3774b34 100644 --- a/webAO/styles/chatbox/chatplvsaa.css +++ b/webAO/styles/chatbox/chatplvsaa.css @@ -29,7 +29,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { margin: 1px; } diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 297c232..38c2c1f 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -29,7 +29,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { margin: 1px; } diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 6a31f1d..8b7686e 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -28,7 +28,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { padding: 0 2%; margin: 1px; } diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 87ba828..02ebd7c 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -28,7 +28,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { padding: 1% 3.13%; margin: 1px; } diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index 26bad9f..b0bf605 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -23,7 +23,7 @@ z-index: 1; } -#client_name p { +#client_inner_name { transform: skew(-15deg); padding: 0 2%; margin: 1px; diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 4463dad..dc9fdb7 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -25,8 +25,8 @@ position: absolute; } -#client_name p { - transform: rotate(-5deg); +#client_inner_name { + transform: rotate(-4deg); position: absolute; padding: 1% 3.13%; margin: 1px; diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index 936c5ac..e2f8e4f 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -59,7 +59,7 @@ z-index: 1; } -#client_name p{ +#client_inner_name { line-height: 1em; color: #fef9ad; } -- cgit From a24cad26c904f3ddbb9b561fb02d48fe2e2094c6 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 17:54:26 +0200 Subject: fix old webAO theme nameplate --- webAO/styles/chatbox/legacy.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css index 3a23ca0..bea7f38 100644 --- a/webAO/styles/chatbox/legacy.css +++ b/webAO/styles/chatbox/legacy.css @@ -19,6 +19,10 @@ z-index: 1; } +#client_inner_name { + margin: 0; +} + #client_chat { position: absolute; display: block; -- cgit From 2d604bfdc9f7e0082f75cd82757bbb039888e9f2 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 17:54:42 +0200 Subject: make dr1 look like the actual game not some random bg --- webAO/styles/chatbox/dr1.css | 25 ++++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 8b7686e..ce81cef 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -14,14 +14,14 @@ width: 90%; text-align: left; letter-spacing: 0.075em; - color: black; - font-style: italic; + color: #3d3c3f; + font-weight: bold; border-radius: 0 2em 0 0; background: #fb9800; - background: linear-gradient(45deg, - #f8c007, #fae06e 40%, - #fec001 40% 42%, #fadf69 42% 44%, - #fb9800 44%); + background: linear-gradient(25deg, + #f7ffdb, #f7ffdb 60%, + #febf01 60% 63%, #fdffd7 63% 65%, + #fd9900 65%); left: 0; top: 0; position: absolute; @@ -33,6 +33,17 @@ margin: 1px; } +#client_name::after { + content: "SPEAKING"; + position: absolute; + left: 75%; + top: 0; + z-index: 2; + margin: 0; + color: #ffd786; + transform: scale(50%, 100%) +} + #client_chat { font-size: 1em; display: block; @@ -40,7 +51,7 @@ margin: auto; height: 80%; border-radius: 0 3em 3em 0; - background: rgba(48,48,48,0.6); + background: rgba(48,48,48,0.8); bottom: 0; left: 0; position: absolute; -- cgit From 014b906ce382377cf69f5795b26ac3acd91e0947 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 17:55:51 +0200 Subject: fix padding in dr1 --- webAO/styles/chatbox/dr1.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ce81cef..4f7e538 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -63,8 +63,8 @@ } #client_chat p { - padding: 1% 3.13%; - margin: 1px; + padding: 2% 4%; + margin: 0; line-height: 97%; letter-spacing: 0.05em; word-spacing: 0.3em; -- cgit From efedc1bb6b4a2d8061149b4db5649a732fdac21c Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:01:34 +0200 Subject: dd chatbox had the wrong path --- webAO/styles/chatbox/chatdd.css | 2 +- webAO/styles/chatbox/dd.svg | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) create mode 100644 webAO/styles/chatbox/dd.svg (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index b97fa2c..2fecddb 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -4,7 +4,7 @@ height: 27%; width: 100%; font-family: sans-serif; - background-image: url("../images/chatbox.svg"); + background-image: url("dd.svg"); background-size: cover; background-repeat: no-repeat; } diff --git a/webAO/styles/chatbox/dd.svg b/webAO/styles/chatbox/dd.svg new file mode 100644 index 0000000..90dbab7 --- /dev/null +++ b/webAO/styles/chatbox/dd.svg @@ -0,0 +1 @@ + Created with Raphaël 2.0.1 \ No newline at end of file -- cgit From 4fa277285e5117782ec4f76987cda9f7b7978f77 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:01:48 +0200 Subject: use min-width instead of width --- webAO/styles/chatbox/drae.css | 2 +- webAO/styles/chatbox/drv3.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 02ebd7c..e5aa2aa 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -11,7 +11,7 @@ display: block; padding: 0 0.45em; height: 24%; - width: 50%; + min-width: 50%; text-align: left; letter-spacing: 0.075em; font-weight: bold; diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index b0bf605..3818d82 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -12,7 +12,7 @@ transform: skew(15deg); padding: 0 0.45em; height: 20%; - width: 20%; + min-width: 20%; text-align: left; letter-spacing: 0.075em; background: #0e0a02; -- cgit From cfb34cd2c82c83495e8cc2f8987fb55a0a316467 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:07:30 +0200 Subject: dd chatbox got a little run over --- webAO/styles/chatbox/chatdd.css | 31 +++++++++++++++++++++++++------ 1 file changed, 25 insertions(+), 6 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 2fecddb..99ab153 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -11,19 +11,24 @@ #client_name { display: block; - top: 4%; + top: 0; padding: 0 10px; height: 22%; position: absolute; } +#client_inner_name { + margin: 0; + padding: 5% 0; +} + #client_chat { font-size: 1em; display: block; width: 100%; margin: auto; - height: 90%; - top: 20%; + height: 75%; + bottom: 0; position: absolute; word-break: keep-all; word-wrap: break-word; @@ -33,9 +38,9 @@ scroll-behavior: smooth; } -#client_inner_name { - margin: 4px; - padding: 5px 3%; +#client_chat p { + padding: 1% 3%; + margin: 0; } #client_chatwaiting { @@ -45,4 +50,18 @@ width: 1em; position: absolute; animation: idling 1s linear infinite; +} + +@keyframes idling { + 0% { + right: 0; + } + + 50% { + right: 2%; + } + + 100% { + right: 0; + } } \ No newline at end of file -- cgit From 060a6ed8df9ec985a77eb17b0283ce7cbdd6e182 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:09:10 +0200 Subject: forgot the margin in triology theme --- webAO/styles/chatbox/triology.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css index 5139481..7de2fa8 100644 --- a/webAO/styles/chatbox/triology.css +++ b/webAO/styles/chatbox/triology.css @@ -87,6 +87,10 @@ z-index: 1; } +#client_inner_name { + margin: 0; +} + #client_chat { font-size: 1em; display: block; -- cgit From 219e0ae2c0276ea6ff4e4e4b69ea9804804f7f43 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:47:51 +0200 Subject: its trilogy not triology in english --- webAO/styles/chatbox/chatboxes.js | 2 +- webAO/styles/chatbox/trilogy.css | 143 ++++++++++++++++++++++++++++++++++++++ webAO/styles/chatbox/triology.css | 143 -------------------------------------- 3 files changed, 144 insertions(+), 144 deletions(-) create mode 100644 webAO/styles/chatbox/trilogy.css delete mode 100644 webAO/styles/chatbox/triology.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 8be936a..d31e349 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -8,6 +8,6 @@ export default [ "legacy", "p4", "chatplvsaa", - "triology", + "trilogy", "yttd" ]; \ No newline at end of file diff --git a/webAO/styles/chatbox/trilogy.css b/webAO/styles/chatbox/trilogy.css new file mode 100644 index 0000000..7de2fa8 --- /dev/null +++ b/webAO/styles/chatbox/trilogy.css @@ -0,0 +1,143 @@ +.text_white { + color: #fff; +} + +.text_green { + color: #00c900; +} + +.text_red { + color: #ff1700; +} + +.text_orange { + color: #ffa500; +} + +.text_blue { + color: #67b7ed; +} + +.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; + } +} + +#client_chatcontainer { + position: absolute; + bottom: 0; + height: 30%; + width: 100%; + font-family: "FOTK-Yoon Mincho 740", serif; +} + +#client_name { + display: block; + background-color: #2989bd; + top: 0; + left: 10%; + padding: 0 10px; + height: 20%; + min-width: 15%; + border: 1px white; + border-style: solid none solid none; + position: absolute; + z-index: 1; +} + +#client_inner_name { + margin: 0; +} + +#client_chat { + font-size: 1em; + display: block; + width: 100%; + margin: auto; + height: 90%; + top: 10%; + position: absolute; + word-break: keep-all; + word-wrap: break-word; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=) repeat; + border: 1px white; + border-style: solid none solid none; +} + +#client_chat p { + margin: 4px; + padding: 2% 5%; +} + +#client_chatwaiting { + display: block; + color: transparent; + right: 0.6em; + bottom: 0.6em; + width: 1em; + height: 1em; + background-image: url("chatwaiting_triology.svg"); + background-size: contain; + position: absolute; + animation: idling 0.5s ease infinite; +} + +@keyframes idling { + 0% { + right: 0.6em; + } + + 25% { + right: 0.7em; + } + + 100% { + right: 0.6em; + } +} \ No newline at end of file diff --git a/webAO/styles/chatbox/triology.css b/webAO/styles/chatbox/triology.css deleted file mode 100644 index 7de2fa8..0000000 --- a/webAO/styles/chatbox/triology.css +++ /dev/null @@ -1,143 +0,0 @@ -.text_white { - color: #fff; -} - -.text_green { - color: #00c900; -} - -.text_red { - color: #ff1700; -} - -.text_orange { - color: #ffa500; -} - -.text_blue { - color: #67b7ed; -} - -.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; - } -} - -#client_chatcontainer { - position: absolute; - bottom: 0; - height: 30%; - width: 100%; - font-family: "FOTK-Yoon Mincho 740", serif; -} - -#client_name { - display: block; - background-color: #2989bd; - top: 0; - left: 10%; - padding: 0 10px; - height: 20%; - min-width: 15%; - border: 1px white; - border-style: solid none solid none; - position: absolute; - z-index: 1; -} - -#client_inner_name { - margin: 0; -} - -#client_chat { - font-size: 1em; - display: block; - width: 100%; - margin: auto; - height: 90%; - top: 10%; - position: absolute; - word-break: keep-all; - word-wrap: break-word; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=) repeat; - border: 1px white; - border-style: solid none solid none; -} - -#client_chat p { - margin: 4px; - padding: 2% 5%; -} - -#client_chatwaiting { - display: block; - color: transparent; - right: 0.6em; - bottom: 0.6em; - width: 1em; - height: 1em; - background-image: url("chatwaiting_triology.svg"); - background-size: contain; - position: absolute; - animation: idling 0.5s ease infinite; -} - -@keyframes idling { - 0% { - right: 0.6em; - } - - 25% { - right: 0.7em; - } - - 100% { - right: 0.6em; - } -} \ No newline at end of file -- cgit From 9dc3ae60265b8c53b7fc653bb065c7fbab45cee4 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 19 Apr 2020 18:51:50 +0200 Subject: transparency for the dgs border --- webAO/styles/chatbox/dgs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 38c2c1f..44808b9 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -43,7 +43,6 @@ border-image-slice: 12; border-image-width: 12px; border-width: 12px; - background-color: #101821; bottom: 0; position: absolute; word-break: keep-all; @@ -57,6 +56,8 @@ #client_chat p { margin: 6px; padding: 6px 20px; + height: 80%; + background-color: #101821; } #client_chatwaiting { -- 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/chatbox/chatdd.css | 32 ++++++++++++++++++ webAO/styles/chatbox/chatplvsaa.css | 32 ++++++++++++++++++ webAO/styles/chatbox/dgs.css | 32 ++++++++++++++++++ webAO/styles/chatbox/dr1.css | 32 ++++++++++++++++++ webAO/styles/chatbox/drae.css | 32 ++++++++++++++++++ webAO/styles/chatbox/drv3.css | 32 ++++++++++++++++++ webAO/styles/chatbox/legacy.css | 32 ++++++++++++++++++ webAO/styles/chatbox/p4.css | 32 ++++++++++++++++++ webAO/styles/chatbox/trilogy.css | 35 ------------------- webAO/styles/chatbox/yttd.css | 23 ++++++------- webAO/styles/client.css | 35 +++++++++++++++++++ webAO/styles/cyber.css | 67 ------------------------------------- webAO/styles/default.css | 67 ------------------------------------- 13 files changed, 301 insertions(+), 182 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 99ab153..77c02ff 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + #client_chatcontainer { position: absolute; bottom: 0; diff --git a/webAO/styles/chatbox/chatplvsaa.css b/webAO/styles/chatbox/chatplvsaa.css index 3774b34..a7ab98d 100644 --- a/webAO/styles/chatbox/chatplvsaa.css +++ b/webAO/styles/chatbox/chatplvsaa.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + @font-face { font-family: 'Cabin Condensed'; font-style: normal; diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 44808b9..ed556ac 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + @font-face { font-family: 'Cabin Condensed'; font-style: normal; diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 4f7e538..34700bc 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + #client_chatcontainer { position: absolute; width: 100%; diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index e5aa2aa..ff51323 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + #client_chatcontainer { position: absolute; width: 100%; diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index 3818d82..c2ad03e 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -1,3 +1,35 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #e1522a; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + #client_chatcontainer { position: absolute; width: 100%; diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css index bea7f38..7a1e5aa 100644 --- a/webAO/styles/chatbox/legacy.css +++ b/webAO/styles/chatbox/legacy.css @@ -1,3 +1,35 @@ +.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; +} + #client_chatcontainer { position: absolute; bottom: 0; diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index dc9fdb7..bb37052 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -1,3 +1,35 @@ +.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; +} + #client_chatcontainer { position: absolute; width: 100%; diff --git a/webAO/styles/chatbox/trilogy.css b/webAO/styles/chatbox/trilogy.css index 7de2fa8..14a9d81 100644 --- a/webAO/styles/chatbox/trilogy.css +++ b/webAO/styles/chatbox/trilogy.css @@ -30,41 +30,6 @@ 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; - } -} - #client_chatcontainer { position: absolute; bottom: 0; diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index e2f8e4f..f67559c 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -1,15 +1,3 @@ - -#client_chatcontainer { - position: absolute; - bottom: 0; - left: 0; - height: 50%; - width: 100%; - filter: none; - font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; - text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; -} - .text_white { color: #fff; } @@ -42,7 +30,16 @@ color: #0ff; } - +#client_chatcontainer { + position: absolute; + bottom: 0; + left: 0; + height: 50%; + width: 100%; + filter: none; + font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif; + text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; +} #client_name { display: block; 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; 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; } diff --git a/webAO/styles/default.css b/webAO/styles/default.css index 9db682a..db6ae48 100644 --- a/webAO/styles/default.css +++ b/webAO/styles/default.css @@ -10,73 +10,6 @@ img { -ms-interpolation-mode: nearest-neighbor; } -.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; - } -} - .client_button { margin: 1px; padding: 2px 15px; -- cgit From 93a5e520c6bb8ed9de81ccfe1e7ac9a39d28f2ac Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 20 Apr 2020 00:40:16 +0200 Subject: make the nameplate bigger --- webAO/styles/chatbox/aa.css | 39 ++++++++------------------------------- 1 file changed, 8 insertions(+), 31 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index d683ecb..e1a9838 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -1,11 +1,3 @@ -@font-face { - font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); - font-weight: normal; - font-style: normal; -} - .text_white { color: #fff; } @@ -38,27 +30,12 @@ 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 { - 0% { - background-position: 0 0; - } - - 100% { - background-position: 400% 0; - } +@font-face { + font-family: 'ace_attorneyregular'; + src: url('ace-attorney.woff2') format('woff2'), + url('ace-attorney.woff') format('woff'); + font-weight: normal; + font-style: normal; } #client_chatcontainer { @@ -77,7 +54,7 @@ position: absolute; left: 0; top: 0; - height: 13%; + height: 15%; min-width: 3.25em; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; @@ -102,7 +79,7 @@ bottom: 0; left: 0; width: 98%; - width: calc(100% - 0.275em); + width: calc(100% - 0.27em); height: 78%; margin: auto; border-color: rgba(255, 255, 255, 0.5); -- cgit From e78a2903ab56b1e6d1d0aa3e22d9e7fdef907a16 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 23 Apr 2020 00:40:16 +0200 Subject: dgs theme: fill inner chatbox --- webAO/styles/chatbox/dgs.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index ed556ac..c015245 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -86,9 +86,11 @@ } #client_chat p { - margin: 6px; + display: block; + margin: 12px; padding: 6px 20px; - height: 80%; + height: 84%; + height: calc(100% - 36px); background-color: #101821; } -- cgit From 9548afea4b98ad1a100d20f81c9689eff6c210fb Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 18:55:13 +0200 Subject: use original P4 font if installed --- webAO/styles/chatbox/p4.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index bb37052..2dd10da 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -36,7 +36,8 @@ height: 30%; bottom: 0; left: 0; - font-family: Arial, sans-serif; + font-family: "FOT-Skip Std", Arial, sans-serif; + line-height: 1; } #client_name { -- cgit From a420a7c6be6d494fe6b9c44e2d743def6d42e00b Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 19:25:00 +0200 Subject: make the dgs border scale --- webAO/styles/chatbox/dgs.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index c015245..f42da24 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -73,8 +73,7 @@ height: 80%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12; - border-image-width: 12px; - border-width: 12px; + border-image-width: 0.5em; bottom: 0; position: absolute; word-break: keep-all; @@ -87,10 +86,10 @@ #client_chat p { display: block; - margin: 12px; - padding: 6px 20px; + margin: 0.4em; + padding: 0.1em 1em; height: 84%; - height: calc(100% - 36px); + height: calc(100% - 1.1em); background-color: #101821; } -- cgit From f46d60efba4b9ac6ca8fd5e32e1ab875f25fd6d1 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 19:48:39 +0200 Subject: i feel dumb now, fill solved it --- webAO/styles/chatbox/dgs.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index f42da24..d9caa2d 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -72,8 +72,9 @@ margin: auto; height: 80%; border-image-source: url("dgs_chat_bg.png"); - border-image-slice: 12; - border-image-width: 0.5em; + border-image-slice: 12 fill; + border-image-width: 0.5em; + border-width: 0.5em; bottom: 0; position: absolute; word-break: keep-all; @@ -86,11 +87,9 @@ #client_chat p { display: block; + position: absolute; margin: 0.4em; padding: 0.1em 1em; - height: 84%; - height: calc(100% - 1.1em); - background-color: #101821; } #client_chatwaiting { -- cgit From 5fc8916902c5288257f2412eaf941003fbc2deec Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:15:59 +0200 Subject: add idle spinner to dgs --- webAO/styles/chatbox/dgs.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index d9caa2d..30f853d 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -93,5 +93,25 @@ } #client_chatwaiting { - display: none; + display: block; + position: absolute; + color: #ded7a2; + right: 0.7em; + top: 50%; + line-height: 0.5; + animation: idling 0.4s linear infinite; +} + +@keyframes idling { + 0% { + right: 0.6em; + } + + 25% { + right: 0.7em; + } + + 100% { + right: 0.6em; + } } \ No newline at end of file -- cgit From 34eea3590f4c4867091d54e1399bafd15abe1fac Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:30:46 +0200 Subject: fix colors on dgs theme --- webAO/styles/chatbox/dgs.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 30f853d..5572321 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -3,11 +3,11 @@ } .text_blue { - color: #93bbe6; + color: #18d7ff; } .text_green { - color: #6ab057; + color: #84fb08; } .text_red { @@ -15,7 +15,7 @@ } .text_orange { - color: #cf714c; + color: #ff7118; } .text_yellow { @@ -45,6 +45,7 @@ left: 0; height: 35%; width: 100%; + transition-property: height, opacity; } #client_name { @@ -52,9 +53,11 @@ padding: 0px 6px; height: 20%; min-width: 10%; + color: #fff7de; + text-shadow: 0 0 4px #000; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); - left: 2%; + left: 0.5em; top: 0; border-radius: 3px; position: absolute; -- cgit From 5c12b7623d3fc57b3001cfa4a69c1433327774b5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:39:49 +0200 Subject: dgs: smooth transition --- webAO/styles/chatbox/dgs.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 5572321..cc4e9d9 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -45,7 +45,7 @@ left: 0; height: 35%; width: 100%; - transition-property: height, opacity; + transition-property: opacity 0.5s; } #client_name { @@ -61,7 +61,6 @@ top: 0; border-radius: 3px; position: absolute; - z-index: 1; } #client_inner_name { -- cgit From 82c4072a29287736fa8ddf3fb9aaa0ba822c1175 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:45:18 +0200 Subject: dgs: oopsie, fix transition --- webAO/styles/chatbox/dgs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index cc4e9d9..6ee53cd 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -45,7 +45,8 @@ left: 0; height: 35%; width: 100%; - transition-property: opacity 0.5s; + transition-property: opacity; + transition: 0.1s linear; } #client_name { -- cgit From 2d0b4a84a49a0fb9f50509c1508eac236617cd33 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 20:52:41 +0200 Subject: dgs: add transparency to chatbox --- webAO/styles/chatbox/dgs_chat_bg.png | Bin 1763 -> 674 bytes 1 file changed, 0 insertions(+), 0 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs_chat_bg.png b/webAO/styles/chatbox/dgs_chat_bg.png index 90e408a..5f5d99a 100644 Binary files a/webAO/styles/chatbox/dgs_chat_bg.png and b/webAO/styles/chatbox/dgs_chat_bg.png differ -- cgit From 3456f2fc9899ae1a45b384881df716276b3b24af Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 21:01:00 +0200 Subject: change the width of the chatbox --- webAO/styles/chatbox/dgs.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 6ee53cd..063d0f8 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -53,12 +53,12 @@ display: block; padding: 0px 6px; height: 20%; - min-width: 10%; + min-width: 20%; color: #fff7de; text-shadow: 0 0 4px #000; border: 1px solid #a59252; background-image: linear-gradient(#635529, #8c7d42); - left: 0.5em; + left: 4%; top: 0; border-radius: 3px; position: absolute; @@ -71,14 +71,15 @@ #client_chat { font-size: 1em; display: block; - width: 100%; + width: 98%; margin: auto; height: 80%; border-image-source: url("dgs_chat_bg.png"); border-image-slice: 12 fill; - border-image-width: 0.5em; - border-width: 0.5em; + border-image-width: 0.8em; + border-width: 0.8em; bottom: 0; + left: 1%; position: absolute; word-break: keep-all; word-wrap: break-word; -- cgit From a4c3cad6237a09839953dc71be6114a1e32822d5 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 21:04:00 +0200 Subject: the name uses a different font --- webAO/styles/chatbox/dgs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 063d0f8..0530dff 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -39,7 +39,6 @@ } #client_chatcontainer { - font-family: 'Cabin Condensed', sans-serif; position: absolute; bottom: 0; left: 0; @@ -62,6 +61,7 @@ top: 0; border-radius: 3px; position: absolute; + font-family: "Times New Roman", serif; } #client_inner_name { @@ -87,6 +87,7 @@ text-align: left; overflow: hidden; scroll-behavior: smooth; + font-family: 'Cabin Condensed', sans-serif; } #client_chat p { -- cgit From 3d1f6b541d0954282559ada09568d80b33bcd6db Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 25 Apr 2020 21:30:49 +0200 Subject: fix soj colors --- webAO/styles/chatbox/chatdd.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 77c02ff..4367b18 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -3,11 +3,11 @@ } .text_blue { - color: #93bbe6; + color: #18cbef; } .text_green { - color: #6ab057; + color: #84fb08; } .text_red { @@ -15,7 +15,7 @@ } .text_orange { - color: #cf714c; + color: #f76918; } .text_yellow { -- cgit From b5e00f8acbec62def515714742d39ec67cc70028 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 17:00:08 +0200 Subject: add trilogy menu theme --- webAO/styles/trilogy.css | 71 ++++++++++++++++++++++++++++++++++++++++++++ webAO/styles/trilogy_bg.png | Bin 0 -> 750 bytes 2 files changed, 71 insertions(+) create mode 100644 webAO/styles/trilogy.css create mode 100644 webAO/styles/trilogy_bg.png (limited to 'webAO/styles') diff --git a/webAO/styles/trilogy.css b/webAO/styles/trilogy.css new file mode 100644 index 0000000..9dbce5f --- /dev/null +++ b/webAO/styles/trilogy.css @@ -0,0 +1,71 @@ +body { + font-family: "FOTK-Yoon Mincho 740", serif; +} + +.client_button { + margin: 1px; + padding: 2px 15px; + cursor: pointer; + text-align: center; + font-weight: bold; + color: white; + background-color: #2781b2; + border: 2px solid white; +} + +.client_button:hover { + outline: 1px solid #ffc31d; + outline-offset: 7px; +} + +.client_button:active { + background-color: #f2b91c; +} + +#client_defense_hp { + text-align: left; +} + +#client_defense_hp>.health-bar { + background-color: #169de0; +} + +#client_prosecutor_hp { + text-align: right; +} + +#client_prosecutor_hp>.health-bar { + background-color: #e01f5f; +} + +.health-box { + background-color: #555; + height: 20px; + width: 50%; + margin: 0 auto; + border: solid 2px #aaa; + border-radius: 5px; + box-sizing: border-box; + display: block; +} + +.health-bar { + width: 100%; + height: 100%; + border-radius: 3px; + bottom: 0; + position: relative; + display: inline-block; + transition: 1s linear; + transition-property: width; +} + +#client_menu { + background-image: url("trilogy_bg.png"); + background-repeat: repeat; +} + +#client_iccontrols { + background-image: url("trilogy_bg.png"); + background-repeat: repeat; +} \ No newline at end of file diff --git a/webAO/styles/trilogy_bg.png b/webAO/styles/trilogy_bg.png new file mode 100644 index 0000000..79438c0 Binary files /dev/null and b/webAO/styles/trilogy_bg.png differ -- 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') 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') 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/classic.css | 10 ++++++++++ webAO/styles/client.css | 10 ---------- webAO/styles/cyber.css | 10 ++++++++++ webAO/styles/default.css | 10 ++++++++++ webAO/styles/trilogy.css | 7 +++++++ 5 files changed, 37 insertions(+), 10 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index 985c04f..cd445ec 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -38,6 +38,16 @@ hr { background-color: #9cc694; } +.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-color: #5a5a5a; overflow-y: auto; 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%; 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; diff --git a/webAO/styles/default.css b/webAO/styles/default.css index db6ae48..d728ad6 100644 --- a/webAO/styles/default.css +++ b/webAO/styles/default.css @@ -25,6 +25,16 @@ img { box-shadow: 1px 1px inset; } +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #7b7b7b; + outline: 2px ridge #fff; + outline-offset: -2px; + margin-right: 2px; +} + #client_defense_hp { text-align: left; } diff --git a/webAO/styles/trilogy.css b/webAO/styles/trilogy.css index 9dbce5f..82cabc9 100644 --- a/webAO/styles/trilogy.css +++ b/webAO/styles/trilogy.css @@ -68,4 +68,11 @@ body { #client_iccontrols { background-image: url("trilogy_bg.png"); background-repeat: repeat; +} + +.evi_icon { + background-color: #bebfbc; + border: 0.1em solid #f8f5f2; + outline: 0.2em solid #2988bc; + outline-offset: -0.2em; } \ No newline at end of file -- 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') 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 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') 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 9032d59a38e428404bf71c211349edff872f96ce Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 19:35:42 +0200 Subject: forgot display block on dgs chatcontainer --- webAO/styles/chatbox/dgs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 0530dff..76db19d 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -39,6 +39,7 @@ } #client_chatcontainer { + display: block; position: absolute; bottom: 0; left: 0; -- 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') 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 From 008d74aae7265b86396aad62b118ed4b7641028c Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 14:06:53 +0200 Subject: fix dr1 round thing going around the box --- webAO/styles/chatbox/dr1.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index 34700bc..d4c2016 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -43,9 +43,8 @@ display: block; padding: 0 0.45em; height: 20%; - width: 90%; + width: 87%; text-align: left; - letter-spacing: 0.075em; color: #3d3c3f; font-weight: bold; border-radius: 0 2em 0 0; @@ -68,6 +67,7 @@ #client_name::after { content: "SPEAKING"; position: absolute; + letter-spacing: 0.075em; left: 75%; top: 0; z-index: 2; @@ -79,7 +79,7 @@ #client_chat { font-size: 1em; display: block; - width: 100%; + width: 97%; margin: auto; height: 80%; border-radius: 0 3em 3em 0; @@ -92,14 +92,16 @@ text-align: left; overflow: hidden; scroll-behavior: smooth; + + border-top-width: 1.2em; + border-top-style: solid; + border-color: #fd9900; } #client_chat p { padding: 2% 4%; margin: 0; line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; } #client_chatwaiting { -- cgit From 724890a8c0d2c7d91f693b1e3f1577d80bfb862f Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 14:25:39 +0200 Subject: add a really bad persona 3 chatbox --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/chatp3.css | 109 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 110 insertions(+) create mode 100644 webAO/styles/chatbox/chatp3.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index d31e349..880e6bb 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -6,6 +6,7 @@ export default [ "drv3", "drae", "legacy", + "chatp3", "p4", "chatplvsaa", "trilogy", diff --git a/webAO/styles/chatbox/chatp3.css b/webAO/styles/chatbox/chatp3.css new file mode 100644 index 0000000..8e5468d --- /dev/null +++ b/webAO/styles/chatbox/chatp3.css @@ -0,0 +1,109 @@ +body { + font-family: sans-serif; +} + +.text_white { + color: #50545c; +} + +.text_blue { + color: #6bc6f7; +} + +.text_green { + color: #00f700; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #5c1d1b; +} + +.text_yellow { + color: #ff0; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 30%; + width: 100%; + border-color: #d9e2f9; + border-width: 0.15em; + border-radius: 50% / 10%; + background-color: #aaaeb4;} + +#client_name { + display: block; + position: absolute; + left: 1%; + top: 6%; + height: 15%; + color: #5c1d1b; + z-index: 1; +} + +#client_inner_name { + text-justify: distribute; + letter-spacing: 0.075em; + margin: 0; + font-weight: bold; +} + +#client_chat { + display: block; + position: absolute; + bottom: 5%; + left: 2%; + width: 96%; + height: 70%; + margin: auto; + font-size: 2em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_chat p { + padding: 0; + margin: 0; + line-height: 97%; +} + +#client_chatwaiting { + display: block; + transform: rotate(90deg); + position: absolute; + right: 2%; + bottom: 0.5em; + line-height: 0.5; + color: #6a6c72; + animation: appear_down 0.5s linear; +} + +@keyframes appear_down { + 0% { + bottom: 5em; + opacity: 0; + } + + 100% { + bottom: 0.5em; + opacity: 1; + } +} \ No newline at end of file -- cgit From a55f3af79442f7d5cb0d0f138d4ceaca4dbed703 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 14:28:19 +0200 Subject: the letter spacing just looks off on this box --- webAO/styles/chatbox/chatp3.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatp3.css b/webAO/styles/chatbox/chatp3.css index 8e5468d..11888d7 100644 --- a/webAO/styles/chatbox/chatp3.css +++ b/webAO/styles/chatbox/chatp3.css @@ -58,7 +58,6 @@ body { #client_inner_name { text-justify: distribute; - letter-spacing: 0.075em; margin: 0; font-weight: bold; } -- cgit From a60f66fe7409a8585e0c599f179c452276903b9b Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 14:40:13 +0200 Subject: add mikus future chatbox --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/chatfuture.css | 126 ++++++++++++++++++++++++++++++++++++ 2 files changed, 127 insertions(+) create mode 100644 webAO/styles/chatbox/chatfuture.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 880e6bb..5caa952 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -6,6 +6,7 @@ export default [ "drv3", "drae", "legacy", + "chatfuture", "chatp3", "p4", "chatplvsaa", diff --git a/webAO/styles/chatbox/chatfuture.css b/webAO/styles/chatbox/chatfuture.css new file mode 100644 index 0000000..3daf394 --- /dev/null +++ b/webAO/styles/chatbox/chatfuture.css @@ -0,0 +1,126 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #6bc6f7; +} + +.text_green { + color: #00f700; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #f77339; +} + +.text_yellow { + color: #ff0; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +@font-face { + font-family: 'ace_attorneyregular'; + src: url('ace-attorney.woff2') format('woff2'), + url('ace-attorney.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; + filter: none; + font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; +} + +#client_name { + display: block; + position: absolute; + left: 0; + top: 0; + height: 15%; + min-width: 3.25em; + background: linear-gradient(to bottom, #1e6169, #0f2f32); + padding: 0 2%; + border-color: #217aff; + border-style: ridge groove groove ridge; + border-width: 0.2em; + border-radius: 0.2em; + z-index: 1; +} + +#client_inner_name { + text-justify: distribute; + letter-spacing: 0.075em; + margin: 0; + font-weight: bold; +} + +#client_chat { + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.27em); + height: 78%; + margin: auto; + border-color: #59f0fc; + border-style: ridge groove groove ridge; + border-width: 0.15em; + border-radius: 0.3em; + background: linear-gradient(to bottom, rgba(0,0,0,0.7),rgba(0,0,137,0.7)); + font-size: 2em; + 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%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: block; + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + animation: idling 0.4s linear infinite; +} + +@keyframes idling { + 0% { + right: 0; + } + + 50% { + right: 2%; + } + + 100% { + right: 0; + } +} \ No newline at end of file -- cgit From 4b126c8cae7ef895d5fb274133560a83a61ced16 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 19:18:25 +0200 Subject: use the id instead of p --- webAO/styles/chatbox/aa.css | 2 +- webAO/styles/chatbox/chatdd.css | 2 +- webAO/styles/chatbox/chatfuture.css | 2 +- webAO/styles/chatbox/chatp3.css | 2 +- webAO/styles/chatbox/chatplvsaa.css | 2 +- webAO/styles/chatbox/dgs.css | 2 +- webAO/styles/chatbox/dr1.css | 2 +- webAO/styles/chatbox/drae.css | 2 +- webAO/styles/chatbox/drv3.css | 2 +- webAO/styles/chatbox/legacy.css | 2 +- webAO/styles/chatbox/p4.css | 2 +- webAO/styles/chatbox/trilogy.css | 2 +- webAO/styles/chatbox/yttd.css | 2 +- 13 files changed, 13 insertions(+), 13 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index e1a9838..9db2411 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -95,7 +95,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3.13%; margin: 1px; line-height: 97%; diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css index 4367b18..2d899c9 100644 --- a/webAO/styles/chatbox/chatdd.css +++ b/webAO/styles/chatbox/chatdd.css @@ -70,7 +70,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3%; margin: 0; } diff --git a/webAO/styles/chatbox/chatfuture.css b/webAO/styles/chatbox/chatfuture.css index 3daf394..f1f881e 100644 --- a/webAO/styles/chatbox/chatfuture.css +++ b/webAO/styles/chatbox/chatfuture.css @@ -94,7 +94,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3.13%; margin: 1px; line-height: 97%; diff --git a/webAO/styles/chatbox/chatp3.css b/webAO/styles/chatbox/chatp3.css index 11888d7..efdcbcc 100644 --- a/webAO/styles/chatbox/chatp3.css +++ b/webAO/styles/chatbox/chatp3.css @@ -78,7 +78,7 @@ body { scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 0; margin: 0; line-height: 97%; diff --git a/webAO/styles/chatbox/chatplvsaa.css b/webAO/styles/chatbox/chatplvsaa.css index a7ab98d..00f291d 100644 --- a/webAO/styles/chatbox/chatplvsaa.css +++ b/webAO/styles/chatbox/chatplvsaa.css @@ -85,7 +85,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { margin: 6px; padding: 6px 20px; } diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css index 76db19d..2e0ab79 100644 --- a/webAO/styles/chatbox/dgs.css +++ b/webAO/styles/chatbox/dgs.css @@ -91,7 +91,7 @@ font-family: 'Cabin Condensed', sans-serif; } -#client_chat p { +#client_inner_chat { display: block; position: absolute; margin: 0.4em; diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index d4c2016..d624b11 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -98,7 +98,7 @@ border-color: #fd9900; } -#client_chat p { +#client_inner_chat { padding: 2% 4%; margin: 0; line-height: 97%; diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index ff51323..3c313dd 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -84,7 +84,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3.13%; margin: 1px; line-height: 97%; diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index c2ad03e..d736387 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -81,7 +81,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { transform: skew(-15deg); padding: 3% 5%; margin: 1px; diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css index 7a1e5aa..140f9a1 100644 --- a/webAO/styles/chatbox/legacy.css +++ b/webAO/styles/chatbox/legacy.css @@ -76,7 +76,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { margin: 4px; } diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 2dd10da..325b7e6 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -85,7 +85,7 @@ z-index: 1; } -#client_chat p { +#client_inner_chat { padding: 1.5% 4%; margin: 1px; line-height: 97%; diff --git a/webAO/styles/chatbox/trilogy.css b/webAO/styles/chatbox/trilogy.css index 14a9d81..6095a1e 100644 --- a/webAO/styles/chatbox/trilogy.css +++ b/webAO/styles/chatbox/trilogy.css @@ -75,7 +75,7 @@ border-style: solid none solid none; } -#client_chat p { +#client_inner_chat { margin: 4px; padding: 2% 5%; } diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css index f67559c..2283071 100644 --- a/webAO/styles/chatbox/yttd.css +++ b/webAO/styles/chatbox/yttd.css @@ -79,7 +79,7 @@ scroll-behavior: smooth; } -#client_chat p { +#client_inner_chat { padding: 1% 3.13%; margin: 1px; font-size: 1.3em; -- cgit From cdb4d17db155c1dd1809516195629cc52578ffdf Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 19:33:20 +0200 Subject: add vallhalla chatbox --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/halla.css | 131 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 132 insertions(+) create mode 100644 webAO/styles/chatbox/halla.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 5caa952..fda5f25 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -7,6 +7,7 @@ export default [ "drae", "legacy", "chatfuture", + "halla", "chatp3", "p4", "chatplvsaa", diff --git a/webAO/styles/chatbox/halla.css b/webAO/styles/chatbox/halla.css new file mode 100644 index 0000000..241f245 --- /dev/null +++ b/webAO/styles/chatbox/halla.css @@ -0,0 +1,131 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #667dce; +} + +.text_green { + color: #a8cf78; +} + +.text_red { + color: #cb223f; +} + +.text_orange { + color: #f77339; +} + +.text_yellow { + color: #f9cf39; +} + +.text_pink { + color: #eb217f; +} + +.text_cyan { + color: #50d3ce; +} + +@font-face { + font-family: 'Inconsolata'; + font-style: normal; + font-weight: 400; + font-stretch: normal; + src: url(https://fonts.gstatic.com/s/inconsolata/v19/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; + } + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 40%; + width: 100%; + filter: none; + font-family: 'Inconsolata', monospace; +} + +#client_name { + display: block; + position: absolute; + left: 0; + top: 0; + height: 20%; + min-width: 25%; + background: #2a263f; + border-color: #6a667f; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; + z-index: 1; +} + +#client_inner_name { + text-justify: distribute; + background: #000; + border-color: #191626; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; + margin: 0.1em 0.2em; + font-weight: bold; +} + +#client_chat { + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.2em); + height: 80%; + margin: auto; + border-color: #6a667f; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; + background: #2a263f; + font-size: 1.5em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_inner_chat { + padding: 1% 3.13%; + margin: 0.1em 0.2em; + line-height: 97%; + height: 83%; + background: #000; + border-color: #191626; + border-style: solid; + border-width: 0.05em 0.1em; + border-radius: 0.05em; +} + +#client_chatwaiting { + display: block; + transform: rotate(90deg); + position: absolute; + right: 2%; + bottom: 15%; + line-height: 0.5; + animation: idling 1s steps(1) infinite; +} + +@keyframes idling { + 0%,100% { + color: #000; + } + + 50% { + color: #fff; + } +} \ No newline at end of file -- cgit From 8daac3d282e9d4875e0311b1e6fcc42102d6c861 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 21:45:45 +0200 Subject: add dr2 chatbox --- webAO/styles/chatbox/chatboxes.js | 1 + webAO/styles/chatbox/chatdr2.css | 111 ++++++++++++++++++++++++++++++++++++++ 2 files changed, 112 insertions(+) create mode 100644 webAO/styles/chatbox/chatdr2.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index fda5f25..66df18f 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -3,6 +3,7 @@ export default [ "chatdd", "dgs", "dr1", + "chatdr2", "drv3", "drae", "legacy", diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css new file mode 100644 index 0000000..93ba305 --- /dev/null +++ b/webAO/styles/chatbox/chatdr2.css @@ -0,0 +1,111 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #6be4fb; +} + +.text_green { + color: #63ff3d; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #fc0; +} + +.text_yellow { + color: #ffe700; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #6be4fb; +} + +#client_chatcontainer { + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + font-family: sans-serif; +} + +#client_name { + display: block; + height: 100%; + width: 7%; + text-align: left; + color: #3d3c3f; + font-weight: bold; + background-image: linear-gradient(to top,#fe9500,#fee303,transparent); + border-right: 0.3em solid #e0d8b4; + left: 0; + bottom: 0; + position: absolute; + z-index: 1; +} + +#client_inner_name { + padding: 0; + margin: 0; + writing-mode: sideways-lr; + bottom: 25%; + right: 0; + position: absolute; +} + +#client_chat { + font-size: 1em; + display: block; + width: 93%; + margin: auto; + height: 25%; + border-top: 0.1em solid white; + bottom: 0; + right: 0; + background-image: linear-gradient(to right, transparent, black); + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + z-index: 9; +} + +#client_chat::before { + content: ""; + position: absolute; + + background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1)), + linear-gradient(45deg, rgba(0,0,0,0.1) 25%, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.1) 75%, rgba(0,0,0,0.1) 75%, rgba(0,0,0,0.1)); + background-size: 2em 2em; + background-position: 0 0, 1em 1em; + transform: rotate(-10deg); + width: 250%; + height: 400%; + top: -100%; + left: -100%; + z-index: 8; + } + +#client_inner_chat { + position: absolute; + padding: 2% 4%; + margin: 0; + line-height: 97%; + z-index: 10; +} + +#client_chatwaiting { + display: none; +} \ No newline at end of file -- cgit From dfe03632c06b4aae455025087cc0ac927b3d7990 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 21:49:40 +0200 Subject: dr2: fix z-index and make the left side darker --- webAO/styles/chatbox/chatdr2.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css index 93ba305..286b498 100644 --- a/webAO/styles/chatbox/chatdr2.css +++ b/webAO/styles/chatbox/chatdr2.css @@ -72,14 +72,14 @@ border-top: 0.1em solid white; bottom: 0; right: 0; - background-image: linear-gradient(to right, transparent, black); + background-image: linear-gradient(to right, rgba(0,0,0,0.4), black); position: absolute; word-break: keep-all; overflow-wrap: break-word; text-align: left; overflow: hidden; scroll-behavior: smooth; - z-index: 9; + z-index: 3; } #client_chat::before { @@ -95,7 +95,7 @@ height: 400%; top: -100%; left: -100%; - z-index: 8; + z-index: 2; } #client_inner_chat { @@ -103,7 +103,7 @@ padding: 2% 4%; margin: 0; line-height: 97%; - z-index: 10; + z-index: 4; } #client_chatwaiting { -- cgit From f25b3350de64bd8c4bc9d3fcd86fb3c7cc232a92 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 27 Apr 2020 22:10:13 +0200 Subject: add the second border --- webAO/styles/chatbox/chatdr2.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css index 286b498..a559b1a 100644 --- a/webAO/styles/chatbox/chatdr2.css +++ b/webAO/styles/chatbox/chatdr2.css @@ -47,7 +47,8 @@ color: #3d3c3f; font-weight: bold; background-image: linear-gradient(to top,#fe9500,#fee303,transparent); - border-right: 0.3em solid #e0d8b4; + border-right: 0.3em solid #dfd8b8; + box-shadow: 0.3em 0px 0 #ff9700; left: 0; bottom: 0; position: absolute; @@ -66,7 +67,7 @@ #client_chat { font-size: 1em; display: block; - width: 93%; + width: 91%; margin: auto; height: 25%; border-top: 0.1em solid white; -- 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') 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') 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 ac369424c151959822fe8730f46ca6ad865b5d06 Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 3 May 2020 16:39:12 +0200 Subject: drv3: this doesn't belong here --- webAO/styles/chatbox/drv3.css | 1 - 1 file changed, 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css index d736387..e0e5c6c 100644 --- a/webAO/styles/chatbox/drv3.css +++ b/webAO/styles/chatbox/drv3.css @@ -46,7 +46,6 @@ height: 20%; min-width: 20%; text-align: left; - letter-spacing: 0.075em; background: #0e0a02; border-left: 0.6em solid #fdd300; left: 1%; -- 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') 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') 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 f6d43121a65607c4b0ad34e8cb6e25ff649f6909 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 4 May 2020 17:59:21 +0200 Subject: aa: wrong directory --- webAO/styles/chatbox/aa.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 9db2411..157f3ae 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -32,8 +32,8 @@ @font-face { font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); + src: url('../ace-attorney.woff2') format('woff2'), + url('../ace-attorney.woff') format('woff'); font-weight: normal; font-style: normal; } -- cgit From aae8106325acb7f730e4c914fab4ac7b0af425e3 Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 4 May 2020 22:47:26 +0200 Subject: p4: make border look a little more acurate --- webAO/styles/chatbox/p4.css | 42 ++++++++++++++++++++++++++++++------------ 1 file changed, 30 insertions(+), 12 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 325b7e6..a5ba6d2 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -41,25 +41,44 @@ } #client_name { - transform: rotate(4deg); + transform: rotate(3deg); display: block; padding: 0 0.45em; - height: 30%; - width: 70%; + height: 85%; + width: 92%; text-align: left; - letter-spacing: 0.075em; - font-weight: bold; - color: #512f15; + color: #512f15; background: #fe9e18; - background: linear-gradient(to right,#feab21, #fc7c00); - border-top: 0.2em solid #ffeb24; - left: 4%; + background: linear-gradient(to right,#fdac20, #ff5900); + border: 0.2em solid #ffe92b; + border-style: solid solid none none; + border-radius: 0.1em; + left: 3%; top: 0; position: absolute; } +/* + +#client_name::before { + content: ""; + transform: rotate(2deg); + display: block; + padding: 0 0.45em; + height: 95%; + width: 94%; + background: #ffea2b; + background: linear-gradient(to right,#ffea2b, #ffe92b); + border-radius: 0.1em; + left: 3%; + top: 0; + position: absolute; +} + +*/ + #client_inner_name { - transform: rotate(-4deg); + transform: rotate(-3deg); position: absolute; padding: 1% 3.13%; margin: 1px; @@ -72,10 +91,9 @@ width: 95%; margin: auto; height: 80%; - border-right: 0.2em solid #fc7b00; border-radius: 0.1em; background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); - bottom: 2%; + bottom: 3%; left: 2.5%; position: absolute; word-break: keep-all; -- cgit From f5addbfee25d38b93782cab270490a67db7e79c8 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 5 May 2020 21:07:20 +0200 Subject: give future chatbox the font if its missing --- webAO/styles/chatbox/chatfuture.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatfuture.css b/webAO/styles/chatbox/chatfuture.css index f1f881e..7fc704f 100644 --- a/webAO/styles/chatbox/chatfuture.css +++ b/webAO/styles/chatbox/chatfuture.css @@ -32,8 +32,8 @@ @font-face { font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); + src: url('../ace-attorney.woff2') format('woff2'), + url('../ace-attorney.woff') format('woff'); font-weight: normal; font-style: normal; } -- cgit From 718b1fa565f614cdfdfc94bef4b77ca064598df1 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 7 May 2020 00:40:19 +0200 Subject: p4: add yellow rotated box --- webAO/styles/chatbox/p4.css | 50 +++++++++++++++++++-------------------------- 1 file changed, 21 insertions(+), 29 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index a5ba6d2..872bfbd 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -40,49 +40,41 @@ line-height: 1; } -#client_name { - transform: rotate(3deg); +#client_chatdecoration { + transform: rotate(5deg); display: block; padding: 0 0.45em; - height: 85%; - width: 92%; - text-align: left; - color: #512f15; - background: #fe9e18; - background: linear-gradient(to right,#fdac20, #ff5900); - border: 0.2em solid #ffe92b; - border-style: solid solid none none; + height: 82%; + width: 89%; + background: #ffe92b; + background: linear-gradient(to right,#ffea2b, #ffe92b); border-radius: 0.1em; - left: 3%; + left: 7%; top: 0; position: absolute; } -/* - -#client_name::before { - content: ""; - transform: rotate(2deg); +#client_name { + transform: rotate(4deg); display: block; padding: 0 0.45em; - height: 95%; - width: 94%; - background: #ffea2b; - background: linear-gradient(to right,#ffea2b, #ffe92b); + height: 83%; + width: 92.25%; + text-align: left; + color: #512f15; + background: #fe9e18; + background: linear-gradient(to right,#fdac20, #ff5900); border-radius: 0.1em; left: 3%; - top: 0; + top: 1%; position: absolute; } -*/ - #client_inner_name { - transform: rotate(-3deg); + transform: rotate(-4deg); position: absolute; - padding: 1% 3.13%; - margin: 1px; - left: -1%; + margin: 0; + padding: 1% 0.5%; } #client_chat { @@ -90,10 +82,10 @@ display: block; width: 95%; margin: auto; - height: 80%; + height: 85%; border-radius: 0.1em; background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%); - bottom: 3%; + bottom: 4%; left: 2.5%; position: absolute; word-break: keep-all; -- cgit From 7234b61c089f58d0a9b1f4740ed4390cefe5be83 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 7 May 2020 00:47:02 +0200 Subject: p4: fix chatbox spacing --- webAO/styles/chatbox/p4.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index 872bfbd..efedf01 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -96,11 +96,10 @@ } #client_inner_chat { - padding: 1.5% 4%; - margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + margin: 0; + padding: 1% 5%; + line-height: 125%; + word-spacing: 0.2em; } #client_chatwaiting { -- cgit From d3017b42a255c6e2636f105f3426f164e6033b96 Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 7 May 2020 00:50:04 +0200 Subject: about the only color in this game --- webAO/styles/chatbox/p4.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css index efedf01..01514f1 100644 --- a/webAO/styles/chatbox/p4.css +++ b/webAO/styles/chatbox/p4.css @@ -15,7 +15,7 @@ } .text_blue { - color: #4596ff; + color: #b3b2fa; } .text_yellow { -- cgit From 71355c6a40af21313802d69eae511ee5a158bb0d Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 9 May 2020 17:14:29 +0200 Subject: add 999 and zelda chatbox --- webAO/styles/chatbox/chat999.css | 116 ++++++++++++++++++++++++++++++++++++++ webAO/styles/chatbox/chatboxes.js | 14 +++-- webAO/styles/chatbox/n64zelda.css | 105 ++++++++++++++++++++++++++++++++++ 3 files changed, 229 insertions(+), 6 deletions(-) create mode 100644 webAO/styles/chatbox/chat999.css create mode 100644 webAO/styles/chatbox/n64zelda.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chat999.css b/webAO/styles/chatbox/chat999.css new file mode 100644 index 0000000..f85adba --- /dev/null +++ b/webAO/styles/chatbox/chat999.css @@ -0,0 +1,116 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #6bc6f7; +} + +.text_green { + color: #00f700; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #f77339; +} + +.text_yellow { + color: #ff0; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 42%; + width: 100%; + text-shadow: -1px -1px 0 #525252, 1px -1px 0 #525252, -1px 1px 0 #525252, 1px 1px 0 #525252; +} + +#client_name { + display: block; + position: absolute; + right: 0; + top: 0; + height: 27%; + min-width: 3.25em; + background: rgba(0, 0, 0, 0.5); + padding: 0 2%; + border-color: #fff; + border-style: ridge; + border-width: 0.2em; + border-radius: 0.1em; + z-index: 1; +} + +#client_inner_name { + text-justify: distribute; + letter-spacing: 0.075em; + margin: 0; + line-height: 2; +} + +#client_chat { + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 98%; + width: calc(100% - 0.27em); + height: 60%; + margin: auto; + border-color: #fff; + border-style: ridge; + border-width: 0.15em; + border-radius: 0.1em; + background-color: rgba(0, 0, 0, 0.5); + font-size: 2em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_inner_chat { + padding: 1% 3.13%; + margin: 1px; + line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; +} + +#client_chatwaiting { + display: none; + transform: rotate(90deg); + line-height: 0.5; + color: #28599a; + animation: idling 0.4s linear infinite; +} + +@keyframes idling { + 0% { + right: 0; + } + + 50% { + right: 2%; + } + + 100% { + right: 0; + } +} \ No newline at end of file diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 66df18f..d81e7fd 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -2,16 +2,18 @@ export default [ "aa", "chatdd", "dgs", + "chatplvsaa", + "trilogy", + "chatfuture", + "legacy", "dr1", "chatdr2", "drv3", "drae", - "legacy", - "chatfuture", - "halla", "chatp3", "p4", - "chatplvsaa", - "trilogy", - "yttd" + "chat999", + "halla", + "yttd", + "n64zelda" ]; \ No newline at end of file diff --git a/webAO/styles/chatbox/n64zelda.css b/webAO/styles/chatbox/n64zelda.css new file mode 100644 index 0000000..4c2cbbb --- /dev/null +++ b/webAO/styles/chatbox/n64zelda.css @@ -0,0 +1,105 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #505aff; +} + +.text_green { + color: #46ff50; +} + +.text_red { + color: #ff3c3c; +} + +.text_orange { + color: #ff7800; +} + +.text_yellow { + color: #ff0; +} + +.text_pink { + color: #ff96b4; +} + +.text_cyan { + color: #64b4ff; +} + +@font-face { + font-family: 'ChiaroWeb'; + src: url('https://github.com/ngarces/FE15-Text-Simulator/raw/master/FOT-ChiaroStd-B.otf') format('opentype'); + font-weight: normal; + font-style: normal; +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 25%; + width: 100%; + filter: none; + font-family: "FOT-Chiaro Std", "ChiaroWeb", "Arial", sans-serif; +} + +#client_name { + display: none; +} + +#client_inner_name { + display: none; +} + +#client_chat { + display: block; + position: absolute; + bottom: 2%; + left: 10%; + width: 80%; + height: 100%; + margin: auto; + border-radius: 0.5em; + background: rgba(0,0,0,0.7); + font-size: 1.3em; + word-break: keep-all; + overflow-wrap: break-word; + text-align: center; + line-height: 120%; + scroll-behavior: smooth; +} + +#client_inner_chat { + padding: 1% 5%; + margin: 0; + text-shadow: 0.1em 0.05em 0.1em #000; + overflow: hidden; +} + +#client_chatwaiting { + display: block; + position: absolute; + transform: rotate(90deg); + left: 50%; + bottom: -5%; + line-height: 0.5; + color: #0c5cd4; + animation: idling 0.5s linear infinite alternate; +} + +@keyframes idling { + from { + color: #0c5cd4; + text-shadow: none; + } + + to { + color: #3282ff; + text-shadow: 0 0 0.2em #3282ff; + } +} \ No newline at end of file -- cgit From d78974be8714052e1a57b5d97a090757bf664a71 Mon Sep 17 00:00:00 2001 From: sD Date: Sat, 9 May 2020 18:09:43 +0200 Subject: add paper mario chatbox --- webAO/styles/chatbox/chatboxes.js | 3 +- webAO/styles/chatbox/papermario.css | 93 +++++++++++++++++++++++++++++++++++++ 2 files changed, 95 insertions(+), 1 deletion(-) create mode 100644 webAO/styles/chatbox/papermario.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index d81e7fd..308f633 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -15,5 +15,6 @@ export default [ "chat999", "halla", "yttd", - "n64zelda" + "n64zelda", + "papermario" ]; \ No newline at end of file diff --git a/webAO/styles/chatbox/papermario.css b/webAO/styles/chatbox/papermario.css new file mode 100644 index 0000000..1248c81 --- /dev/null +++ b/webAO/styles/chatbox/papermario.css @@ -0,0 +1,93 @@ +.text_white { + color: #2b2b23; +} + +.text_blue { + color: #93bbe6; +} + +.text_green { + color: #6ab057; +} + +.text_red { + color: #ae0d05; +} + +.text_orange { + color: #cf714c; +} + +.text_yellow { + color: #fef9ad; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +#client_chatcontainer { + position: absolute; + width: 100%; + height: 30%; + bottom: 0; + left: 0; + font-family: "FOT-PopJoy Std", "Comic Sans", sans-serif; +} + +#client_name { + display: none +} + +#client_inner_name { + +} + +#client_chat { + font-size: 1em; + display: block; + width: 94%; + margin: auto; + height: 100%; + border: 0.1em outset #fff; + border-radius: 100em; + background: #deded6; + bottom: 0; + left: 3%; + position: absolute; + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; +} + +#client_inner_chat { + padding: 1% 10%; + margin: 0; + line-height: 130%; +} + +#client_chatwaiting { + display: none; + position: absolute; + right: 4%; + bottom: 10%; + line-height: 0.5; + color: #dece52; + animation: idling 0.5s ease-in-out infinite alternate; +} + +@keyframes idling { + from { + transform: rotate(-20deg); + } + + to { + transform: rotate(20deg); + } +} \ No newline at end of file -- cgit From 0322a2d1e36dd0dbfa4efd4813ddac6ab19017d6 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 12 May 2020 17:54:13 +0200 Subject: fix blurry picture on chrome --- webAO/styles/default.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/default.css b/webAO/styles/default.css index d728ad6..ecd2581 100644 --- a/webAO/styles/default.css +++ b/webAO/styles/default.css @@ -3,11 +3,8 @@ body { } img { - image-rendering: -moz-crisp-edges; - image-rendering: -o-crisp-edges; - image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; - -ms-interpolation-mode: nearest-neighbor; + image-rendering: pixelated; } .client_button { -- cgit From ae55e2cc9a07709c4fc94cdfc280adcf44daf8f5 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 12 May 2020 19:52:05 +0200 Subject: fix dr2 chatbox on chrome --- webAO/styles/chatbox/chatdr2.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css index a559b1a..92af23c 100644 --- a/webAO/styles/chatbox/chatdr2.css +++ b/webAO/styles/chatbox/chatdr2.css @@ -57,8 +57,9 @@ #client_inner_name { padding: 0; - margin: 0; - writing-mode: sideways-lr; + margin: 0; + transform: rotate(180deg); + writing-mode: vertical-rl; bottom: 25%; right: 0; position: absolute; -- cgit From 45cfbb2063a9c8a1e2ef25fe636c8e00f392707d Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 12 May 2020 20:00:35 +0200 Subject: drae: fix nameplate overlapping the border --- webAO/styles/chatbox/drae.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css index 3c313dd..23991d0 100644 --- a/webAO/styles/chatbox/drae.css +++ b/webAO/styles/chatbox/drae.css @@ -42,7 +42,8 @@ #client_name { display: block; padding: 0 0.45em; - height: 24%; + height: 22%; + height: calc(25% - 0.1em); min-width: 50%; text-align: left; letter-spacing: 0.075em; @@ -71,8 +72,8 @@ width: 100%; margin: auto; height: 75%; - border-top: 2px solid #ff00ab; - border-bottom: 2px solid #e9019e; + border-top: 0.1em solid #ff00ab; + border-bottom: 0.1em solid #e9019e; background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75)); bottom: 0; left: 0; @@ -86,7 +87,7 @@ #client_inner_chat { padding: 1% 3.13%; - margin: 1px; + margin: 0; line-height: 97%; letter-spacing: 0.05em; word-spacing: 0.3em; -- 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') 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 197f771ff304a68f63658788bd95caebd1635227 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 27 May 2020 22:35:09 +0200 Subject: add yakuza and homestuck chatbox --- webAO/styles/chatbox/chatboxes.js | 2 + webAO/styles/chatbox/homestuck.css | 71 +++++++++++++++++++++++++++ webAO/styles/chatbox/x_button.svg | 18 +++++++ webAO/styles/chatbox/yakuza.css | 99 ++++++++++++++++++++++++++++++++++++++ 4 files changed, 190 insertions(+) create mode 100644 webAO/styles/chatbox/homestuck.css create mode 100644 webAO/styles/chatbox/x_button.svg create mode 100644 webAO/styles/chatbox/yakuza.css (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatboxes.js b/webAO/styles/chatbox/chatboxes.js index 308f633..078caa2 100644 --- a/webAO/styles/chatbox/chatboxes.js +++ b/webAO/styles/chatbox/chatboxes.js @@ -14,6 +14,8 @@ export default [ "p4", "chat999", "halla", + "homestuck", + "yakuza", "yttd", "n64zelda", "papermario" diff --git a/webAO/styles/chatbox/homestuck.css b/webAO/styles/chatbox/homestuck.css new file mode 100644 index 0000000..1341d94 --- /dev/null +++ b/webAO/styles/chatbox/homestuck.css @@ -0,0 +1,71 @@ +.text_white { + color: #000; +} + +.text_blue { + color: #0000EE; +} + +.text_green { + color: #38f43d; +} + +.text_red { + color: #ff0101; +} + +.text_orange { + color: #d6954b; +} + +.text_yellow { + color: #feef25; +} + +.text_pink { + color: #ff067c; +} + +.text_cyan { + color: #0ff; +} + +#client_chatcontainer { + position: absolute; + bottom: 0; + left: 0; + height: 25%; + width: 100%; + color: #000000; + font-family: "courier-std", courier, monospace; + font-weight: bold; + overflow-wrap: break-word; +} + +#client_name { + display: none; +} + +#client_chat { + display: block; + position: absolute; + bottom: 0; + width: 100%; + margin: auto; + height: 100%; + background-color: #EFEFEF; +} + +#client_inner_chat { + line-height: 1.35; + padding-right: 2em; + padding-left: 2em; + padding-bottom: 2em; +} + +#client_chatwaiting { + display: block; + position: absolute; + left: 2%; + bottom: 2%; +} \ No newline at end of file diff --git a/webAO/styles/chatbox/x_button.svg b/webAO/styles/chatbox/x_button.svg new file mode 100644 index 0000000..0573d48 --- /dev/null +++ b/webAO/styles/chatbox/x_button.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/webAO/styles/chatbox/yakuza.css b/webAO/styles/chatbox/yakuza.css new file mode 100644 index 0000000..7dfa4b9 --- /dev/null +++ b/webAO/styles/chatbox/yakuza.css @@ -0,0 +1,99 @@ +.text_white { + color: #fff; +} + +.text_blue { + color: #6bc6f7; +} + +.text_green { + color: #00f700; +} + +.text_red { + color: #f00; +} + +.text_orange { + color: #f77339; +} + +.text_yellow { + color: #ff0; +} + +.text_pink { + color: #ffc0cb; +} + +.text_cyan { + color: #0ff; +} + +#client_chatcontainer { + display: block; + position: absolute; + bottom: 0; + left: 0; + height: 25%; + width: 100%; + text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; + text-align: left; + font-family: Verdana, Geneva, Tahoma, sans-serif; +} + +#client_name { + display: block; + position: absolute; + left: 0; + top: 0; + height: 15%; + width: 100%; + background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0)); + border-left: 0.3em solid #e3dcc5; + font-size: 0.6em; + z-index: 1; +} + +#client_inner_name { + text-justify: distribute; + padding: 0 3%; + margin: 0; +} + +#client_chat { + display: block; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 85%; + border-top: 0.1em solid rgba(100,100,100,0.5); + box-shadow: inset 0 0.2em 0.2em 0 rgba(0,0,0,0.75); + background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0)); + word-break: keep-all; + overflow-wrap: break-word; + text-align: left; + overflow: hidden; + scroll-behavior: smooth; + font-size: 0.6em; +} + +#client_inner_chat { + margin: 0; + padding: 2% 12%; +} + +#client_chatwaiting { + display: block; + position: absolute; + color: transparent; + text-shadow: none; + right: 4em; + bottom: 35%; + width: 1.5em; + height: 1.5em; + background-image: url("x_button.svg"); + background-size: contain; + transition: opacity 0.2s; +} \ No newline at end of file -- cgit From ec6563414aae071f10beb7d25c6e783de9fa609f Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 1 Jun 2020 19:22:59 +0200 Subject: add dr1 chatwaiting --- webAO/styles/chatbox/chatwaiting_dr1.svg | 13 +++++++++++++ webAO/styles/chatbox/dr1.css | 11 ++++++++++- 2 files changed, 23 insertions(+), 1 deletion(-) create mode 100644 webAO/styles/chatbox/chatwaiting_dr1.svg (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatwaiting_dr1.svg b/webAO/styles/chatbox/chatwaiting_dr1.svg new file mode 100644 index 0000000..d948207 --- /dev/null +++ b/webAO/styles/chatbox/chatwaiting_dr1.svg @@ -0,0 +1,13 @@ + + + + + +image/svg+xml + + + + + + + \ No newline at end of file diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index d624b11..b1df279 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -100,10 +100,19 @@ #client_inner_chat { padding: 2% 4%; + padding-right: 10%; margin: 0; line-height: 97%; } #client_chatwaiting { - display: none; + display: block; + position: absolute; + color: transparent; + right: 3%; + bottom: 30%; + width: 2em; + height: 2em; + background-image: url("chatwaiting_dr1.svg"); + background-size: contain; } \ No newline at end of file -- cgit From e02305654d5d58b4d80c8af4a0e228b34476c6b6 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 2 Jun 2020 00:54:46 +0200 Subject: dr1: fix the padding for the new chatwaiting --- webAO/styles/chatbox/dr1.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index b1df279..ce86a63 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -68,7 +68,7 @@ content: "SPEAKING"; position: absolute; letter-spacing: 0.075em; - left: 75%; + right: 0; top: 0; z-index: 2; margin: 0; @@ -100,9 +100,8 @@ #client_inner_chat { padding: 2% 4%; - padding-right: 10%; + padding-right: 15%; margin: 0; - line-height: 97%; } #client_chatwaiting { -- cgit From 81c4b1366d12fc1410913f9877dce275550c9dd6 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 3 Jun 2020 20:42:03 +0200 Subject: add dr1 style current track indicator --- webAO/styles/chatbox/dr1.css | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css index ce86a63..52febce 100644 --- a/webAO/styles/chatbox/dr1.css +++ b/webAO/styles/chatbox/dr1.css @@ -114,4 +114,41 @@ height: 2em; background-image: url("chatwaiting_dr1.svg"); background-size: contain; +} + +#client_trackstatus { + position: absolute; + right: 4%; + top: 4%; + width: 4em; + height: 1.2em; + font-family: sans-serif; + font-weight: bold; + overflow: hidden; +} + +#client_trackstatus::before { + content: "𝅘𝅥𝅮"; + position: absolute; + left: 0; + top: 0; + margin: 0; +} + +#client_trackstatustext { + display: inline-block; + position: absolute; + left: 20%; + width: 80%; + margin: 0; + overflow: hidden; + padding-left: 1em; + letter-spacing: 0.4em; + white-space: nowrap; + animation: marquee 10s linear infinite; +} + +@keyframes marquee { + from { text-indent: 0% } + to { text-indent: -125% } } \ No newline at end of file -- cgit From 506b411cd149bb7d49e154dd2a167d508f1fb210 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 3 Jun 2020 20:43:28 +0200 Subject: persona3: make it suck less --- webAO/styles/chatbox/chatp3.css | 25 ++++++++++++++----------- 1 file changed, 14 insertions(+), 11 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatp3.css b/webAO/styles/chatbox/chatp3.css index efdcbcc..d8ec064 100644 --- a/webAO/styles/chatbox/chatp3.css +++ b/webAO/styles/chatbox/chatp3.css @@ -38,19 +38,21 @@ body { display: block; position: absolute; bottom: 0; - left: 0; + left: 1%; height: 30%; - width: 100%; - border-color: #d9e2f9; + width: 97%; + width: calc(98% - 0.3em); + border-color: #d9e2f9; + border-style: solid; border-width: 0.15em; - border-radius: 50% / 10%; + border-radius: 75% / 25%; background-color: #aaaeb4;} #client_name { display: block; position: absolute; - left: 1%; - top: 6%; + left: 3%; + top: 9%; height: 15%; color: #5c1d1b; z-index: 1; @@ -65,12 +67,12 @@ body { #client_chat { display: block; position: absolute; - bottom: 5%; + bottom: 6%; left: 2%; width: 96%; - height: 70%; - margin: auto; - font-size: 2em; + height: 68%; + margin: 0; + font-size: 1.5em; word-break: keep-all; overflow-wrap: break-word; text-align: left; @@ -79,7 +81,8 @@ body { } #client_inner_chat { - padding: 0; + padding-left: 3%; + padding-right: 8%; margin: 0; line-height: 97%; } -- 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') 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 b2c7a10238d3132730adedb3796b2b20e468188b Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 9 Jun 2020 21:30:04 +0200 Subject: add font --- webAO/styles/igiari/Igiari.eot | Bin 0 -> 417604 bytes webAO/styles/igiari/Igiari.otf | Bin 0 -> 78620 bytes webAO/styles/igiari/Igiari.svg | 1936 +++++++++++++++++++++++++++++++++++++++ webAO/styles/igiari/Igiari.ttf | Bin 0 -> 417444 bytes webAO/styles/igiari/Igiari.woff | Bin 0 -> 97776 bytes webAO/styles/igiari/license.txt | 8 + webAO/styles/igiari/readme.txt | 31 + webAO/styles/igiari/webfont.css | 21 + 8 files changed, 1996 insertions(+) create mode 100644 webAO/styles/igiari/Igiari.eot create mode 100644 webAO/styles/igiari/Igiari.otf create mode 100644 webAO/styles/igiari/Igiari.svg create mode 100644 webAO/styles/igiari/Igiari.ttf create mode 100644 webAO/styles/igiari/Igiari.woff create mode 100644 webAO/styles/igiari/license.txt create mode 100644 webAO/styles/igiari/readme.txt create mode 100644 webAO/styles/igiari/webfont.css (limited to 'webAO/styles') diff --git a/webAO/styles/igiari/Igiari.eot b/webAO/styles/igiari/Igiari.eot new file mode 100644 index 0000000..5b01deb Binary files /dev/null and b/webAO/styles/igiari/Igiari.eot differ diff --git a/webAO/styles/igiari/Igiari.otf b/webAO/styles/igiari/Igiari.otf new file mode 100644 index 0000000..1e88062 Binary files /dev/null and b/webAO/styles/igiari/Igiari.otf differ diff --git a/webAO/styles/igiari/Igiari.svg b/webAO/styles/igiari/Igiari.svg new file mode 100644 index 0000000..8f889ae --- /dev/null +++ b/webAO/styles/igiari/Igiari.svg @@ -0,0 +1,1936 @@ + + + + +Created by FontForge 20090622 at Mon Apr 18 23:31:26 2016 + By deploy user +Copyright (c) 2014 Caveras / Cliff Modes + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/webAO/styles/igiari/Igiari.ttf b/webAO/styles/igiari/Igiari.ttf new file mode 100644 index 0000000..c7c1cfc Binary files /dev/null and b/webAO/styles/igiari/Igiari.ttf differ diff --git a/webAO/styles/igiari/Igiari.woff b/webAO/styles/igiari/Igiari.woff new file mode 100644 index 0000000..1118f99 Binary files /dev/null and b/webAO/styles/igiari/Igiari.woff differ diff --git a/webAO/styles/igiari/license.txt b/webAO/styles/igiari/license.txt new file mode 100644 index 0000000..a13fa44 --- /dev/null +++ b/webAO/styles/igiari/license.txt @@ -0,0 +1,8 @@ +License for Igiari font + +This font was created by Caveras with FontStruct and is licensed +under a Creative Commons Attribution Non-commercial Share Alike +license. + +http://fontstruct.com/fontstructors/caveras +http://creativecommons.org/licenses/by-nc-sa/3.0/ \ No newline at end of file diff --git a/webAO/styles/igiari/readme.txt b/webAO/styles/igiari/readme.txt new file mode 100644 index 0000000..63030c5 --- /dev/null +++ b/webAO/styles/igiari/readme.txt @@ -0,0 +1,31 @@ +Igiari by Caveras - based on the original main text pixel font used in +the Ace Attorney video game series for Game Boy Advance and Nintendo DS +(Capcom, 2001-2011). + +The font file in this archive was created by Caveras using FontStruct - +the free, online font-building tool. This font has a homepage where this +archive and other versions may be found: +http://fontstruct.com/fontstructors/caveras + +It is also distributed over Caveras' website: http://www.caveras.net + +Try FontStruct at http://fontstruct.com - It’s easy and it’s fun. + +NOTE FOR FLASH USERS: FontStruct fonts (FontStructions) are optimized for +Flash. The font in this archive is a pixel font and best displayed at a +font-size of 8 and multiples of this number. + +FontStruct is sponsored by FontShop. Visit them at http://fontshop.com. +FontShop is the original independent font retailer. We’ve been around since +the dawn of digital type. Whether you need the right font or need to create +the right font from scratch, let our 23 years of experience work for you. + +FontStruct is copyright © 2013-2014 Rob Meek + +LEGAL NOTICE: +In using this font you must comply with the licensing terms described in the +file “license.txt” included with this archive. If you redistribute the font +file in this archive, it must be accompanied by all the other files from this +archive, including this one. + +Copyright © 2014 Caveras / Cliff Modes. \ No newline at end of file diff --git a/webAO/styles/igiari/webfont.css b/webAO/styles/igiari/webfont.css new file mode 100644 index 0000000..88f643a --- /dev/null +++ b/webAO/styles/igiari/webfont.css @@ -0,0 +1,21 @@ +/* Webfont CSS setup for Igiari by Caveras */ + +@font-face { + font-family:'Igiari'; + src:url('Igiari.eot'); + src:url('Igiari.eot?#iefix') format('embedded-opentype'), + url('Igiari.woff') format('woff'), + url('Igiari.ttf') format('truetype'), + url('Igiari.svg#Igiari') format('svg'); + font-weight:normal; + font-style:normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family:'Igiari'; + src: url('Igiari.svg') format('svg'); + font-weight:normal; + font-style:normal; + } +} \ No newline at end of file -- cgit From b8341cfe25eee08b28d9aea92525cfc9ba9eb19c Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 9 Jun 2020 21:30:21 +0200 Subject: use in AA box --- webAO/styles/chatbox/aa.css | 26 ++++++++++++++++++++------ 1 file changed, 20 insertions(+), 6 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 157f3ae..2433c29 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -30,12 +30,26 @@ color: #0ff; } +/* Webfont CSS setup for Igiari by Caveras */ + @font-face { - font-family: 'ace_attorneyregular'; - src: url('../ace-attorney.woff2') format('woff2'), - url('../ace-attorney.woff') format('woff'); - font-weight: normal; - font-style: normal; + font-family:'Igiari'; + src:url('../igiari/Igiari.eot'); + src:url('../igiari/Igiari.eot?#iefix') format('embedded-opentype'), + url('../igiari/Igiari.woff') format('woff'), + url('../igiari/Igiari.ttf') format('truetype'), + url('../igiari/Igiari.svg#Igiari') format('svg'); + font-weight:normal; + font-style:normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family:'Igiari'; + src: url('../igiari/Igiari.svg') format('svg'); + font-weight:normal; + font-style:normal; + } } #client_chatcontainer { @@ -46,7 +60,7 @@ height: 40%; width: 100%; filter: none; - font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; + font-family: "Igiari", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif; } #client_name { -- cgit From 3fb9af3a20cf08894b7c5bbcb8aecd30140448bd Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 10 Jun 2020 19:43:29 +0200 Subject: p3: don't change the font of the entire document --- webAO/styles/chatbox/chatp3.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/chatp3.css b/webAO/styles/chatbox/chatp3.css index d8ec064..5945a67 100644 --- a/webAO/styles/chatbox/chatp3.css +++ b/webAO/styles/chatbox/chatp3.css @@ -1,7 +1,3 @@ -body { - font-family: sans-serif; -} - .text_white { color: #50545c; } @@ -46,7 +42,9 @@ body { border-style: solid; border-width: 0.15em; border-radius: 75% / 25%; - background-color: #aaaeb4;} + background-color: #aaaeb4; + font-family: sans-serif; +} #client_name { display: block; -- cgit From f5cad1ca383e3e705fd9679344d2d5ea62e4c60c Mon Sep 17 00:00:00 2001 From: sD Date: Fri, 12 Jun 2020 19:47:40 +0200 Subject: change the font on classic theme too --- webAO/styles/classic.css | 26 ++++++++++++++++++++------ 1 file changed, 20 insertions(+), 6 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index cd445ec..87cdda7 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -1,13 +1,27 @@ body { - font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; + font-family: "Igiari", "Ace Attorney", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; } +/* Webfont CSS setup for Igiari by Caveras */ + @font-face { - font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); - font-weight: normal; - font-style: normal; + font-family:'Igiari'; + src:url('igiari/Igiari.eot'); + src:url('igiari/Igiari.eot?#iefix') format('embedded-opentype'), + url('igiari/Igiari.woff') format('woff'), + url('igiari/Igiari.ttf') format('truetype'), + url('igiari/Igiari.svg#Igiari') format('svg'); + font-weight:normal; + font-style:normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family:'Igiari'; + src: url('igiari/Igiari.svg') format('svg'); + font-weight:normal; + font-style:normal; + } } img { -- cgit From a9a4d64609ed7f9fca0f1eef7e155fd1471b0c3d Mon Sep 17 00:00:00 2001 From: sD Date: Thu, 9 Jul 2020 20:59:27 +0200 Subject: adjust font size --- webAO/styles/chatbox/aa.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 2433c29..50baec4 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -93,7 +93,7 @@ bottom: 0; left: 0; width: 98%; - width: calc(100% - 0.27em); + width: calc(100% - 0.25em); height: 78%; margin: auto; border-color: rgba(255, 255, 255, 0.5); @@ -101,7 +101,7 @@ border-width: 0.15em; border-radius: 0.3em; background-color: rgba(0, 0, 16, 0.5); - font-size: 2em; + font-size: 1.7em; word-break: keep-all; overflow-wrap: break-word; text-align: left; -- 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') 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') 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 From e9a114dd35484eb6ca484dbeabdc4c3fb1641a06 Mon Sep 17 00:00:00 2001 From: sD Date: Fri, 10 Jul 2020 19:54:08 +0200 Subject: account for the changed spacings --- webAO/styles/chatbox/aa.css | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 50baec4..0d6eff1 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -67,11 +67,13 @@ display: block; position: absolute; left: 0; - top: 0; - height: 15%; + top: 1%; + height: 13%; min-width: 3.25em; + font-size: 1.1em; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; + margin: 0; padding: 0 2%; border-color: rgba(255, 255, 255, 0.5); border-style: ridge groove groove ridge; @@ -84,7 +86,6 @@ text-justify: distribute; letter-spacing: 0.075em; margin: 0; - font-weight: bold; } #client_chat { @@ -101,7 +102,7 @@ border-width: 0.15em; border-radius: 0.3em; background-color: rgba(0, 0, 16, 0.5); - font-size: 1.7em; + font-size: 1.6em; word-break: keep-all; overflow-wrap: break-word; text-align: left; @@ -110,11 +111,9 @@ } #client_inner_chat { - padding: 1% 3.13%; + padding: 0.4% 2.8%; margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; + line-height: 100%; } #client_chatwaiting { -- cgit From 284c907dfda629be2f3ff9f6875f0a61119b80cc Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 13 Jul 2020 18:32:39 +0200 Subject: aa: fix nameplate --- webAO/styles/chatbox/aa.css | 1 + 1 file changed, 1 insertion(+) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 0d6eff1..f8cb7bc 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -85,6 +85,7 @@ #client_inner_name { text-justify: distribute; letter-spacing: 0.075em; + line-height: 100%; margin: 0; } -- cgit From defaf5b6511588d3a00809979c9e0cf3ffd0766e Mon Sep 17 00:00:00 2001 From: sD Date: Mon, 13 Jul 2020 19:43:32 +0200 Subject: aa: match the border radius to the original game --- webAO/styles/chatbox/aa.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css index 0d6eff1..30c4884 100644 --- a/webAO/styles/chatbox/aa.css +++ b/webAO/styles/chatbox/aa.css @@ -100,7 +100,7 @@ border-color: rgba(255, 255, 255, 0.5); border-style: ridge groove groove ridge; border-width: 0.15em; - border-radius: 0.3em; + border-radius: 0.2em; background-color: rgba(0, 0, 16, 0.5); font-size: 1.6em; word-break: keep-all; -- cgit