OLD | NEW |
1 /* | 1 /* |
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 body { | 7 body { |
8 background: -webkit-linear-gradient(#bababa, #868686); | 8 background: -webkit-linear-gradient(#bababa, #868686) no-repeat; |
9 color: white; | 9 color: white; |
10 margin: 0; | 10 margin: 0; |
11 overflow: hidden; | 11 overflow: hidden; |
12 padding: 0; | 12 padding: 0; |
13 -webkit-user-select: none; | 13 -webkit-user-select: none; |
14 } | 14 } |
15 | 15 |
16 div.main { | 16 div.main { |
17 margin: 0 auto; | 17 margin: 0 auto; |
18 display: -webkit-box; | 18 display: -webkit-box; |
19 -webkit-box-orient: vertical; | 19 -webkit-box-orient: vertical; |
20 } | 20 } |
21 | 21 |
22 div.keyboard { | 22 div.keyboard { |
23 margin: 0 auto; | 23 margin: 0 auto; |
24 display: -webkit-box; | 24 display: -webkit-box; |
25 text-align: center; | 25 text-align: center; |
26 -webkit-box-flex: 1; | 26 -webkit-box-flex: 1; |
27 } | 27 } |
28 | 28 |
29 div.rows { | 29 div.rows { |
30 display: -webkit-box; | 30 display: -webkit-box; |
| 31 margin-bottom: 5px; |
31 text-align: center; | 32 text-align: center; |
32 -webkit-box-orient: vertical; | 33 -webkit-box-orient: vertical; |
33 -webkit-box-flex: 1; | 34 -webkit-box-flex: 1; |
34 } | 35 } |
35 | 36 |
36 div.row { | 37 div.row { |
37 display: -webkit-box; | 38 display: -webkit-box; |
38 margin-top: 5px; | 39 margin-top: 5px; |
| 40 margin-right: 5px; |
39 -webkit-box-flex: 1; | 41 -webkit-box-flex: 1; |
40 } | 42 } |
41 | 43 |
42 div.row > div { | 44 div.row > div { |
43 display: -webkit-box; | 45 display: -webkit-box; |
44 -webkit-box-flex: 1; | 46 -webkit-box-flex: 1; |
45 } | 47 } |
46 | 48 |
47 .handwritingcanvas { | 49 .handwritingcanvas { |
48 border-radius: 4px; | 50 border-radius: 4px; |
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
169 } | 171 } |
170 | 172 |
171 .mic > div, .handwriting-mic > div { | 173 .mic > div, .handwriting-mic > div { |
172 background-image: url("mic.svg"); | 174 background-image: url("mic.svg"); |
173 } | 175 } |
174 | 176 |
175 .shift > div.image-key { | 177 .shift > div.image-key { |
176 background-image: url("shift.svg"); | 178 background-image: url("shift.svg"); |
177 } | 179 } |
178 | 180 |
179 .moddownshift > div { | 181 .moddown.shift > div.image-key { |
180 background-image: url("shift.svg"); | 182 background-image: url("shift-down.svg"); |
181 } | 183 } |
182 | 184 |
183 .hide > div { | 185 .hide > div { |
184 background-image: url("keyboard.svg"); | 186 background-image: url("keyboard.svg"); |
185 } | 187 } |
186 | 188 |
187 .at, | 189 .at, |
188 .com, | 190 .com, |
189 .comma, | 191 .comma, |
190 .handwriting-backspace, | 192 .handwriting-backspace, |
(...skipping 20 matching lines...) Expand all Loading... |
211 } | 213 } |
212 | 214 |
213 .handwriting-clear, | 215 .handwriting-clear, |
214 .handwriting-return { | 216 .handwriting-return { |
215 -webkit-box-flex: 5; | 217 -webkit-box-flex: 5; |
216 } | 218 } |
217 | 219 |
218 .nodisplay { | 220 .nodisplay { |
219 display: none; | 221 display: none; |
220 } | 222 } |
OLD | NEW |