OLD | NEW |
---|---|
1 body { | 1 body { |
2 background: #fff; | 2 background: #fff; |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 overflow: hidden; | 5 overflow: hidden; |
6 } | 6 } |
7 | 7 |
8 .keyboard-overlay-keyboard { | 8 .keyboard-overlay-keyboard { |
9 border-radius: 6px; | 9 border-radius: 6px; |
10 background: -webkit-linear-gradient(#484848, #252525) no-repeat; | 10 background: -webkit-linear-gradient(#484848, #252525) no-repeat; |
11 background-color: #252525; | 11 background-color: #252525; |
12 font-family: 'Droid Sans', Arial; | 12 font-family: 'Droid Sans', Arial; |
13 } | 13 } |
14 | 14 |
15 .keyboard-overlay-instructions { | 15 .keyboard-overlay-instructions { |
16 -webkit-box-orient: vertical; | 16 -webkit-box-orient: vertical; |
17 background: -webkit-linear-gradient(#334c7e, #0d172b); | 17 background: -webkit-linear-gradient(#334c7e, #0d172b); |
18 border-radius: 5px; | 18 border-radius: 5px; |
19 border: 2px solid #576ccf; | 19 border: 2px solid #576ccf; |
20 color: #fff; | 20 color: #fff; |
21 display: -webkit-box; | 21 display: -webkit-box; |
22 position: absolute; | 22 position: absolute; |
23 vertical-align: middle; | 23 vertical-align: middle; |
24 z-index: 100; | 24 z-index: 100; |
25 } | 25 } |
26 | 26 |
27 .keyboard-overlay-instructions-text { | 27 .keyboard-overlay-instructions-text { |
28 -webkit-box-flex: 3; | 28 -webkit-box-flex: 3; |
29 margin-top: 13px; | 29 margin: 13px auto 0 auto; |
tony
2011/08/05 16:08:49
Nit: You can drop the last |auto|.
mazda
2011/08/08 04:31:39
Done.
| |
30 max-width: 20em; | |
30 text-align: center; | 31 text-align: center; |
31 vertical-align: middle; | 32 vertical-align: middle; |
32 } | 33 } |
33 | 34 |
34 .keyboard-overlay-instructions-hide-text { | 35 .keyboard-overlay-instructions-hide-text { |
35 -webkit-box-flex: 2; | 36 -webkit-box-flex: 2; |
36 font-weight: bold; | 37 font-weight: bold; |
37 text-align: center; | 38 text-align: center; |
38 vertical-align: middle; | 39 vertical-align: middle; |
39 } | 40 } |
(...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
144 -webkit-box-ordinal-group: 1; | 145 -webkit-box-ordinal-group: 1; |
145 color: #fff; | 146 color: #fff; |
146 text-align: center; | 147 text-align: center; |
147 } | 148 } |
148 | 149 |
149 .keyboard-overlay-key-text { | 150 .keyboard-overlay-key-text { |
150 -webkit-box-ordinal-group: 2; | 151 -webkit-box-ordinal-group: 2; |
151 padding-bottom: 1px; | 152 padding-bottom: 1px; |
152 text-align: center; | 153 text-align: center; |
153 } | 154 } |
OLD | NEW |