| 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 |