OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 General Styles | 6 General Styles |
7 ----------------------------------------------------------------------------- */ | 7 ----------------------------------------------------------------------------- */ |
8 | 8 |
9 body { | 9 body { |
10 background: whiteSmoke; | 10 background: whiteSmoke; |
11 /* TODO(pedrosimonetti): Confirm with designers/engineers what do we want | 11 /* TODO(pedrosimonetti): Confirm with designers/engineers what do we want |
12 * to do regarding font family, once AFAIK we want to use Arial always. */ | 12 * to do regarding font family, once AFAIK we want to use Arial always. */ |
13 font-family: Arial; | 13 font-family: Arial; |
14 margin: 0; | 14 margin: 0; |
15 overflow: hidden; | 15 overflow: hidden; |
16 padding: 0; | 16 padding: 0; |
17 } | 17 } |
18 | 18 |
19 #card-slider-frame { | 19 #card-slider-frame { |
| 20 -webkit-transition: opacity 250ms, -webkit-transform 250ms; |
20 bottom: 0; | 21 bottom: 0; |
21 overflow: hidden; | 22 overflow: hidden; |
22 position: absolute; | 23 position: absolute; |
23 text-align: center; | 24 text-align: center; |
24 width: 100%; | 25 width: 100%; |
25 } | 26 } |
26 | 27 |
| 28 .hide-card-slider { |
| 29 -webkit-transform: translate3d(0, 170px, 0); |
| 30 opacity: 0; |
| 31 } |
| 32 |
27 #page-list { | 33 #page-list { |
28 display: -webkit-box; | 34 display: -webkit-box; |
29 position: static; | 35 position: static; |
30 } | 36 } |
31 | 37 |
32 #page-list-menu { | 38 #page-list-menu { |
33 height: 14px; | 39 height: 14px; |
34 margin: 8px auto 30px; | 40 margin: 8px auto 30px; |
35 text-align: center; | 41 text-align: center; |
36 } | 42 } |
OLD | NEW |