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 +++++++++++ 5 files changed, 293 insertions(+) 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/chatbox') 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 -- 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 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/chatbox') 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 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 ++++++++++------------- 10 files changed, 266 insertions(+), 48 deletions(-) (limited to 'webAO/styles/chatbox') 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; -- 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 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/chatbox') 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 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 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/chatbox') 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 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 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/chatbox') 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/chatbox') 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 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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/chatbox') 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 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/chatbox') 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/chatbox') 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 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/chatbox') 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 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/chatbox') 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/chatbox') 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/chatbox') 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