user_signup.scss: user_signup page basic styling

4 files changed, 161 insertions, 85 deletions

diff --git a/res/client/css/partials/user_signup.scss b/res/client/css/partials/user_signup.scss
new file mode 100644
index 00000000..2c3bc4cc
--- /dev/null
+++ b/res/client/css/partials/user_signup.scss
@@ -0,0 +1,81 @@
+#user_signup_form_panel {
+	width: 550px;
+	text-align: center;
+	margin-left: auto;
+	margin-right: auto;
+	display: block;
+	margin-top: 20%;
+}
+
+#signup_form___submit_button {
+	background-color: #ee3654;
+	border-radius: 3px;
+	color: #fff;
+	cursor: pointer;
+	float: right;
+	font-weight: bold;
+	margin: 20px;
+	padding: 12px 20px;
+	text-align: center;
+	width: 140px;
+}
+
+.signup_form__row {
+	overflow: auto;
+	width: 100%;
+}
+
+.signup_form__field {
+	border-radius: 3px;
+	border: 1px solid #4B7CBD;
+	float: left;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	padding-left: 10px;
+	padding-right: 10px;
+	margin: 5px;
+}
+
+.signup_form__row_sharing_field {
+	display: inline-block;
+}
+
+.signup_form__field input {
+	background-color: inherit;
+	border: none;
+}
+
+.signup_form__field input:focus {
+	outline: none;
+}
+
+#signup_form__title {
+	color: #ee3654;
+	margin-bottom: 30px;
+	background: url(../img/logo-red.png);
+	background-repeat: no-repeat;
+	background-position: 140px 2px;
+}
+
+#signup_form___submit_button_row {
+	overflow: auto;
+}
+
+#signup_form___submit_button:hover {
+	alpha: 1.0;
+}
+
+#signup_form__ajax_response {
+	margin-top: 30px;
+	margin: 10px;
+}
+
+#err_msg_row {
+	border-radius: 3px;
+	background-color: #413B38;
+	color: #fff;
+	display: none;
+	margin: 10px;
+	padding: 5px;
+	vertical-align: middle;
+}
\ No newline at end of file
diff --git a/res/client/css/style.css b/res/client/css/style.css
index ea845969..3fe796a1 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -891,5 +891,75 @@ p {
   padding: 6px 0px 6px 18px;
   cursor: default; }
 
+#user_signup_form_panel {
+  width: 550px;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+  margin-top: 20%; }
+
+#signup_form___submit_button {
+  background-color: #ee3654;
+  border-radius: 3px;
+  color: #fff;
+  cursor: pointer;
+  float: right;
+  font-weight: bold;
+  margin: 20px;
+  padding: 12px 20px;
+  text-align: center;
+  width: 140px; }
+
+.signup_form__row {
+  overflow: auto;
+  width: 100%; }
+
+.signup_form__field {
+  border-radius: 3px;
+  border: 1px solid #4B7CBD;
+  float: left;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin: 5px; }
+
+.signup_form__row_sharing_field {
+  display: inline-block; }
+
+.signup_form__field input {
+  background-color: inherit;
+  border: none; }
+
+.signup_form__field input:focus {
+  outline: none; }
+
+#signup_form__title {
+  color: #ee3654;
+  margin-bottom: 30px;
+  background: url(../img/logo-red.png);
+  background-repeat: no-repeat;
+  background-position: 140px 2px; }
+
+#signup_form___submit_button_row {
+  overflow: auto; }
+
+#signup_form___submit_button:hover {
+  alpha: 1.0; }
+
+#signup_form__ajax_response {
+  margin-top: 30px;
+  margin: 10px; }
+
+#err_msg_row {
+  border-radius: 3px;
+  background-color: #413B38;
+  color: #fff;
+  display: none;
+  margin: 10px;
+  padding: 5px;
+  vertical-align: middle; }
+
 svg text::selection {
   background: none; }
diff --git a/res/client/css/style.scss b/res/client/css/style.scss
index a6087f57..3b7b8f79 100644
--- a/res/client/css/style.scss
+++ b/res/client/css/style.scss
@@ -19,6 +19,7 @@
 @import "partials/top-bar";
 @import "partials/typography";
 @import "partials/dropdown-menu";
+@import "partials/user_signup";
 
 // Third-party
 @import "vendor/ui.css";
diff --git a/res/templates/user_signup.html b/res/templates/user_signup.html
index fe72270a..596f64b3 100644
--- a/res/templates/user_signup.html
+++ b/res/templates/user_signup.html
@@ -1,88 +1,12 @@
-{% extends "base.html" %}
-{% block title %}Rhizi - Sign up{% endblock %}
-{% block head %}
-{{ super() }}
-<script src="/static/lib/jquery.js" type="text/javascript"></script>
-<script src="/static/user_signup.js" type="text/javascript"></script>
-<style type='text/css'>
-#user_signup_form_panel {
-	width: 550px;
-	text-align: center;
-	margin-left: auto;
-	margin-right: auto;
-	display: block;
-	margin-top: 20%;
-}
-
-#signup_form___submit_button {
-	alpha: 0.8;
-	background-color: #DCEDFD;
-	border-radius: 3px;
-	border: 1px solid #4B7CBD;
-	cursor: pointer;
-	float: right;
-	font-weight: bold;
-	margin: 20px;
-	padding: 5px;
-	text-align: center;
-	width: 140px;
-}
-
-.signup_form__row {
-	overflow: auto;
-	width: 100%;
-}
-
-.signup_form__field {
-	border-radius: 3px;
-	border: 1px solid #4B7CBD;
-	float: left;
-	padding-top: 5px;
-	padding-bottom: 5px;
-	padding-left: 10px;
-	padding-right: 10px;
-	margin: 5px;
-}
-
-.signup_form__row_sharing_field {
-	display: inline-block;
-}
-
-.signup_form__field input {
-	background-color: inherit;
-	border: none;
-}
-
-.signup_form__field input:focus {
-	outline: none;
-}
-
-#signup_form__title {
-	margin-bottom: 30px;
-}
-
-#signup_form___submit_button_row {
-	overflow: auto;
-}
-
-#signup_form___submit_button:hover {
-	alpha: 1.0;
-}
-
-#signup_form__ajax_response {
-	margin-top: 30px;
-	margin: 10px;
-}
-
-#err_msg_row {
-	display: none;
-	background-color: #DF5C5C;
-	margin: 10px;
-	vertical-align: middle;
-}
-</style>
-{% endblock %}
-{% block content %}
+{% extends "base.html" %} {% block title %}Rhizi - Sign up{% endblock %}
+{% block head %} {{ super() }}
+<script
+    src="/static/lib/jquery.js"
+    type="text/javascript"></script>
+<script
+    src="/static/user_signup.js"
+    type="text/javascript"></script>
+{% endblock %} {% block content %}
 <div id="user_signup_form_panel">
     <h1 id="signup_form__title">Sign up</h1>
     {% if 'activation_success' == state %}