Jigerator frontend mostly working

1 files changed, 53 insertions, 0 deletions

diff --git a/webapp/static/style.css b/webapp/static/style.css
index da272af..857541d 100644
--- a/webapp/static/style.css
+++ b/webapp/static/style.css
@@ -174,3 +174,56 @@ a.btn:active, a.btn:hover, a.btn:visited, a.btn:link {
     padding-top: 1em;
 }
 
+
+.upload-label {
+    font-weight: 400;
+    padding: 1em 0 1em 0;
+}
+.svg-spinner {
+    width: 10em;
+    max-width: 100%;
+}
+
+.brace {
+    fill: #ffffff80;
+    width: 100%;
+    padding: 2em 0 2em 0;
+}
+
+.down-arrow {
+    fill: #ffffff80;
+    width: 5em;
+    padding: 2em 0 2em 0;
+}
+
+.flashes {
+    padding: 2em 0 2em 0;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.flash {
+    padding: .4em 0 .4em 0;
+    width: 100%;
+    max-width: 30em;
+    margin: 1em 0 1em 0;
+    background-color: #ddd;
+    color: #222;
+    border-radius: .5em;
+    text-align: center;
+    font-weight: 700;
+}
+
+.flash-success {
+    color: #112b00;
+    background-color: #b3ff80;
+    box-shadow: 1px 2px 4px 1px #000;
+}
+
+.flash-error {
+    color: #f4d7d7;
+    background-color: #d35f5f;
+    box-shadow: 1px 2px 4px 1px #000;
+}