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