OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 contains common styling for all the OOBE screens. */ | 5 * This contains common styling for all the OOBE screens. */ |
6 | 6 |
7 :root { | 7 :root { |
8 --oobe-roboto-medium: 500 12px Roboto; | 8 --oobe-roboto-medium: 500 12px Roboto; |
9 --oobe-roboto-bold: 700 12px Roboto; | 9 --oobe-roboto-bold: 700 12px Roboto; |
10 } | 10 } |
11 | 11 |
12 .step { | 12 .step { |
13 box-sizing: border-box; | 13 box-sizing: border-box; |
14 position: absolute; | 14 position: absolute; |
15 } | 15 } |
16 | 16 |
17 .step.animated:not(.faded) { | 17 .step.animated:not(.faded) { |
18 -webkit-transition: transform 200ms ease-in-out, | 18 transition: transform 200ms ease-in-out, |
19 opacity 200ms ease-in-out, | 19 opacity 200ms ease-in-out, |
20 visibility 200ms ease-in-out; | 20 visibility 200ms ease-in-out; |
21 } | 21 } |
22 | 22 |
23 .step.hidden { | 23 .step.hidden { |
24 visibility: hidden; | 24 visibility: hidden; |
25 } | 25 } |
26 | 26 |
27 .faded, | 27 .faded, |
28 .left, | 28 .left, |
29 .right { | 29 .right { |
30 opacity: 0; | 30 opacity: 0; |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
115 | 115 |
116 /* EULA screen extra controls have 2 elements | 116 /* EULA screen extra controls have 2 elements |
117 so they require different alignment. */ | 117 so they require different alignment. */ |
118 #eula-extra-controls { | 118 #eula-extra-controls { |
119 bottom: 17px; | 119 bottom: 17px; |
120 } | 120 } |
121 | 121 |
122 #security-info a:focus, | 122 #security-info a:focus, |
123 #eula a:focus, | 123 #eula a:focus, |
124 .step-extra-controls a:focus { | 124 .step-extra-controls a:focus { |
125 -webkit-transition: outline-color 200ms; | |
126 /* Note: May use 1px solid here. */ | 125 /* Note: May use 1px solid here. */ |
127 outline-color: rgb(77, 144, 254); | 126 outline-color: rgb(77, 144, 254); |
| 127 transition: outline-color 200ms; |
128 } | 128 } |
129 | 129 |
130 .step-extra-controls > *:not(:first-child) { | 130 .step-extra-controls > *:not(:first-child) { |
131 margin-top: 7px; | 131 margin-top: 7px; |
132 } | 132 } |
133 | 133 |
134 html[dir=rtl] .step-extra-controls { | 134 html[dir=rtl] .step-extra-controls { |
135 left: auto; | 135 left: auto; |
136 right: 49px; | 136 right: 49px; |
137 } | 137 } |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
170 | 170 |
171 html[highlight=strong] #security-info a:focus, | 171 html[highlight=strong] #security-info a:focus, |
172 html[highlight=strong] #eula a:focus, | 172 html[highlight=strong] #eula a:focus, |
173 html[highlight=strong] .step-extra-controls a:focus, | 173 html[highlight=strong] .step-extra-controls a:focus, |
174 html[highlight=strong] .menu-control:focus, | 174 html[highlight=strong] .menu-control:focus, |
175 html[highlight=strong] input[type='button']:focus, | 175 html[highlight=strong] input[type='button']:focus, |
176 html[highlight=strong] button:focus { | 176 html[highlight=strong] button:focus { |
177 box-shadow: 0 0 23px rgb(77, 144, 254) !important; | 177 box-shadow: 0 0 23px rgb(77, 144, 254) !important; |
178 } | 178 } |
179 | 179 |
OLD | NEW |