Mercurial > projects > booket
comparison 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 |
comparison
equal
deleted
inserted
replaced
21:2a4922945b8d | 22:b19db583b5f8 |
---|---|
115 | 115 |
116 #logo { | 116 #logo { |
117 height: 2em; | 117 height: 2em; |
118 } | 118 } |
119 | 119 |
120 #keyboard-shortcuts { | |
121 display: none; | |
122 padding: .5em; | |
123 font-size: .75em; | |
124 background: rgba(251, 251, 249, .75); | |
125 border: 1px solid #d3d7cf; | |
126 border-radius: .5em; | |
127 box-shadow: 2px 2px 20px 4px rgba(0, 0, 0, .25); | |
128 } | |
129 | |
130 #keyboard-shortcuts[data-overlay-visible] { | |
131 display: block; | |
132 position: fixed; | |
133 top: 50%; | |
134 left: 50%; | |
135 transform: translate(-50%, -50%); | |
136 z-index: 10; | |
137 } | |
138 | |
120 #actions { | 139 #actions { |
121 margin: 1em 0 0 0; | 140 margin: 1em 0 0 0; |
122 } | 141 } |
123 | 142 |
124 #actions > h2 { | 143 #actions > h2 { |
162 form.bookmark-editor-form img.bookmark-favicon { | 181 form.bookmark-editor-form img.bookmark-favicon { |
163 display: block; | 182 display: block; |
164 padding: 1px 0; | 183 padding: 1px 0; |
165 } | 184 } |
166 | 185 |
167 #bookmarklet, | 186 #bookmarklet { |
168 #keyboard-shortcuts { | |
169 float: right; | 187 float: right; |
170 border: 1px solid #d3d7cf; | 188 border: 1px solid #d3d7cf; |
171 border-radius: .5em; | 189 border-radius: .5em; |
172 padding: .5em; | 190 padding: .5em; |
173 margin: 0 0 1em 1em; | 191 margin: 0 0 1em 1em; |
196 font-size: 1em; | 214 font-size: 1em; |
197 text-align: center; | 215 text-align: center; |
198 margin: 0; | 216 margin: 0; |
199 } | 217 } |
200 | 218 |
201 #keyboard-shortcuts { | |
202 background-color: #fbfbf9; | |
203 clear: right; | |
204 } | |
205 | |
206 #keyboard-shortcuts dl { | 219 #keyboard-shortcuts dl { |
207 margin: 1em 0 0 0; | 220 margin: 1em 0 0 0; |
208 } | 221 } |
209 | 222 |
210 #keyboard-shortcuts dd { | 223 #keyboard-shortcuts dd { |