47 lines
No EOL
1 KiB
CSS
47 lines
No EOL
1 KiB
CSS
/* For best practice, move CSS below to an external CSS file. */
|
|
@keyframes fadeinall {
|
|
0% {
|
|
opacity: 1; }
|
|
97% {
|
|
opacity: 0; }
|
|
98% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0); }
|
|
99% {
|
|
opacity: 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%); }
|
|
100% {
|
|
opacity: 0;
|
|
z-index: -1; } }
|
|
#loader {
|
|
opacity: 1;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
background-color: #fff;
|
|
z-index: 999;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation: fadeinall 1s normal both;
|
|
animation: fadeinall 1s normal both;
|
|
-webkit-animation-delay: 0.3s;
|
|
animation-delay: 0.3s;
|
|
}
|
|
|
|
#loader {
|
|
background-color: #222;
|
|
}
|
|
|
|
body {
|
|
background-color: #222222;
|
|
color: whitesmoke;
|
|
}
|
|
|
|
input, button, select, textarea {
|
|
border-radius: 5px;
|
|
} |