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 !important; |
jeremycho_google
2012/08/23 01:09:28
Is this necessary? I don't see font-family being
pedrosimonetti2
2012/08/24 00:22:15
The font-family and size is being set using JavaSc
jeremycho_google
2012/08/24 00:54:42
Ah now I see where this happens. Sounds like C++
| |
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 margin: 8px auto 30px; | 39 margin: 8px auto 30px; |
34 text-align: center; | 40 text-align: center; |
35 } | 41 } |
36 | 42 |
37 /* ----------------------------------------------------------------------------- | 43 /* ----------------------------------------------------------------------------- |
38 Dot List | 44 Dot List |
39 ----------------------------------------------------------------------------- */ | 45 ----------------------------------------------------------------------------- */ |
40 | 46 |
41 #dot-list { | 47 #dot-list { |
42 color: #666; | 48 color: #666; |
43 height: 25px; | 49 height: 25px; |
44 list-style: none; | 50 list-style: none; |
45 margin: 0; | 51 margin: 0; |
46 overflow: hidden; | 52 overflow: hidden; |
47 padding: 0; | 53 padding: 0; |
48 text-shadow: 0 1px 0 rgba(255, 255, 255, .7); | 54 text-shadow: 0 1px 0 rgba(255, 255, 255, .7); |
49 } | 55 } |
50 | 56 |
51 #dot-list li { | 57 #dot-list li { |
52 display: inline-block; | 58 display: inline-block; |
59 font-size: 1.0833em; | |
53 margin-left: 13px; | 60 margin-left: 13px; |
54 margin-right: 13px; | 61 margin-right: 13px; |
55 min-width: 55px; /* TODO(pedrosimonetti): Confirm value with Marcin. */ | 62 min-width: 55px; /* TODO(pedrosimonetti): Confirm value with Marcin. */ |
56 white-space: nowrap; | 63 white-space: nowrap; |
57 } | 64 } |
OLD | NEW |