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 match needs-restart.height + 5 */ | 10 /* Should be larger than the evaluated height of needs-restart. */ |
11 padding-bottom: 75px; | 11 padding-bottom: 100px; |
12 } | 12 } |
13 | 13 |
14 a { | 14 a { |
15 color: blue; | 15 color: blue; |
16 font-size: 103%; | 16 font-size: 103%; |
17 } | 17 } |
18 | 18 |
19 .permalink { | 19 .permalink { |
20 color: #A0A0A0; | 20 color: #A0A0A0; |
21 } | 21 } |
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
157 } | 157 } |
158 | 158 |
159 /* Match the indentation of .experiment-text. */ | 159 /* Match the indentation of .experiment-text. */ |
160 .experiment-actions { | 160 .experiment-actions { |
161 -webkit-padding-start: 5px; | 161 -webkit-padding-start: 5px; |
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 change properties that update the height of this, | |
168 update body.padding-bottom */ | |
Dan Beam
2015/05/11 21:32:31
nit: continuations should have a * at the beginnin
Ted C
2015/05/11 22:19:06
Done. Slightly changed the wording to not use upd
| |
167 background: #FFF; | 169 background: #FFF; |
168 border-top: 1px solid rgb(181, 199, 222); | 170 border-top: 1px solid rgb(181, 199, 222); |
169 bottom: 0; | 171 bottom: 0; |
170 box-sizing: border-box; | 172 box-sizing: border-box; |
171 /* If you change this, update body.padding-bottom */ | |
172 height: 70px; | |
173 left: 0; | 173 left: 0; |
174 padding-bottom: 25px; | 174 padding-bottom: 15px; |
175 padding-left: 15px; | 175 padding-left: 15px; |
176 padding-right: 15px; | 176 padding-right: 15px; |
177 padding-top: 15px; | 177 padding-top: 15px; |
178 position: fixed; | 178 position: fixed; |
179 width: 100%; | 179 width: 100%; |
180 } | 180 } |
181 | 181 |
182 .experiment-restart-button { | |
183 -webkit-user-select: none; | |
184 background: rgb(76, 142, 250); | |
185 border: 0; | |
186 border-radius: 2px; | |
187 box-sizing: border-box; | |
188 color: #fff; | |
189 cursor: pointer; | |
190 font-size: .875em; | |
191 font-weight: 600; | |
192 margin-top: 10px; | |
193 padding: 10px 24px; | |
194 text-transform: uppercase; | |
195 transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1); | |
196 } | |
197 | |
182 button { | 198 button { |
183 font-size: 104%; | 199 font-size: 104%; |
184 } | 200 } |
185 | 201 |
OLD | NEW |