Mercurial > projects > booket
diff booket.css @ 22:b19db583b5f8
Display keyboard shortcuts as an overly when pressing Alt
author | Guido Berhoerster <guido+booket@berhoerster.name> |
---|---|
date | Sat, 04 Oct 2014 22:16:56 +0200 |
parents | 4a4d9527c06f |
children | 69552aee9993 |
line wrap: on
line diff
--- a/booket.css Thu Oct 02 00:19:34 2014 +0200 +++ b/booket.css Sat Oct 04 22:16:56 2014 +0200 @@ -117,6 +117,25 @@ height: 2em; } +#keyboard-shortcuts { + display: none; + padding: .5em; + font-size: .75em; + background: rgba(251, 251, 249, .75); + border: 1px solid #d3d7cf; + border-radius: .5em; + box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .25); +} + +#keyboard-shortcuts[data-overlay-visible] { + display: block; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 10; +} + #actions { margin: 1em 0 0 0; } @@ -164,8 +183,7 @@ padding: 1px 0; } -#bookmarklet, -#keyboard-shortcuts { +#bookmarklet { float: right; border: 1px solid #d3d7cf; border-radius: .5em; @@ -198,11 +216,6 @@ margin: 0; } -#keyboard-shortcuts { - background-color: #fbfbf9; - clear: right; -} - #keyboard-shortcuts dl { margin: 1em 0 0 0; }