aboutsummaryrefslogtreecommitdiff
path: root/webAO/styles/soj.css
diff options
context:
space:
mode:
authorstonedDiscord <stonedDiscord@users.noreply.github.com>2024-11-20 13:35:44 +0000
committerGitHub Action <actions@github.com>2024-11-20 13:35:44 +0000
commit8ecc3578146542955ce9615085509145a137c9d6 (patch)
treeaac2f19497b46900701c3c359179d8fe52d23357 /webAO/styles/soj.css
parent3bf5a2550aaca9810c1136b6d11173062f4cf259 (diff)
Prettified Code!
Diffstat (limited to 'webAO/styles/soj.css')
-rw-r--r--webAO/styles/soj.css151
1 files changed, 78 insertions, 73 deletions
diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index 9e277c4..50759b9 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -1,117 +1,122 @@
body {
- font-family: sans-serif;
+ font-family: sans-serif;
}
.evi_icon {
- width: 70px;
- min-width: 70px;
- height: 70px;
- background-color: #848284;
- outline: 2px ridge #fff;
- border: 1px solid #181818;
- outline-offset: -2px;
- margin-right: 2px;
+ width: 70px;
+ min-width: 70px;
+ height: 70px;
+ background-color: #848284;
+ outline: 2px ridge #fff;
+ border: 1px solid #181818;
+ outline-offset: -2px;
+ margin-right: 2px;
}
#evi_name {
- color: #e7e3c6;
- background-color: #293431;
+ color: #e7e3c6;
+ background-color: #293431;
}
#evi_desc {
- flex: 1 auto;
- background: repeating-linear-gradient(#84ae8c, #84ae8c 14px, #4a6952 14px, #4a6952 15px);
+ flex: 1 auto;
+ background: repeating-linear-gradient(
+ #84ae8c,
+ #84ae8c 14px,
+ #4a6952 14px,
+ #4a6952 15px
+ );
}
.client_button {
- margin: 1px;
- padding: 2px 15px;
- cursor: pointer;
- text-align: center;
- font-weight: bold;
- color: #fff;
- background: linear-gradient(to bottom, #6b3c10, #422008);
- border: 1px solid #211408;
- outline: 1px solid #846129;
- outline-offset: -1px;
+ margin: 1px;
+ padding: 2px 15px;
+ cursor: pointer;
+ text-align: center;
+ font-weight: bold;
+ color: #fff;
+ background: linear-gradient(to bottom, #6b3c10, #422008);
+ border: 1px solid #211408;
+ outline: 1px solid #846129;
+ outline-offset: -1px;
}
#client_log {
- position: relative;
- height: 100%;
- color: #fff;
- word-break: keep-all;
- word-wrap: break-word;
- overflow-wrap: break-word;
- overflow-y: auto;
- font-size: medium;
- background-color: rgba(0, 0, 0, 0.8);
- text-align: start;
- line-height: .85em;
+ position: relative;
+ height: 100%;
+ color: #fff;
+ word-break: keep-all;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ overflow-y: auto;
+ font-size: medium;
+ background-color: rgba(0, 0, 0, 0.8);
+ text-align: start;
+ line-height: 0.85em;
}
-#client_log>p {
- line-height: 1.1em;
- border-top: 1px solid rgba(255, 255, 255, 0.2);
- border-bottom: 1px solid #000;
+#client_log > p {
+ line-height: 1.1em;
+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ border-bottom: 1px solid #000;
}
.iclog_name {
- font-weight: initial;
- padding-right: .35em;
- text-shadow:
- 0 0 3px #39307b,
- -1px -1px 0 #39307b,
- 1px -1px 0 #39307b,
- -1px 1px 0 #39307b,
- 1px 1px 0 #39307b;
+ font-weight: initial;
+ padding-right: 0.35em;
+ text-shadow:
+ 0 0 3px #39307b,
+ -1px -1px 0 #39307b,
+ 1px -1px 0 #39307b,
+ -1px 1px 0 #39307b,
+ 1px 1px 0 #39307b;
}
.iclog_text::before {
- content: "\A";
- white-space: pre;
+ content: "\A";
+ white-space: pre;
}
.iclog_time {
- float: right;
- padding-right: .5em;
- color: #dbdbdb;
+ float: right;
+ padding-right: 0.5em;
+ color: #dbdbdb;
}
#client_defense_hp {
- text-align: left;
+ text-align: left;
}
-#client_defense_hp>.health-bar {
- background-color: #169de0;
+#client_defense_hp > .health-bar {
+ background-color: #169de0;
}
#client_prosecutor_hp {
- text-align: right;
+ text-align: right;
}
-#client_prosecutor_hp>.health-bar {
- background-color: #e01f5f;
+#client_prosecutor_hp > .health-bar {
+ background-color: #e01f5f;
}
.health-box {
- background-color: #555;
- height: 20px;
- width: 50%;
- margin: 0 auto;
- border: solid 2px #aaa;
- border-radius: 5px;
- box-sizing: border-box;
- display: block;
+ background-color: #555;
+ height: 20px;
+ width: 50%;
+ margin: 0 auto;
+ border: solid 2px #aaa;
+ border-radius: 5px;
+ box-sizing: border-box;
+ display: block;
}
.health-bar {
- width: 100%;
- height: 100%;
- border-radius: 3px;
- bottom: 0;
- position: relative;
- display: inline-block;
- transition: 1s linear;
- transition-property: width;
+ width: 100%;
+ height: 100%;
+ border-radius: 3px;
+ bottom: 0;
+ position: relative;
+ display: inline-block;
+ transition: 1s linear;
+ transition-property: width;
}