96 lines
254 KiB
CSS
96 lines
254 KiB
CSS
html {
|
|||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: sans-serif;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
background: url(data:image/png;base64,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
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header {
|
||
|
|
padding: 40px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#form {
|
||
|
|
padding: 20px;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.booting.on {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.text-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.booting {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 100;
|
||
|
|
top: -100%;
|
||
|
|
-webkit-transition: all .5s ease;
|
||
|
|
transition: all .5s ease;
|
||
|
|
background-size: cover;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
overflow: auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.booting.on .booting-logo {
|
||
|
|
-webkit-animation: booting-animation;
|
||
|
|
animation: booting-animation;
|
||
|
|
animation-duration: 0s;
|
||
|
|
animation-iteration-count: 1;
|
||
|
|
-webkit-animation-duration: 2s;
|
||
|
|
animation-duration: 2s;
|
||
|
|
-webkit-animation-iteration-count: infinite;
|
||
|
|
animation-iteration-count: infinite;
|
||
|
|
}
|
||
|
|
|
||
|
|
label {
|
||
|
|
color: #000;
|
||
|
|
font-weight: 100;
|
||
|
|
margin-top: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input {
|
||
|
|
width: 100%;
|
||
|
|
background: #fff;
|
||
|
|
padding: 8px;
|
||
|
|
border: 1px solid #A8A8A8;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
color: #000;
|
||
|
|
transition: border-color 0.2s ease-in, color 0.2s ease-in;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input:focus {
|
||
|
|
width: 100%;
|
||
|
|
background: #fff;
|
||
|
|
padding: 7px;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 1px solid #850035;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
color: #000;
|
||
|
|
transition: border-color 0.2s ease-in, color 0.2s ease-in;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button {
|
||
|
|
background: #c4c4c6;
|
||
|
|
margin-top: 15px;
|
||
|
|
color: #000;
|
||
|
|
float: right;
|
||
|
|
border: 0;
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 10px 35px;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 100;
|
||
|
|
}
|