mindjack/content/hypno/loading/loading.css

89 lines
1.2 KiB
CSS
Raw Normal View History

2020-05-29 02:14:56 -04:00
body {
background-color: black;
color: red;
font-family: 'Raleway';
font-size: 25px;
font-weight: bold;
text-align: center;
margin: 0px;
}
#main-container {
width: 100%;
2020-05-29 02:14:56 -04:00
position: absolute;
top: 50%;
transform: translateY(-50%);
}
td {
font-size: 25px;
font-weight: bold;
padding: 10px;
}
table {
margin-left: auto;
margin-right: auto;
2020-05-29 16:58:33 -04:00
text-align: left;
2020-05-29 02:14:56 -04:00
}
div.button-container {
margin-top: 10px;
}
span.button {
padding: 5px;
border: 1px solid #a00;
border-radius: 10px;
}
span.button:hover {
border: 1px solid red;
}
#progressbar {
width: 90%;
border: 1px solid red;
padding: 3px;
margin: auto;
}
#filled {
width: 0%;
height: 20px;
background-color: red;
}
#status {
width: 100%;
}
@media only screen and (min-width: 600px) {
#progressbar {
width: 540px;
}
}
#logo {
2020-05-29 16:58:33 -04:00
margin: 5px;
}
#logo svg {
2020-05-29 02:14:56 -04:00
height: 70px;
width: 70px;
2020-05-29 16:58:33 -04:00
margin: 0;
2020-05-29 02:14:56 -04:00
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
2020-05-29 16:58:33 -04:00
#reload {
display: none;
}