From 0f9c2f400055a0a53a84b5067500d844516d665f Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Tue, 29 Jun 2021 20:00:09 +0200 Subject: match actual ao 1.7 colors more closely --- webAO/styles/classic.css | 36 ++++++++++++++++ webAO/styles/inferior.css | 107 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 143 insertions(+) create mode 100644 webAO/styles/inferior.css (limited to 'webAO') diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css index 90f39bc..04c7d08 100644 --- a/webAO/styles/classic.css +++ b/webAO/styles/classic.css @@ -102,6 +102,19 @@ hr { } .client_button { + min-width: 2.5em; + margin: 1px; + padding: 6px 2px; + cursor: pointer; + text-align: center; + color: #000; + background-color: #c0c0c0; + text-shadow: 0 0 1px #000; + border: #909090 solid 1px; + border-radius: 4px; +} + +.objection_button { min-width: 6em; margin: 1px; padding: 6px 2px; @@ -114,6 +127,10 @@ hr { border: #000 solid 1px; } +#button_2 { + text-transform: capitalize; +} + #client_log { color: white; background: repeating-linear-gradient(black, black 3px, #181818 3px, #181818 4px); @@ -174,4 +191,23 @@ hr { display: inline-block; transition: 1s linear; transition-property: width; +} + +#client_ooclog { + background-color: #8b8b8b; + color: #000; +} + +#client_inputbox { + background-color: #6d6d6d; + color: #000; +} + +#client_iccontrols { + background-color: #595959; +} + +#client_oocinput { + background-color: #575757; + color: #000; } \ No newline at end of file diff --git a/webAO/styles/inferior.css b/webAO/styles/inferior.css new file mode 100644 index 0000000..18c5ae6 --- /dev/null +++ b/webAO/styles/inferior.css @@ -0,0 +1,107 @@ +body { + font-family: "Arial", sans-serif; +} + +img { + image-rendering: crisp-edges; + image-rendering: pixelated; +} + +input[type=text] { + background-color: #575757; + color: #fff; +} + +::placeholder { + color: #ababab; + opacity: 1; +} + +select { + background-color: #a9a9a9; + color: #000; +} + +.client_button { + margin: 1px; + padding: 2px 15px; + cursor: default; + text-align: center; + font-weight: bold; + color: white; + background-color: #7c2900; + border-radius: 3px; + border-style: solid; + border-width: 1px; + border-color: #9a5a34 #4a3d36 #6e2200 #4a3d36; + box-shadow: 1px 1px inset; +} + +.evi_icon { + width: 70px; + min-width: 70px; + height: 70px; + background-color: #7b7b7b; + outline: 2px ridge #fff; + outline-offset: -2px; + margin-right: 2px; +} + +#client_inputbox { + background-color: #808080; + color: #fff; +} + +#client_iccontrols { + background: #303030; +} + +#client_log { + color: #fff; + background-color: #000; +} + +#client_defense_hp { + text-align: left; + border-color: #486eca; +} + +#client_defense_hp>.health-bar { + background-color: #333c8e; +} + +#client_prosecutor_hp { + text-align: right; + border-color: #ca4848; +} + +#client_prosecutor_hp>.health-bar { + background-color: #8e0000; + +} + +.health-box { + background-color: #000; + height: 20px; + width: 50%; + margin: 0 auto; + border-style: solid none; + border-width: 0.1em; + box-sizing: border-box; + display: block; +} + +.health-bar { + width: 100%; + height: 100%; + bottom: 0; + position: relative; + display: inline-block; + transition: 1s linear; + transition-property: width; +} + +#client_ooclog { + background-color: #8b8b8b; + color: #000; +} \ No newline at end of file -- cgit