ability to cancel construction and have a portion of the funds returned

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

diff --git a/public/scifi.css b/public/scifi.css
index 450fddf644601f3d5457272ac2bc7a944416bb92..98c99bd372922779a6c911ff779b07810f4f7b61 100644 (file)
--- a/public/scifi.css
+++ b/public/scifi.css
@@ -62,6 +62,7 @@ tr:nth-child(odd) td, tr:nth-child(odd) th {
 th, td {
     padding: 0.5rem;
 }
+l 
 p, form, ul, ol {
     line-height: 1.3rem;
     margin: 0 2rem 2rem 2rem;
@@ -73,6 +74,17 @@ label {
     margin-right: 5px;
 }
 
+a {
+    font-weight: bold;
+    color: #fff;
+    text-decoration: none;
+}
+a::before {
+    content: '\27EA';
+}
+a::after {
+    content: '\27EB';
+}
 button, .btn {
     border: solid 1px var(--border);
     background-color: #183238;
@@ -84,6 +96,11 @@ button, .btn {
     text-align: center;
     font-weight: bold;
     min-width: 150px;
+    display: inline-block;
+}
+a.btn::before {
+  content: '';
+  clear: both;
 }
 button::after, .btn::after {
     content: '\27EB';
@@ -116,6 +133,12 @@ button:active, .btn:active, button:hover, .btn:hover {
 button.success:active, .btn.success:active, button.success:hover, .btn.success:hover {
     background-color: #1e4c1a;
 }
+button.danger:active, .btn.danger:active, button.danger:hover, .btn.danger:hover {
+    background-color: #601f1f;
+}
+a.close::before, a.close::after{
+  content: '';
+}
 
 input[type="text"], input[type="password"], input[type="number"] {
     border: solid 1px var(--border);
@@ -127,17 +150,6 @@ input[type="text"], input[type="password"], input[type="number"] {
     padding: 5px;
 }
 
-a {
-    font-weight: bold;
-    color: #fff;
-    text-decoration: none;
-}
-a::before {
-    content: '\27EA';
-}
-a::after {
-    content: '\27EB';
-}
 footer {
     text-align: center;
     border-top: solid 1px var(--border);
@@ -235,6 +247,13 @@ footer {
 .text-center {
     text-align: center;
 }
+.progress-bar {
+    border: solid 1px #fff;
+    text-align: center;
+    color: #fff;
+    width: 100%;
+    min-width: 100px;
+}
 
 /** CUSTOMIZATIONS **/
 form > div {