Edited register page

web/css/style.css

@@ -1,20 +1,18 @@
 @import url(https://fonts.googleapis.com/css?family=Exo+2);
-
 h1 {
     font-size: 75px;
 }
 ::-webkit-input-placeholder {
     color: #999999;
 }
-
+:-moz-placeholder {
-:-moz-placeholder { /* Firefox 18- */
+    /* Firefox 18- */
     color: #999999;
 }
-
+::-moz-placeholder {
-::-moz-placeholder {  /* Firefox 19+ */
+    /* Firefox 19+ */
     color: #999999;
 }
-
 :-ms-input-placeholder {
     color: #999999;
 }
@@ -24,7 +22,6 @@ h1 {
 .column {
     max-width: 450px;
 }
-
 body {
     background-color: #F0F0F0;
 }
@@ -67,23 +64,41 @@ table {
     color: #226C1B;
 }
 #fileupload {
-	margin-right:auto;
+    margin-right: auto;
-	padding-left:2em;
+    padding-left: 2em;
+}
+@-webkit-keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+@-moz-keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
 }
-@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
-@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
-@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
-
 .fade_in {
     opacity: 0;
     -webkit-animation: fadeIn ease-in-out 1;
     -moz-animation: fadeIn ease-in-out 1;
     animation: fadeIn ease-in-out 1;
-
     -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
-
     -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
     animation-duration: 1s;

web/pages/register.html

@@ -1,36 +1,41 @@
 <center class="fade_in">
-<h1 class="ui dividing header">Register</h1>
+	<h1 class="ui dividing header">Register</h1>
-<script src="https://www.google.com/recaptcha/api.js" async defer></script>
+	<script src="https://www.google.com/recaptcha/api.js" async defer></script>
-<script src="js/register.js"></script>
+	<script src="js/register.js"></script>
-<div class="input-group">
+	<div class="input-group">
 		<form id="registration-form">
 			<div class="row">
 
 				<div class="col-md-6">
+					<br>
 					<label>Name</label>
 					<br>
 					<input type="text" name="name" id="name" autocomplete="off" autofocus placeholder="Name" class="form-control">
 				</div>
 
 				<div class="col-md-6">
+					<br>
 					<label>Email</label>
 					<br>
 					<input type="email" name="email" id="email" autocomplete="off" placeholder="Email" class="form-control">
 				</div>
 
 				<div class="col-md-6">
+					<br>
 					<label>Username</label>
 					<br>
 					<input type="text" name="username" id="username" autocomplete="off" placeholder="Username" class="form-control">
 				</div>
 
 				<div class="col-md-6">
+					<br>
 					<label>Password</label>
 					<br>
 					<input type="password" name="password" id="password" autocomplete="off" placeholder="Password" class="form-control">
 				</div>
 
 				<div class="col-md-12">
+					<br>
 					<label>Password</label>
 					<br>
 					<input type="password" name="password_confirm" id="password_confirm" autocomplete="off" placeholder="Confirm Password" class="form-control">
@@ -39,17 +44,20 @@
 				<br>
 
 				<div class="col-md-12">
+					<br>
 					<label>Captcha</label>
 					<br>
 					<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
+					<br>
 				</div>
 
 				<div id="status"></div>
-
+				<label>I have read and I agree to <a href="/rules" target="_blank">EasyCTF Rules</a>.</label>
-			<label>Read and agree to follow <a href="/rules" target="_blank">the rules</a></label><br>
+				<br><br>
-			<label>I have read it:</label><input type="checkbox" class="form-control" value="didRead" style="margin-left:49%;"><br>
+				<input type="checkbox" class="form-control" value="didRead" style="margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;">
+				<br>
 				<input type="submit" class="btn btn-lg btn-success" value="Register" style="margin-top:1em;">
 			</div>
 		</form>
-</div>
+	</div>
 </center>