Resource fixes!

[browser-rts.git] / public / scifi.css

diff --git a/public/scifi.css b/public/scifi.css
index c9e6da2846c542ae82b65f88737a01f10fb671b1..3c6c0b732baf7b06f368ff20c397cc12b78a807f 100644 (file)
--- a/public/scifi.css
+++ b/public/scifi.css
@@ -5,6 +5,7 @@
     --green-bg: #193818;
     --green-border: #32821c;
     --red-border: #821c1c;
+    --red-bg: #381818;
 }
 
 input {
@@ -89,12 +90,18 @@ button::after, .btn::after {
     color: var(--border);
 }
 .danger {
-    background-color: #381818;
+    background-color: var(--red-bg);
     border-color: var(--red-border);
 }
 .danger::after {
     color: #821c1c
 }
+.danger-text {
+  color: var(--red-border);
+}
+.success-text {
+  color: var(--green-border);
+}
 .success {
     background-color: var(--green-bg);
     border-color: var(--green-border);
@@ -252,6 +259,21 @@ form > div {
     justify-content: space-evenly;
 }
 
+#info-bar > span {
+  display: inline-block;
+  line-height: 1.5rem; 
+}
+#info-bar b {
+  --aug-border-all: 1px;
+  --aug-border-bg: var(--border);
+  display: inline-block;
+  line-height: 2rem;
+  width: 30px;
+  text-align: center;
+  background-color: #0d2329;
+  cursor: default;
+}
+
 #overworld-map {
   width: auto;
   margin: 0 auto;
@@ -295,3 +317,18 @@ form > div {
 #sector-selector select {
   margin-left: 20px;
 }
+
+.cost-display {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.cost-display > div {
+  margin: 0 0.5rem;
+}
+.rate-of-change.success-text::before {
+  content: '\25B2 ';
+}
+.rate-of-change.danger::before {
+  content: '\25BC ';
+}