add hotkeys + help

This commit is contained in:
Zutatensuppe 2021-04-27 09:46:39 +02:00
parent eb66d72d9d
commit 90590d334e
2 changed files with 110 additions and 17 deletions

View file

@ -13,7 +13,13 @@ body {
background: #2b2b2b;
color: var(--main-color);
height: 100%;
font-family: sans-serif;
}
* {
font-family: monospace;
font-size: 15px;
}
h1, h2, h3, h4 {
font-size: 20px;
}
a { color: var(--link-color); text-decoration: none; }
@ -72,6 +78,18 @@ a:hover { color: var(--link-hover-color); }
background: transparent;
}
.help {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
background: var(--bg-color);
padding: 5px;
border: solid 1px black;
box-shadow: 0 0 10px 0 rgba(0,0,0,.7);
z-index: 1;
}
.settings {
position: absolute;
left: 50%;
@ -135,7 +153,6 @@ input:focus {
}
.btn {
font: 15px sans-serif;
display: inline-block;
background: var(--input-bg-color);
color: var(--link-color);
@ -214,3 +231,17 @@ input:focus {
background-repeat: no-repeat;
background-color: #222;
}
kbd {
background-color: #eee;
border-radius: 3px;
border: 1px solid #b4b4b4;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
color: #333;
display: inline-block;
font-size: .85em;
font-weight: 700;
line-height: 1;
padding: 2px 4px;
white-space: nowrap;
}