| 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 |