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 html { | 5 html { |
6 height: 100%; | 6 height: 100%; |
7 width: 100%; | 7 width: 100%; |
8 } | 8 } |
9 | 9 |
10 body { | 10 body { |
(...skipping 19 matching lines...) Expand all Loading... | |
30 position: absolute; | 30 position: absolute; |
31 top: 0; | 31 top: 0; |
32 width: 100%; | 32 width: 100%; |
33 } | 33 } |
34 | 34 |
35 .center-empty-content { | 35 .center-empty-content { |
36 font-size: 14pt; | 36 font-size: 14pt; |
37 width: 275px; | 37 width: 275px; |
38 } | 38 } |
39 | 39 |
40 .promo-action-target { | |
41 -webkit-tap-highlight-color: transparent; | |
42 } | |
43 | |
40 .promo-message { | 44 .promo-message { |
41 font-family: Arial, sans-serif; | 45 font-family: Arial, sans-serif; |
42 font-size: 14pt; | 46 font-size: 12pt; |
43 margin-bottom: 16px; | 47 margin: 16px 24px 16px 24px; |
Dan Beam
2012/08/25 00:48:20
nit: margin: 16px 24x; (shorter and equivalent)
aruslan
2012/08/27 22:19:51
Done - thanks!
| |
44 margin-top: 16px; | |
45 text-align: center; | 48 text-align: center; |
46 } | 49 } |
47 | 50 |
51 .promo-button { | |
52 background: -webkit-gradient( | |
53 linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1)); | |
54 border: 1px solid #ccc; | |
55 border-radius: 5px; | |
56 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), | |
57 inset 0 0 2px rgba(255, 255, 255, 0.6); | |
58 font-size: 12pt; | |
59 margin-left: auto; | |
60 margin-right: auto; | |
61 padding: 10px 10px; | |
Dan Beam
2012/08/25 00:48:20
nit: padding: 10px; (shorter and equivalent again
aruslan
2012/08/27 22:19:51
Done - thanks!
| |
62 text-align: center; | |
63 } | |
64 | |
65 .promo-button-active { | |
66 -webkit-tap-highlight-color: transparent; | |
67 background: rgba(51, 181, 229, 0.4); | |
68 } | |
69 | |
48 .promo-sync-graphic { | 70 .promo-sync-graphic { |
49 background-image: url(images/syncfographic_mdpi.png); | 71 background-image: url(images/syncfographic_mdpi.png); |
50 background-repeat: no-repeat; | 72 background-repeat: no-repeat; |
51 height: 130px; | 73 height: 130px; |
52 } | 74 } |
53 | 75 |
54 @media screen and (-webkit-min-device-pixel-ratio: 1.5) { | 76 @media screen and (-webkit-min-device-pixel-ratio: 1.5) { |
55 .promo-sync-graphic { | 77 .promo-sync-graphic { |
56 background-image: url(images/syncfographic_hdpi.png); | 78 background-image: url(images/syncfographic_hdpi.png); |
57 height: 195px; | 79 height: 195px; |
58 zoom: 0.66; | 80 zoom: 0.66; |
59 } | 81 } |
60 } | 82 } |
61 | 83 |
62 @media screen and (-webkit-min-device-pixel-ratio: 2.0) { | 84 @media screen and (-webkit-min-device-pixel-ratio: 2.0) { |
63 .promo-sync-graphic { | 85 .promo-sync-graphic { |
64 background-image: url(images/syncfographic_xhdpi.png); | 86 background-image: url(images/syncfographic_xhdpi.png); |
65 height: 260px; | 87 height: 260px; |
66 zoom: 0.5; | 88 zoom: 0.5; |
67 } | 89 } |
68 } | 90 } |
OLD | NEW |