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; |
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; |
| 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 |