92 lines
2.0 KiB
CSS
92 lines
2.0 KiB
CSS
main {
|
|
background: url('/bundles/mineseeker/images/homepage/header.jpg');
|
|
background-size: cover;
|
|
background-position: center center;
|
|
}
|
|
|
|
main .login {
|
|
position: fixed;
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
|
|
main .login .login-container {
|
|
background: #2980b9;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding: 1em;
|
|
|
|
-webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
main .login .login-container .login-form {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: row;
|
|
width: 50%;
|
|
}
|
|
|
|
main .login .login-container .login-item {
|
|
width: 50%;
|
|
}
|
|
|
|
main .login .login-container .login-item h2 {
|
|
text-align: center;
|
|
}
|
|
|
|
main .login .login-container .login-item:first-child {
|
|
border-right: 1px solid #3498db;
|
|
}
|
|
|
|
main .login h1 {
|
|
display: block;
|
|
font: normal 72px 'Gloria Hallelujah', cursive;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
margin-top: 0;
|
|
}
|
|
|
|
main .login .form .input {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
main .login .form .checkbox {
|
|
color: #2c3e50;
|
|
}
|
|
|
|
main .checkbox label, main .radio label {
|
|
font: bolder 18px "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
main .login .form .submit {
|
|
background: #1a6190;
|
|
display: block;
|
|
font: bolder 22px "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
color: #2c3e50;
|
|
border: 0;
|
|
padding: 10px 70px;
|
|
margin: 20px auto 40px auto;
|
|
|
|
-webkit-transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
|
|
transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
main .login .form .submit:hover {
|
|
background: #3498db;
|
|
|
|
-webkit-transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
|
|
transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
|
|
}
|