Chromium Code Reviews| 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 |