1 files changed, 120 insertions, 0 deletions
diff --git a/src/client/util/SettingsManager.scss b/src/client/util/SettingsManager.scss
new file mode 100644
index 000000000..5839fa748
--- /dev/null
+++ b/src/client/util/SettingsManager.scss
@@ -0,0 +1,120 @@
+@import "../views/globalCssVariables";
+
+.dialogue-box {
+    background-color: whitesmoke !important;
+    color: grey;
+
+    button {
+        background: $lighter-alt-accent;
+        outline: none;
+        border-radius: 5px;
+        border: 0px;
+        color: #fcfbf7;
+        text-transform: uppercase;
+        letter-spacing: 2px;
+        font-size: 75%;
+        padding: 10px;
+        transition: transform 0.2s;
+        margin: 2px;
+    }
+}
+
+.settings-interface {
+    display: flex;
+    flex-direction: column;
+
+    input {
+        border-radius: 5px;
+        border: none;
+        padding: 4px 4px 4px 10px;
+        margin: 2px;
+    }
+
+    .settings-body {
+        display: flex;
+        flex-direction: row;
+
+
+        .settings-type {
+            display: flex;
+            flex-direction: column;
+            flex-basis: 30%;
+
+        }
+
+        .settings-content {
+            padding-left: 1em;
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            text-align: left;
+
+            button {
+                background: $darker-alt-accent;
+            }
+
+            input {
+                min-width: 100%;
+            }
+
+            .error-text {
+                color: #C40233;
+            }
+
+            .success-text {
+                color: #009F6B;
+            }
+        }
+    }
+
+    .focus-span {
+        text-decoration: underline;
+    }
+
+    p {
+        text-align: left;
+        padding: 0;
+        margin: 0 0 20px 0;
+    }
+
+    h1 {
+        color: $dark-color;
+        text-transform: uppercase;
+        letter-spacing: 2px;
+        font-size: 120%;
+    }
+
+    .close-button {
+        position: absolute;
+        right: 1em;
+        top: 1em;
+    }
+
+    .container {
+        display: block;
+        position: relative;
+        margin-top: 10px;
+        margin-bottom: 10px;
+        font-size: 22px;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        width: 700px;
+        min-width: 700px;
+        max-width: 700px;
+        text-align: left;
+        font-style: normal;
+        font-size: 15;
+        font-weight: normal;
+        padding: 0;
+
+        .padding {
+            padding: 0 0 0 20px;
+            color: black;
+        }
+
+
+
+    }
+}
+\ No newline at end of file