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: -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 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 } 88
