|
|
|
@ -8,6 +8,7 @@ $info-colour: #5bc0de;
|
|
|
|
|
$warning-colour: #f0ad4e;
|
|
|
|
|
$danger-colour: #d9534f;
|
|
|
|
|
$success-colour: #5cb85c;
|
|
|
|
|
$placeholder-colour: #101010;
|
|
|
|
|
|
|
|
|
|
body, html {
|
|
|
|
|
height: 100% !important;
|
|
|
|
@ -16,11 +17,47 @@ body, html {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
landingDiv {
|
|
|
|
|
-webkit-background-size: cover;
|
|
|
|
|
-moz-background-size: cover;
|
|
|
|
|
-o-background-size: cover;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
img.bg {
|
|
|
|
|
/* Set rules to fill background */
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
min-width: 1024px;
|
|
|
|
|
/* Set up proportionate scaling */
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: auto;
|
|
|
|
|
/* Set up positioning */
|
|
|
|
|
position: fixed;
|
|
|
|
|
top: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
z-index: -1;
|
|
|
|
|
/*-webkit-filter: blur(5px);
|
|
|
|
|
-moz-filter: blur(5px);
|
|
|
|
|
-o-filter: blur(5px);
|
|
|
|
|
-ms-filter: blur(5px);
|
|
|
|
|
filter: blur(5px);*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.card-container.card {
|
|
|
|
|
max-width: 350px;
|
|
|
|
|
padding: 40px 40px;
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
padding: 45px 45px;
|
|
|
|
|
background-color: rgba(0,0,0, 0.0);
|
|
|
|
|
border-radius: 5%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50%;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translate(-50%,-50%);
|
|
|
|
|
width:100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
height: 36px;
|
|
|
|
@ -29,7 +66,6 @@ body, html {
|
|
|
|
|
user-select: none;
|
|
|
|
|
cursor: default;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Card component
|
|
|
|
|
*/
|
|
|
|
@ -44,9 +80,9 @@ body, html {
|
|
|
|
|
-moz-border-radius: 2px;
|
|
|
|
|
-webkit-border-radius: 2px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
|
|
|
|
|
/*-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
|
|
|
|
|
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
|
|
|
|
|
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
|
|
|
|
|
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);*/
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.profile-img-card {
|
|
|
|
@ -58,7 +94,6 @@ body, html {
|
|
|
|
|
-webkit-border-radius: 50%;
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Form styles
|
|
|
|
|
*/
|
|
|
|
@ -71,8 +106,8 @@ body, html {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.form-control {
|
|
|
|
|
color: #fefefe;
|
|
|
|
|
background-color: $bg-colour-disabled !important;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: white !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.reauth-email {
|
|
|
|
@ -138,6 +173,7 @@ body, html {
|
|
|
|
|
|
|
|
|
|
.forgot-password {
|
|
|
|
|
color: rgb(104, 145, 162);
|
|
|
|
|
text-align:center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.forgot-password:hover,
|
|
|
|
@ -145,3 +181,28 @@ body, html {
|
|
|
|
|
.forgot-password:focus {
|
|
|
|
|
color: rgb(12, 97, 33);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// Placeholders
|
|
|
|
|
|
|
|
|
|
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
|
|
|
|
|
color: $placeholder-colour;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
|
|
|
color: $placeholder-colour;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
|
|
|
color: $placeholder-colour;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:-ms-input-placeholder { /* Internet Explorer 10-11 */
|
|
|
|
|
color: $placeholder-colour;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
::-ms-input-placeholder { /* Microsoft Edge */
|
|
|
|
|
color: $placeholder-colour;
|
|
|
|
|
}
|