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
5html {
6  height: 100%;
7  width: 100%;
8}
9
10body {
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: -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
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
79body[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}
88