You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
1.7 KiB
102 lines
1.7 KiB
html, body {
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
|
background: #000;
|
|
font-family: Consolas, NotoSans;
|
|
user-select: none;
|
|
}
|
|
body{
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
span{
|
|
color: #46F372;
|
|
}
|
|
i{
|
|
color: #46F372;
|
|
font-weight: bold;
|
|
}
|
|
.welecomeText{
|
|
position: relative;
|
|
line-height: 1.3em;
|
|
}
|
|
.welecomeTextCursor{
|
|
position: relative;
|
|
background: #46F372;
|
|
color: #46F372;
|
|
margin-left: 2px;
|
|
animation: show-hide-welcome 500ms infinite;
|
|
}
|
|
.inputTextCursor{
|
|
position: relative;
|
|
margin-left: 2px;
|
|
border-bottom: 4px solid #46F372;
|
|
box-sizing: border-box;
|
|
animation: show-hide-answer 500ms infinite;
|
|
}
|
|
|
|
@keyframes show-hide-welcome {
|
|
0% {
|
|
color: #46F372;
|
|
background: #46F372;
|
|
}
|
|
50%{
|
|
color: #46F372;
|
|
background: #46F372;
|
|
}
|
|
100% {
|
|
color: #46F37200;
|
|
background: #46F37200;
|
|
}
|
|
70% {
|
|
color: #46F37200;
|
|
background: #46F37200;
|
|
}
|
|
}
|
|
@keyframes show-hide-answer {
|
|
0% {
|
|
border-bottom: 4px solid #46F372;
|
|
}
|
|
50%{
|
|
border-bottom: 4px solid #46F372;
|
|
}
|
|
100% {
|
|
border-bottom: 4px solid #46F37200;
|
|
}
|
|
70% {
|
|
border-bottom: 4px solid #46F37200;
|
|
}
|
|
}
|
|
|
|
.loading{
|
|
position: absolute;
|
|
bottom: 1px;
|
|
left: 0;
|
|
height: 5px;
|
|
width: 100px;
|
|
background: #46F372;
|
|
animation: loadingSS 1400ms forwards linear;
|
|
z-index: 1000;
|
|
}
|
|
|
|
@keyframes loadingSS {
|
|
from{
|
|
width: 0;
|
|
}
|
|
to{
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.inputHide{
|
|
position: absolute;
|
|
height: 0;
|
|
width: 0;
|
|
top:0;
|
|
left: 0;
|
|
} |