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: -webkit-image-set( |
| 72 url('images/syncfographic_mdpi.png') 1x, |
| 73 url('images/syncfographic_hdpi.png') 1.5x, |
| 74 url('images/syncfographic_xhdpi.png') 2x); |
50 background-repeat: no-repeat; | 75 background-repeat: no-repeat; |
51 height: 130px; | 76 height: 130px; |
52 } | 77 } |
53 | 78 |
54 @media screen and (-webkit-min-device-pixel-ratio: 1.5) { | 79 body[device='tablet'] .promo-sync-graphic { |
55 .promo-sync-graphic { | 80 background-image: -webkit-image-set( |
56 background-image: url(images/syncfographic_hdpi.png); | 81 url('images/syncfographic_sw600dp_mdpi.png') 1x, |
57 height: 195px; | 82 url('images/syncfographic_sw600dp_hdpi.png') 1.5x, |
58 zoom: 0.66; | 83 url('images/syncfographic_sw600dp_xhdpi.png') 2x); |
59 } | 84 background-repeat: no-repeat; |
| 85 height: 260px; |
| 86 zoom: 0.5; |
60 } | 87 } |
61 | |
62 @media screen and (-webkit-min-device-pixel-ratio: 2.0) { | |
63 .promo-sync-graphic { | |
64 background-image: url(images/syncfographic_xhdpi.png); | |
65 height: 260px; | |
66 zoom: 0.5; | |
67 } | |
68 } | |
OLD | NEW |