OLD | NEW |
| (Empty) |
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 | |
3 * found in the LICENSE file. */ | |
4 | |
5 html { | |
6 height: 100%; | |
7 width: 100%; | |
8 } | |
9 | |
10 body { | |
11 -webkit-user-select: none; | |
12 background: #fff; | |
13 font-family: Droid Sans; | |
14 margin: 0; | |
15 padding: 0; | |
16 padding-bottom: 44px; | |
17 width: 100%; | |
18 } | |
19 | |
20 .welcome-to-chrome { | |
21 background: url(images/welcome_thumb.png); | |
22 } | |
23 | |
24 .center-empty-container { | |
25 -webkit-box-align: center; | |
26 -webkit-box-orient: horizontal; | |
27 -webkit-box-pack: center; | |
28 display: -webkit-box; | |
29 left: 0; | |
30 position: absolute; | |
31 top: 0; | |
32 width: 100%; | |
33 } | |
34 | |
35 .center-empty-content { | |
36 font-size: 14pt; | |
37 width: 275px; | |
38 } | |
39 | |
40 .promo-action-target { | |
41 -webkit-tap-highlight-color: transparent; | |
42 } | |
43 | |
44 .promo-message { | |
45 font-family: Arial, sans-serif; | |
46 font-size: 12pt; | |
47 margin: 16px 24px; | |
48 text-align: center; | |
49 } | |
50 | |
51 .promo-button { | |
52 background: linear-gradient( | |
53 to bottom, #f5f5f5, #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 | |
70 .promo-sync-graphic { | |
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); | |
75 background-repeat: no-repeat; | |
76 height: 130px; | |
77 } | |
78 | |
79 body[device='tablet'] .promo-sync-graphic { | |
80 background-image: -webkit-image-set( | |
81 url('images/syncfographic_sw600dp_mdpi.png') 1x, | |
82 url('images/syncfographic_sw600dp_hdpi.png') 1.5x, | |
83 url('images/syncfographic_sw600dp_xhdpi.png') 2x); | |
84 background-repeat: no-repeat; | |
85 height: 260px; | |
86 zoom: 0.5; | |
87 } | |
OLD | NEW |