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 {