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); |
9 background-repeat: no-repeat; | |
mazda
2011/12/07 01:04:06
nit: This can be merged into the previous line.
b
| |
9 color: white; | 10 color: white; |
10 margin: 0; | 11 margin: 0; |
11 overflow: hidden; | 12 overflow: hidden; |
12 padding: 0; | 13 padding: 0; |
13 -webkit-user-select: none; | 14 -webkit-user-select: none; |
14 } | 15 } |
15 | 16 |
16 div.main { | 17 div.main { |
17 margin: 0 auto; | 18 margin: 0 auto; |
18 display: -webkit-box; | 19 display: -webkit-box; |
19 -webkit-box-orient: vertical; | 20 -webkit-box-orient: vertical; |
20 } | 21 } |
21 | 22 |
22 div.keyboard { | 23 div.keyboard { |
23 margin: 0 auto; | 24 margin: 0 auto; |
24 display: -webkit-box; | 25 display: -webkit-box; |
25 text-align: center; | 26 text-align: center; |
26 -webkit-box-flex: 1; | 27 -webkit-box-flex: 1; |
27 } | 28 } |
28 | 29 |
29 div.rows { | 30 div.rows { |
30 display: -webkit-box; | 31 display: -webkit-box; |
32 margin-bottom: 5px; | |
31 text-align: center; | 33 text-align: center; |
32 -webkit-box-orient: vertical; | 34 -webkit-box-orient: vertical; |
33 -webkit-box-flex: 1; | 35 -webkit-box-flex: 1; |
34 } | 36 } |
35 | 37 |
36 div.row { | 38 div.row { |
37 display: -webkit-box; | 39 display: -webkit-box; |
38 margin-top: 5px; | 40 margin-top: 5px; |
41 margin-right: 5px; | |
39 -webkit-box-flex: 1; | 42 -webkit-box-flex: 1; |
40 } | 43 } |
41 | 44 |
42 div.row > div { | 45 div.row > div { |
43 display: -webkit-box; | 46 display: -webkit-box; |
44 -webkit-box-flex: 1; | 47 -webkit-box-flex: 1; |
45 } | 48 } |
46 | 49 |
47 .handwritingcanvas { | 50 .handwritingcanvas { |
48 border-radius: 4px; | 51 border-radius: 4px; |
(...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
169 } | 172 } |
170 | 173 |
171 .mic > div, .handwriting-mic > div { | 174 .mic > div, .handwriting-mic > div { |
172 background-image: url("mic.svg"); | 175 background-image: url("mic.svg"); |
173 } | 176 } |
174 | 177 |
175 .shift > div.image-key { | 178 .shift > div.image-key { |
176 background-image: url("shift.svg"); | 179 background-image: url("shift.svg"); |
177 } | 180 } |
178 | 181 |
179 .moddownshift > div { | 182 .moddown.shift > div.image-key { |
180 background-image: url("shift.svg"); | 183 background-image: url("shift-down.svg"); |
181 } | 184 } |
182 | 185 |
183 .hide > div { | 186 .hide > div { |
184 background-image: url("keyboard.svg"); | 187 background-image: url("keyboard.svg"); |
185 } | 188 } |
186 | 189 |
187 .at, | 190 .at, |
188 .com, | 191 .com, |
189 .comma, | 192 .comma, |
190 .handwriting-backspace, | 193 .handwriting-backspace, |
(...skipping 20 matching lines...) Expand all Loading... | |
211 } | 214 } |
212 | 215 |
213 .handwriting-clear, | 216 .handwriting-clear, |
214 .handwriting-return { | 217 .handwriting-return { |
215 -webkit-box-flex: 5; | 218 -webkit-box-flex: 5; |
216 } | 219 } |
217 | 220 |
218 .nodisplay { | 221 .nodisplay { |
219 display: none; | 222 display: none; |
220 } | 223 } |
OLD | NEW |