This repository has been archived on 2023-02-06. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
bachelor-thesis/src/website/styles/main.css
Severin Kaderli f38c4239b2
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Add website
Signed-off-by: Severin Kaderli <severin@kaderli.dev>
2022-11-21 19:29:55 +01:00

75 lines
955 B
CSS

:root {
--spacing: 12px;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: sans-serif;
}
main {
width: 100%;
max-width: 400px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
input {
width: 100%;
}
#message {
position: relative;
}
#log {
height: 300px;
font-size: 0.8rem;
overflow: scroll;
}
.buttons {
width: 100%;
display: flex;
gap: var(--spacing);
}
button {
width: 100%;
display: block;
}
.hide {
display: none;
}
/*https://loading.io/css/*/
#message:not(:empty):after {
content: " ";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid black;
border-color: black transparent black transparent;
animation: loading-indicator 1.2s linear infinite;
right: 0;
top: 0;
position: absolute;
}
@keyframes loading-indicator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}