blob: c183998462b1b672c91b2f51974bac9ada8de170 [file] [log] [blame]
/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
html {
height: 100%;
width: 100%;
}
body {
-webkit-user-select: none;
background: #fff;
font-family: Droid Sans;
margin: 0;
padding: 0;
padding-bottom: 44px;
width: 100%;
}
.welcome-to-chrome {
background: url(images/welcome_thumb.png);
}
.center-empty-container {
-webkit-box-align: center;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
display: -webkit-box;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.center-empty-content {
font-size: 14pt;
width: 275px;
}
.promo-action-target {
-webkit-tap-highlight-color: transparent;
}
.promo-message {
font-family: Arial, sans-serif;
font-size: 12pt;
margin: 16px 24px;
text-align: center;
}
.promo-button {
background: -webkit-gradient(
linear, left top, left bottom, from(#f5f5f5), to(#f1f1f1));
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08),
inset 0 0 2px rgba(255, 255, 255, 0.6);
font-size: 12pt;
margin-left: auto;
margin-right: auto;
padding: 10px;
text-align: center;
}
.promo-button-active {
-webkit-tap-highlight-color: transparent;
background: rgba(51, 181, 229, 0.4);
}
.promo-sync-graphic {
background-image: -webkit-image-set(
url('images/syncfographic_mdpi.png') 1x,
url('images/syncfographic_hdpi.png') 1.5x,
url('images/syncfographic_xhdpi.png') 2x);
background-repeat: no-repeat;
height: 130px;
}
body[device='tablet'] .promo-sync-graphic {
background-image: -webkit-image-set(
url('images/syncfographic_sw600dp_mdpi.png') 1x,
url('images/syncfographic_sw600dp_hdpi.png') 1.5x,
url('images/syncfographic_sw600dp_xhdpi.png') 2x);
background-repeat: no-repeat;
height: 260px;
zoom: 0.5;
}