Edited register page
This commit is contained in:
CommanderStrax
parent
84ea7f1e1a
commit
f90ddc7dc0
2 changed files with 118 additions and 95 deletions
|
|
@ -1,90 +1,105 @@
|
|||
@import url(https://fonts.googleapis.com/css?family=Exo+2);
|
||||
|
||||
h1 {
|
||||
font-size: 75px;
|
||||
font-size: 75px;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: #999999;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
:-moz-placeholder { /* Firefox 18- */
|
||||
color: #999999;
|
||||
:-moz-placeholder {
|
||||
/* Firefox 18- */
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
::-moz-placeholder { /* Firefox 19+ */
|
||||
color: #999999;
|
||||
::-moz-placeholder {
|
||||
/* Firefox 19+ */
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: #999999;
|
||||
color: #999999;
|
||||
}
|
||||
.intro {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
.column {
|
||||
max-width: 450px;
|
||||
max-width: 450px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #F0F0F0;
|
||||
background-color: #F0F0F0;
|
||||
}
|
||||
.ui.menu .item img.logo {
|
||||
margin-right: 1.5em;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
.main.container {
|
||||
margin-top: 7em;
|
||||
margin-top: 7em;
|
||||
}
|
||||
.wireframe {
|
||||
margin-top: 2em;
|
||||
margin-top: 2em;
|
||||
}
|
||||
.ui.footer.segment {
|
||||
margin: 5em 0em 0em;
|
||||
padding: 5em 0em;
|
||||
margin: 5em 0em 0em;
|
||||
padding: 5em 0em;
|
||||
}
|
||||
h1 {
|
||||
color: #62AC5B;
|
||||
font-family: "Exo 2";
|
||||
color: #62AC5B;
|
||||
font-family: "Exo 2";
|
||||
}
|
||||
h2 {
|
||||
color: #226C1B;
|
||||
color: #226C1B;
|
||||
}
|
||||
li {
|
||||
transition-duration: 0.5s;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
li:hover {
|
||||
background-color: #0066cc;
|
||||
background-color: #0066cc;
|
||||
}
|
||||
tr {
|
||||
transition-duration: 0.5s;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
tr:hover {
|
||||
background-color: #DDDDDD;
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
li a, .navbar-brand {
|
||||
color: white !important;
|
||||
color: white !important;
|
||||
}
|
||||
table {
|
||||
color: #226C1B;
|
||||
color: #226C1B;
|
||||
}
|
||||
#fileupload {
|
||||
margin-right:auto;
|
||||
padding-left:2em;
|
||||
margin-right: auto;
|
||||
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;
|
||||
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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,55 +1,63 @@
|
|||
<center class="fade_in">
|
||||
<h1 class="ui dividing header">Register</h1>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script src="js/register.js"></script>
|
||||
<div class="input-group">
|
||||
<form id="registration-form">
|
||||
<div class="row">
|
||||
<h1 class="ui dividing header">Register</h1>
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script src="js/register.js"></script>
|
||||
<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">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<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">
|
||||
<label>Email</label>
|
||||
<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>
|
||||
<br><br>
|
||||
<input type="checkbox" class="form-control" value="didRead" style="margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;">
|
||||
<br>
|
||||
<input type="email" name="email" id="email" autocomplete="off" placeholder="Email" class="form-control">
|
||||
<input type="submit" class="btn btn-lg btn-success" value="Register" style="margin-top:1em;">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label>Username</label>
|
||||
<br>
|
||||
<input type="text" name="username" id="username" autocomplete="off" placeholder="Username" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label>Password</label>
|
||||
<br>
|
||||
<input type="password" name="password" id="password" autocomplete="off" placeholder="Password" class="form-control">
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label>Password</label>
|
||||
<br>
|
||||
<input type="password" name="password_confirm" id="password_confirm" autocomplete="off" placeholder="Confirm Password" class="form-control">
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<div class="col-md-12">
|
||||
<label>Captcha</label>
|
||||
<br>
|
||||
<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
|
||||
</div>
|
||||
|
||||
<div id="status"></div>
|
||||
|
||||
<label>Read and agree to follow <a href="/rules" target="_blank">the rules</a></label><br>
|
||||
<label>I have read it:</label><input type="checkbox" class="form-control" value="didRead" style="margin-left:49%;"><br>
|
||||
<input type="submit" class="btn btn-lg btn-success" value="Register" style="margin-top:1em;">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</center>
|
||||
|
|
|
|||
Loading…
Reference in a new issue