100 lines
1.5 KiB
CSS
100 lines
1.5 KiB
CSS
body{
|
|
margin:0;padding:0;
|
|
background-color:#262626;
|
|
}
|
|
|
|
@keyframes caret {
|
|
50% {border-color: transparent;}
|
|
}
|
|
|
|
|
|
.show{
|
|
display:block;
|
|
}
|
|
.unshow {
|
|
display:none;
|
|
}
|
|
|
|
@keyframes text {
|
|
0% {width: 0;}
|
|
}
|
|
|
|
.middle{
|
|
position:absolute;
|
|
top:0;left:0;right:0;bottom:0;
|
|
margin: auto;
|
|
}
|
|
|
|
.load-text {
|
|
width: 11ch;
|
|
height:60px;
|
|
overflow: hidden;
|
|
word-break: keep-all;
|
|
color: #b1f1f3;
|
|
border-right: 3px solid #000000;
|
|
font: bold 400% monospace;
|
|
animation: caret 0.5s step-end infinite ,text 5s infinite steps(11) ;
|
|
}
|
|
|
|
.load-terminal{
|
|
word-break: keep-all;
|
|
border-right: 1px solid #000000;
|
|
animation: caret 0.5s step-end infinite ,text 5s infinite steps(11) ;
|
|
}
|
|
|
|
.back-img{
|
|
position:fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center 0;
|
|
min-width: 1000px;
|
|
width:100%;
|
|
overflow:hidden;
|
|
height:100%;
|
|
}
|
|
|
|
.terminal{
|
|
width:800px;
|
|
height:450px;
|
|
/*border:2px solid white;*/
|
|
overflow:hidden;
|
|
border-radius:7px;
|
|
box-shadow: rgba(0,0,0,0.3) 5px 5px 5px 5px;
|
|
}
|
|
.tab-bar{
|
|
height:20px;
|
|
background-color:white;
|
|
}
|
|
|
|
.tab-bar span{
|
|
display:inline-block;
|
|
height:12px;
|
|
width:12px;
|
|
border-radius:6px;
|
|
margin-left:10px;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#title{
|
|
display:inline-block;
|
|
width:730px;
|
|
text-align:center;
|
|
cursor:move;
|
|
}
|
|
|
|
.content{
|
|
position:relative;
|
|
width:100%;
|
|
height:100%;
|
|
background-color:rgba(0,0,0,0.6);
|
|
}
|
|
|
|
.main-content{
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
color:white;
|
|
}
|
|
|