Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 */ | 4 */ |
| 5 | 5 |
| 6 html, | 6 html, |
| 7 body { | 7 body { |
| 8 background-color: #EEE; | 8 background-color: #EEE; |
| 9 height: 100%; | 9 height: 100%; |
| 10 margin: 0; | 10 margin: 0; |
| 11 overflow: hidden; | 11 overflow: hidden; |
| 12 } | 12 } |
| 13 | 13 |
| 14 .vbox { | 14 .vbox { |
| 15 -webkit-box-align: center; | |
| 16 -webkit-box-pack: center; | |
| 17 -webkit-box-orient: vertical; | |
|
flackr
2011/11/02 15:38:18
nit: Sort properties.
mazda
2011/11/07 09:59:23
Done.
| |
| 18 display: -webkit-box; | |
| 15 height: 100%; | 19 height: 100%; |
| 16 width: 100%; | 20 width: 100%; |
| 17 } | 21 } |
| 18 | 22 |
| 19 .input-area { | 23 .vbox > div { |
| 20 -webkit-box-align: center; | 24 -webkit-box-align: center; |
| 25 -webkit-box-flex: 1; | |
| 21 -webkit-box-pack: center; | 26 -webkit-box-pack: center; |
| 22 display: -webkit-box; | 27 display: -webkit-box; |
| 23 height: 60%; | 28 width: 80%; |
| 24 } | 29 } |
| 25 | 30 |
| 26 .buttons-area { | 31 .vbox > div.buttons-area { |
| 27 display: table; | 32 -webkit-box-pack: end; |
| 28 float: right; | |
| 29 height: 100%; | |
| 30 margin-right: 8px; | |
| 31 width: auto; | |
| 32 } | 33 } |
| 33 | 34 |
| 34 .buttons-area > div { | 35 .buttons-area > div { |
| 35 display: table-cell; | |
| 36 padding: 3px; | 36 padding: 3px; |
| 37 vertical-align: top; | 37 width: 30%; |
| 38 width: 50%; | |
| 39 } | 38 } |
| 40 | 39 |
| 41 button { | 40 button { |
| 42 white-space: nowrap; | |
| 43 width: 100%; | 41 width: 100%; |
| 44 } | 42 } |
| OLD | NEW |