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 body { | 5 body { |
6 margin: 10px 10px 0; | 6 margin: 10px 10px 0; |
7 <if expr="not is_android and not is_ios"> | 7 <if expr="not is_android and not is_ios"> |
8 min-width: 47em; | 8 min-width: 47em; |
9 </if> | 9 </if> |
10 /* Should be larger than the evaluated height of needs-restart. */ | 10 /* Should be larger than the evaluated height of needs-restart. */ |
(...skipping 151 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
162 margin-bottom: 0.2em; | 162 margin-bottom: 0.2em; |
163 margin-top: 0.2em; | 163 margin-top: 0.2em; |
164 } | 164 } |
165 | 165 |
166 div.needs-restart { | 166 div.needs-restart { |
167 /* If you modify properties that change the height of this, | 167 /* If you modify properties that change the height of this, |
168 * update body.padding-bottom. */ | 168 * update body.padding-bottom. */ |
169 background: #FFF; | 169 background: #FFF; |
170 border-top: 1px solid rgb(181, 199, 222); | 170 border-top: 1px solid rgb(181, 199, 222); |
171 bottom: 0; | 171 bottom: 0; |
| 172 box-shadow: 0 -2px 2px #ddd; |
172 box-sizing: border-box; | 173 box-sizing: border-box; |
173 left: 0; | 174 left: 0; |
174 padding-bottom: 15px; | 175 padding-bottom: 15px; |
175 padding-left: 15px; | 176 padding-left: 15px; |
176 padding-right: 15px; | 177 padding-right: 15px; |
177 padding-top: 15px; | 178 padding-top: 15px; |
178 position: fixed; | 179 position: fixed; |
179 width: 100%; | 180 width: 100%; |
180 } | 181 } |
181 | 182 |
182 .experiment-restart-button { | 183 .experiment-restart-button { |
183 -webkit-user-select: none; | 184 -webkit-user-select: none; |
184 background: rgb(76, 142, 250); | 185 background: rgb(76, 142, 250); |
185 border: 0; | 186 border: 0; |
186 border-radius: 2px; | 187 border-radius: 2px; |
187 box-sizing: border-box; | 188 box-sizing: border-box; |
188 color: #fff; | 189 color: #fff; |
189 cursor: pointer; | 190 cursor: pointer; |
190 font-size: .875em; | 191 font-weight: 700; |
191 font-weight: 600; | |
192 margin-top: 10px; | 192 margin-top: 10px; |
193 padding: 10px 24px; | 193 padding: 10px 24px; |
194 text-transform: uppercase; | 194 text-transform: uppercase; |
195 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); | 195 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); |
196 } | 196 } |
197 | 197 |
198 button { | 198 button { |
199 font-size: 104%; | 199 font-size: 104%; |
200 } | 200 } |
201 | 201 |
OLD | NEW |