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;
 }
@@ -70,20 +67,38 @@ table {
     margin-right: auto;
     padding-left: 2em;
 }
-@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+@-webkit-keyframes fadeIn {
-@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+    from {
-@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+        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

@@ -7,30 +7,35 @@
 			<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,15 +44,18 @@
 				<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>