137 lines
2.5 KiB
CSS
137 lines
2.5 KiB
CSS
::-webkit-input-placeholder {
|
|
color: #888982;
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
color: #888982;
|
|
}
|
|
|
|
:-ms-input-placeholder {
|
|
color: #888982;
|
|
}
|
|
|
|
:-moz-placeholder {
|
|
color: #888982;
|
|
}
|
|
|
|
* {
|
|
padding: 0;
|
|
margin: 0;
|
|
outline: 0;
|
|
}
|
|
|
|
*,
|
|
*:after,
|
|
*::before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
main {
|
|
background: url('/bundles/mineseeker/images/homepage/header.jpg') no-repeat center center;
|
|
background-size: cover;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
main .wrapper {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
main .wrapper .form-container {
|
|
background: #ffffff;
|
|
display: table;
|
|
padding: 15px;
|
|
}
|
|
|
|
main .wrapper .form-container h1 {
|
|
font: normal 32px Arial, Helvetica, sans-serif;
|
|
text-align: center;
|
|
padding: 0;
|
|
margin: 0 0 15px 0;
|
|
}
|
|
|
|
main .wrapper .form-container h1.sub-title {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
main .wrapper .form-container h2 {
|
|
font: normal 18px Arial, Helvetica, sans-serif;
|
|
text-align: center;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
main .wrapper .form-container .form-input {
|
|
background: #cbcbc8;
|
|
min-width: 300px;
|
|
border: 0;
|
|
padding: 15px;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
|
|
main .wrapper .form-container .form-input:focus {
|
|
background: #e2e2de;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
|
|
main .wrapper .form-container .form-input.form-username {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
main .wrapper .form-container .form-check {
|
|
display: table;
|
|
position: relative;
|
|
margin: 20px auto 0 auto;
|
|
}
|
|
|
|
main .wrapper .form-container .input-submit {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
main .wrapper .form-container button,
|
|
main .wrapper .form-container .fb-login {
|
|
display: block;
|
|
background: #7dadcf;
|
|
width: 100%;
|
|
border: 0;
|
|
text-align: center;
|
|
padding: 20px;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
|
|
main .wrapper .form-container .fb-login {
|
|
background: #3b5998;
|
|
}
|
|
|
|
main .wrapper .form-container button:focus,
|
|
main .wrapper .form-container button:hover,
|
|
main .wrapper .form-container .fb-login:focus,
|
|
main .wrapper .form-container .fb-login:hover {
|
|
background: #6fa0c3;
|
|
|
|
-webkit-transition: all 250ms ease-in-out;
|
|
transition: all 250ms ease-in-out;
|
|
}
|
|
|
|
main .wrapper .form-container button i,
|
|
main .wrapper .form-container .fb-login i {
|
|
font-size: 32px;
|
|
font-weight: bolder;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
|