maciejpedzi.ch/assets/css/style.css

85 lines
1020 B
CSS
Raw Normal View History

2020-11-27 23:12:38 +01:00
@font-face {
2021-01-17 19:45:35 +01:00
font-family: 'VGA 437';
src: url('../fonts/vga437.ttf');
2020-11-27 23:12:38 +01:00
}
@media (prefers-color-scheme: dark) {
2021-01-17 19:45:35 +01:00
body,
#cmd {
color: whitesmoke;
}
2020-11-27 23:12:38 +01:00
2021-01-17 19:45:35 +01:00
body {
background-color: black;
}
::selection {
background-color: whitesmoke;
color: black;
}
2020-11-27 23:12:38 +01:00
}
@media (prefers-color-scheme: light) {
2021-01-17 19:45:35 +01:00
body,
#cmd {
color: black;
}
body {
background-color: whitesmoke;
}
2020-11-27 23:12:38 +01:00
2021-01-17 19:45:35 +01:00
::selection {
background-color: black;
color: whitesmoke;
}
2020-11-27 23:12:38 +01:00
}
2021-01-05 22:13:31 +01:00
@media (min-width: 1200px) {
2021-01-17 19:45:35 +01:00
body {
overflow: hidden;
}
2020-12-13 18:01:59 +01:00
}
body,
#cmd {
2021-01-17 19:45:35 +01:00
font-family: 'VGA 437';
font-size: 1.5rem;
2020-11-27 23:12:38 +01:00
}
#cmd-history > p {
2021-01-17 19:45:35 +01:00
line-height: 2rem;
2020-11-27 23:12:38 +01:00
}
#header > p {
2021-01-17 19:45:35 +01:00
margin: 0.5rem auto;
2020-11-27 23:12:38 +01:00
}
2020-12-13 18:01:59 +01:00
#header > #hint,
#input-container,
#cmd-history {
2021-01-17 19:45:35 +01:00
margin-top: 1.8rem;
2020-11-27 23:12:38 +01:00
}
#input-container {
2021-01-17 19:45:35 +01:00
display: flex;
2020-11-27 23:12:38 +01:00
}
#bracket {
2021-01-17 19:45:35 +01:00
padding-right: 0.75rem;
text-align: center;
vertical-align: middle;
line-height: 1.7rem;
2020-11-27 23:12:38 +01:00
}
#cmd {
2021-01-17 19:45:35 +01:00
border: none;
background: none;
flex: 1;
2020-11-27 23:12:38 +01:00
}
2020-12-13 18:01:59 +01:00
#cmd:active,
#cmd:focus {
2021-01-17 19:45:35 +01:00
outline: none;
2020-11-27 23:12:38 +01:00
}