| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
| 4 * | 4 * |
| 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow. | 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow. |
| 6 */ | 6 */ |
| 7 | 7 |
| 8 body { | 8 body { |
| 9 background: -webkit-gradient(radial, center center, 0, center center, 400, | 9 background: -webkit-gradient(radial, center center, 0, center center, 400, |
| 10 from(#fefefe), to(#efefef)); | 10 from(#fefefe), to(#efefef)); |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 53 -webkit-mask-clip: padding-box; | 53 -webkit-mask-clip: padding-box; |
| 54 background: -webkit-linear-gradient(bottom, top, | 54 background: -webkit-linear-gradient(bottom, top, |
| 55 rgba(0,0,0,0.2)), rgba(0,0,0,0.0)); | 55 rgba(0,0,0,0.2)), rgba(0,0,0,0.0)); |
| 56 border: none; | 56 border: none; |
| 57 border-bottom: 1px solid rgba(0,0,0,0.5); | 57 border-bottom: 1px solid rgba(0,0,0,0.5); |
| 58 height: 2px; | 58 height: 2px; |
| 59 opacity: 0.3; | 59 opacity: 0.3; |
| 60 } | 60 } |
| 61 | 61 |
| 62 #header { | 62 #header { |
| 63 background: url('chrome://theme/IDR_PRODUCT_LOGO_64') left center no-repeat; | 63 background: url('chrome://theme/IDR_PRODUCT_LOGO_NAME') left center no-repeat; |
| 64 background-size: 48px; | |
| 65 color: #737373; | 64 color: #737373; |
| 66 display: -webkit-box; | 65 display: -webkit-box; |
| 67 font-size: 20px; | 66 font-size: 20px; |
| 68 height: 48px; | 67 height: 48px; |
| 69 line-height: 48px; | 68 line-height: 48px; |
| 70 padding-left: 54px; | 69 <if expr="pp_ifdef('_google_chrome')"> |
| 70 padding-left: 120px; |
| 71 </if> |
| 72 <if expr="not pp_ifdef('_google_chrome')"> |
| 73 padding-left: 146px; |
| 74 </if> |
| 71 } | 75 } |
| 72 | 76 |
| 73 #header-sections { | 77 #header-sections { |
| 74 position: relative; | 78 position: relative; |
| 75 } | 79 } |
| 76 | 80 |
| 77 .header-section:before { | 81 .header-section:before { |
| 78 /* Divider in header between product name and title, | 82 /* Divider in header between product name and title, |
| 79 like "[Product name] > [step header]" */ | 83 like "[Product name] > [step header]" */ |
| 80 content: "\00A0\203A\00A0\00A0"; | 84 content: "\00A0\203A\00A0\00A0"; |
| (...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 528 #version-labels { | 532 #version-labels { |
| 529 -webkit-transition: all .5s linear; | 533 -webkit-transition: all .5s linear; |
| 530 bottom: 10px; | 534 bottom: 10px; |
| 531 color: #999; | 535 color: #999; |
| 532 font-size: 11px; | 536 font-size: 11px; |
| 533 left: 10px; | 537 left: 10px; |
| 534 opacity: 1.0; | 538 opacity: 1.0; |
| 535 position: absolute; | 539 position: absolute; |
| 536 text-shadow: 0 1px 1px #fff; | 540 text-shadow: 0 1px 1px #fff; |
| 537 } | 541 } |
| OLD | NEW |