OLD | NEW |
1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 * sign in and lock screens. | 6 * sign in and lock screens. |
7 */ | 7 */ |
8 | 8 |
9 html, | 9 html, |
10 body { | 10 body { |
(...skipping 18 matching lines...) Expand all Loading... |
29 | 29 |
30 button { | 30 button { |
31 font-family: inherit; | 31 font-family: inherit; |
32 outline: none; | 32 outline: none; |
33 } | 33 } |
34 | 34 |
35 /* Follow same focus coloring as in widgets.css */ | 35 /* Follow same focus coloring as in widgets.css */ |
36 /* Do not apply this style to restricted button state. */ | 36 /* Do not apply this style to restricted button state. */ |
37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not( | 37 button.custom-appearance:not(.button-restricted):not(.button-fancy):not( |
38 [is="gaia-icon-button"]) { | 38 [is="gaia-icon-button"]) { |
39 -webkit-transition: border-color 200ms; | |
40 border: 2px solid transparent; | 39 border: 2px solid transparent; |
41 /* Don't grey out disabled buttons. */ | 40 /* Don't grey out disabled buttons. */ |
42 color: buttontext !important; | 41 color: buttontext !important; |
| 42 transition: border-color 200ms; |
43 } | 43 } |
44 | 44 |
45 /* ':focus' used three times to increase specificity. */ | 45 /* ':focus' used three times to increase specificity. */ |
46 button.custom-appearance:focus:focus:focus { | 46 button.custom-appearance:focus:focus:focus { |
47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */ | 47 border-color: rgba(66, 133, 244, 0.6); /* #4285f4 */ |
48 } | 48 } |
49 | 49 |
50 button:not(.custom-appearance) { | 50 button:not(.custom-appearance) { |
51 min-width: 72px !important; | 51 min-width: 72px !important; |
52 } | 52 } |
(...skipping 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
128 | 128 |
129 .flexible-label { | 129 .flexible-label { |
130 max-width: 250px; | 130 max-width: 250px; |
131 } | 131 } |
132 | 132 |
133 [hidden] { | 133 [hidden] { |
134 display: none !important; | 134 display: none !important; |
135 } | 135 } |
136 | 136 |
137 #bubble { | 137 #bubble { |
138 -webkit-transition: 250ms opacity; | 138 transition: 250ms opacity; |
139 } | 139 } |
140 | 140 |
141 span.bold { | 141 span.bold { |
142 font-weight: bold; | 142 font-weight: bold; |
143 } | 143 } |
144 | 144 |
145 #version-labels { | 145 #version-labels { |
146 -webkit-transition: all 500ms linear; | |
147 color: #fff; | 146 color: #fff; |
148 font-size: 11px; | 147 font-size: 11px; |
149 margin: 10px; | 148 margin: 10px; |
150 position: relative; | 149 position: relative; |
151 text-align: end; | 150 text-align: end; |
152 text-shadow: | 151 text-shadow: |
153 0 0 4px rgba(0,0,0,.6), | 152 0 0 4px rgba(0,0,0,.6), |
154 0 1px 2px rgba(0,0,0,.8), | 153 0 1px 2px rgba(0,0,0,.8), |
155 0 -1px 2px rgba(0,0,0,1); | 154 0 -1px 2px rgba(0,0,0,1); |
| 155 transition: all 500ms linear; |
156 z-index: 1; | 156 z-index: 1; |
157 } | 157 } |
158 | 158 |
159 #background { | 159 #background { |
160 -webkit-transition: 700ms opacity; | |
161 background-size: 100% 100%; | 160 background-size: 100% 100%; |
162 height: 100%; | 161 height: 100%; |
163 left: 0; | 162 left: 0; |
164 position: absolute; | 163 position: absolute; |
165 top: 0; | 164 top: 0; |
| 165 transition: 700ms opacity; |
166 width: 100%; | 166 width: 100%; |
167 } | 167 } |
168 | 168 |
169 .background-initial { | 169 .background-initial { |
170 opacity: 0; | 170 opacity: 0; |
171 } | 171 } |
172 | 172 |
173 .throbber { | 173 .throbber { |
174 -webkit-margin-end: 0.5em; | 174 -webkit-margin-end: 0.5em; |
175 margin-top: 1px; | 175 margin-top: 1px; |
176 } | 176 } |
OLD | NEW |