| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 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 /* The main (outer) container. */ | 5 /* The main (outer) container. */ |
| 6 #metro-setup-outer-container { | 6 #metro-setup-outer-container { |
| 7 -webkit-box-align: center; | 7 -webkit-box-align: center; |
| 8 -webkit-box-orient: vertical; | 8 -webkit-box-orient: vertical; |
| 9 -webkit-box-pack: start; | 9 -webkit-box-pack: start; |
| 10 -webkit-transition: 200ms opacity; | |
| 11 background-color: rgba(255, 255, 255, 0.75); | 10 background-color: rgba(255, 255, 255, 0.75); |
| 12 bottom: 0; | 11 bottom: 0; |
| 13 display: -webkit-box; | 12 display: -webkit-box; |
| 14 left: 0; | 13 left: 0; |
| 15 overflow: auto; | 14 overflow: auto; |
| 16 position: fixed; | 15 position: fixed; |
| 17 right: 0; | 16 right: 0; |
| 18 top: 0; | 17 top: 0; |
| 18 transition: 200ms opacity; |
| 19 } | 19 } |
| 20 | 20 |
| 21 /* The page block within the outer container. */ | 21 /* The page block within the outer container. */ |
| 22 #metro-setup-outer-container .page { | 22 #metro-setup-outer-container .page { |
| 23 -webkit-box-orient: vertical; | 23 -webkit-box-orient: vertical; |
| 24 -webkit-user-select: none; | 24 -webkit-user-select: none; |
| 25 background: white; | 25 background: white; |
| 26 background-color: white; | 26 background-color: white; |
| 27 border-radius: 3px; | 27 border-radius: 3px; |
| 28 color: #333; | 28 color: #333; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 76 | 76 |
| 77 #metro-setup-overlay .content-area { | 77 #metro-setup-overlay .content-area { |
| 78 padding: 10px 15px; | 78 padding: 10px 15px; |
| 79 text-align: end; | 79 text-align: end; |
| 80 } | 80 } |
| 81 | 81 |
| 82 /* Action buttons. */ | 82 /* Action buttons. */ |
| 83 #metro-action-box button { | 83 #metro-action-box button { |
| 84 -webkit-margin-end: 0.4em; | 84 -webkit-margin-end: 0.4em; |
| 85 -webkit-margin-start: 0; | 85 -webkit-margin-start: 0; |
| 86 -webkit-transition: all 218ms; | |
| 87 -webkit-user-select: none; | 86 -webkit-user-select: none; |
| 88 border-radius: 2px; | 87 border-radius: 2px; |
| 89 display: inline-block; | 88 display: inline-block; |
| 90 font-size: 13px; | 89 font-size: 13px; |
| 91 height: 32px; | 90 height: 32px; |
| 92 line-height: 27px; | 91 line-height: 27px; |
| 93 margin-top: 0; | 92 margin-top: 0; |
| 94 min-width: 80px; | 93 min-width: 80px; |
| 94 transition: all 218ms; |
| 95 } | 95 } |
| 96 | 96 |
| 97 #metro-action-box button:hover { | 97 #metro-action-box button:hover { |
| 98 -webkit-transition: all 0ms; | |
| 99 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | 98 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); |
| 99 transition: all 0ms; |
| 100 } | 100 } |
| 101 | 101 |
| 102 #metro-action-box button:focus { | 102 #metro-action-box button:focus { |
| 103 box-shadow: inset 0 0 0 1px white; | 103 box-shadow: inset 0 0 0 1px white; |
| 104 outline: none; | 104 outline: none; |
| 105 z-index: 4 !important; | 105 z-index: 4 !important; |
| 106 } | 106 } |
| 107 | 107 |
| 108 #metro-action-box button:active, | 108 #metro-action-box button:active, |
| 109 #metro-action-box button:focus:active { | 109 #metro-action-box button:focus:active { |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 150 margin: 1px; | 150 margin: 1px; |
| 151 text-align: center; | 151 text-align: center; |
| 152 } | 152 } |
| 153 | 153 |
| 154 #chrome-logo-box { | 154 #chrome-logo-box { |
| 155 bottom: 30px; | 155 bottom: 30px; |
| 156 position: absolute; | 156 position: absolute; |
| 157 text-align: center; | 157 text-align: center; |
| 158 width: 100%; | 158 width: 100%; |
| 159 } | 159 } |
| OLD | NEW |