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 |