From be29ededc43f8b2f0a79d573b25a12e7632c6f03 Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Mar 2020 00:22:14 +0100 Subject: add correct word spacing to classic theme --- webAO/styles/classic.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index aea5b34..e40e8d8 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -130,6 +130,8 @@ img { padding: 1% 3.13%; margin: 1px; line-height: 97%; + letter-spacing: 0.05em; + word-spacing: 0.3em; } #client_chatwaiting { -- cgit From a992bc582d72d88925926ed4e9bc4444a68a042c Mon Sep 17 00:00:00 2001 From: sD Date: Wed, 25 Mar 2020 00:27:07 +0100 Subject: nametag is bold --- webAO/styles/classic.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index e40e8d8..c87d76d 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -93,6 +93,7 @@ img { min-width: 3.25em; text-justify: distribute; letter-spacing: 0.075em; + font-weight: bold; background: rgba(56, 56, 163, 0.5); box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; left: 0; @@ -137,7 +138,7 @@ img { #client_chatwaiting { display: block; right: -6px; - bottom: 0.24em; + bottom: 0.2em; width: 1em; position: absolute; animation: idling 0.4s linear infinite; -- cgit From 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/classic.css | 143 ----------------------------------------------- 1 file changed, 143 deletions(-) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index c87d76d..ffd7b28 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -15,149 +15,6 @@ img { image-rendering: pixelated; } -.text_white { - color: #fff; -} - -.text_blue { - color: #6bc6f7; -} - -.text_green { - color: #00f700; -} - -.text_red { - color: #f00; -} - -.text_orange { - color: #f77339; -} - -.text_yellow { - color: #ff0; -} - -.text_pink { - color: #ffc0cb; -} - -.text_cyan { - color: #0ff; -} - -.text_rainbow { - background-color: #fff; - background-image: repeating-linear-gradient(to right, - red 0% 8%, orange 8% 16%, yellow 16% 24%, green 24% 32%, blue 32% 40%, - red 40% 48%, orange 48% 56%, yellow 56% 64%, green 64% 72%, blue 72% 80%, - red 80% 88%, orange 88% 96%, yellow 96% 100%); - background-size: 40% 40%; - background-clip: text; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - animation: rainbow 4s linear infinite; -} - -@keyframes rainbow_alt { - - 0%, - 100% { - background-position: 0 0; - } - - 50% { - background-position: 400% 0; - } -} - -@keyframes rainbow { - 0% { - background-position: 0 0; - } - - 100% { - background-position: 400% 0; - } -} - -#client_chatcontainer { - filter: none; -} - -#client_name { - display: none; - padding: 0 0.45em; - height: 5.2%; - min-width: 3.25em; - text-justify: distribute; - letter-spacing: 0.075em; - font-weight: bold; - background: rgba(56, 56, 163, 0.5); - box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset; - left: 0; - top: 60.4%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.2em; - border-radius: 0.2em; - position: absolute; - z-index: 1; -} - -#client_chat { - font-size: 1em; - display: none; - width: 98.4375%; - width: calc(100% - 0.275em); - margin: auto; - height: 31.25%; - border-color: rgba(255, 255, 255, 0.5); - border-style: ridge groove groove ridge; - border-width: 0.15em; - border-radius: 0.3em; - background-color: rgba(0, 0, 16, 0.5); - top: 66.5%; - position: absolute; - word-break: keep-all; - overflow-wrap: break-word; - text-align: left; - overflow: hidden; - scroll-behavior: smooth; -} - -#client_chat p { - padding: 1% 3.13%; - margin: 1px; - line-height: 97%; - letter-spacing: 0.05em; - word-spacing: 0.3em; -} - -#client_chatwaiting { - display: block; - right: -6px; - bottom: 0.2em; - width: 1em; - position: absolute; - animation: idling 0.4s linear infinite; -} - -@keyframes idling { - 0% { - right: -4px; - } - - 50% { - right: -8px; - } - - 100% { - right: -4px; - } -} - #evi_name { background-color: #393939; color: #ffad18; -- cgit From 3d6b78dc38bfacaf5ee389cb93fc0300ee0a5da2 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:00:28 +0200 Subject: add bars to evidence screen --- webAO/styles/classic.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index c87d76d..467419c 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -82,6 +82,14 @@ img { } } +hr { + height: 6px; + width: 100%; + background-color: #c6c6c6; + background: repeating-linear-gradient(to right,#f7f7f7, #f7f7f7 1px, #8c8c8c 1px, #8c8c8c 2px, #c6c6c6 2px, #c6c6c6 16px); + margin: 0; +} + #client_chatcontainer { filter: none; } -- cgit From b99c63d4e1807e1b1fd55d2e0600f448e44730d2 Mon Sep 17 00:00:00 2001 From: sD Date: Tue, 14 Apr 2020 00:29:36 +0200 Subject: remove borders from the boxes in classic theme --- webAO/styles/classic.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index 467419c..b8ab269 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -169,10 +169,15 @@ hr { #evi_name { background-color: #393939; color: #ffad18; + border: none; } #evi_desc { flex: 1 auto; + border-top: 1px solid #6b946b; + border-left: 1px solid #6b946b; + border-right: none; + border-bottom: none; background-color: #9cc694; } -- cgit From c499900cfba6052cf4e75a423cceb23146a76a6b Mon Sep 17 00:00:00 2001 From: sD Date: Sun, 26 Apr 2020 18:42:27 +0200 Subject: move evi icon to theme --- webAO/styles/classic.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index 985c04f..cd445ec 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -38,6 +38,16 @@ hr { background-color: #9cc694; } +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #7b7b7b; + outline: 2px ridge #fff; + outline-offset: -2px; + margin-right: 2px; +} + #client_menu { background-color: #5a5a5a; overflow-y: auto; -- cgit From f5cad1ca383e3e705fd9679344d2d5ea62e4c60c Mon Sep 17 00:00:00 2001 From: sD Date: Fri, 12 Jun 2020 19:47:40 +0200 Subject: change the font on classic theme too --- webAO/styles/classic.css | 26 ++++++++++++++++++++------ 1 file changed, 20 insertions(+), 6 deletions(-) (limited to 'webAO/styles/classic.css') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index cd445ec..87cdda7 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -1,13 +1,27 @@ body { - font-family: "Ace Attorney", "ace_attorneyregular", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; + font-family: "Igiari", "Ace Attorney", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi" , sans-serif; } +/* Webfont CSS setup for Igiari by Caveras */ + @font-face { - font-family: 'ace_attorneyregular'; - src: url('ace-attorney.woff2') format('woff2'), - url('ace-attorney.woff') format('woff'); - font-weight: normal; - font-style: normal; + font-family:'Igiari'; + src:url('igiari/Igiari.eot'); + src:url('igiari/Igiari.eot?#iefix') format('embedded-opentype'), + url('igiari/Igiari.woff') format('woff'), + url('igiari/Igiari.ttf') format('truetype'), + url('igiari/Igiari.svg#Igiari') format('svg'); + font-weight:normal; + font-style:normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family:'Igiari'; + src: url('igiari/Igiari.svg') format('svg'); + font-weight:normal; + font-style:normal; + } } img { -- cgit