OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 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 * { | 5 * { |
6 box-sizing: border-box; | 6 box-sizing: border-box; |
7 -webkit-font-smoothing:antialiased; | 7 -webkit-font-smoothing:antialiased; |
8 } | 8 } |
9 | 9 |
10 html, body { | 10 html, body { |
11 margin: 0; | 11 margin: 0; |
12 padding: 0; | 12 padding: 0; |
13 width: 100%; | 13 width: 100%; |
14 height: 100%; | 14 height: 100%; |
15 background: #FAFAFA; | 15 background: #FAFAFA; |
16 font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; | 16 font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
17 line-height: 1.35; | 17 line-height: 1.35; |
18 color: #444; | 18 color: #666; |
19 } | 19 } |
20 | 20 |
21 body { | 21 body { |
22 display: flex; | 22 display: flex; |
23 flex-direction: row; | 23 flex-direction: row; |
24 } | 24 } |
25 | 25 |
26 nav { | 26 nav { |
27 width: 230px; | 27 width: 230px; |
28 background: #F3F3F3; | 28 background: #F3F3F3; |
(...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
181 | 181 |
182 .demo header { | 182 .demo header { |
183 flex: 0 1 auto; | 183 flex: 0 1 auto; |
184 padding: 15px 25px; | 184 padding: 15px 25px; |
185 } | 185 } |
186 | 186 |
187 .demo header h1 { | 187 .demo header h1 { |
188 margin: 0; | 188 margin: 0; |
189 font-family: 'Open Sans'; | 189 font-family: 'Open Sans'; |
190 font-weight: 300; | 190 font-weight: 300; |
191 color: #666; | 191 color: #000; |
192 font-size: 62px; | 192 font-size: 62px; |
193 letter-spacing: -0.05em; | 193 letter-spacing: -0.05em; |
194 } | 194 } |
195 | 195 |
196 .demo p { | 196 .demo p { |
197 margin: 0 0 1em 0; | 197 margin: 0 0 1em 0; |
198 font-size: 17px; | 198 font-size: 17px; |
199 } | 199 } |
200 | 200 |
201 .demo ul { | 201 .demo ul { |
(...skipping 25 matching lines...) Expand all Loading... |
227 border: 1px solid #DFDFDF; | 227 border: 1px solid #DFDFDF; |
228 position: relative; | 228 position: relative; |
229 padding: 10px; | 229 padding: 10px; |
230 } | 230 } |
231 | 231 |
232 .demo div.Demo-content embed { | 232 .demo div.Demo-content embed { |
233 flex: 1 1 auto; | 233 flex: 1 1 auto; |
234 } | 234 } |
235 | 235 |
236 .demo p { | 236 .demo p { |
237 font-size: 20px; | 237 font-size: 16px; |
238 } | 238 } |
239 | 239 |
240 .demo a { | 240 .demo a { |
241 color: #00A3D9; | 241 color: #00A3D9; |
242 } | 242 } |
243 | 243 |
244 .demo p.note { | 244 .demo p.note { |
245 color: #666; | 245 color: #666; |
246 font-style: italic; | 246 font-style: italic; |
247 font-size: 14px; | 247 font-size: 14px; |
(...skipping 26 matching lines...) Expand all Loading... |
274 | 274 |
275 .demo td.name { | 275 .demo td.name { |
276 font-weight: bold; | 276 font-weight: bold; |
277 } | 277 } |
278 | 278 |
279 .demo h2 { | 279 .demo h2 { |
280 font-size: 16px; | 280 font-size: 16px; |
281 font-family: 'Open Sans'; | 281 font-family: 'Open Sans'; |
282 font-weight: 700; | 282 font-weight: 700; |
283 margin: 0 0 0.2em 0; | 283 margin: 0 0 0.2em 0; |
284 color: #777; | 284 color: #000; |
285 letter-spacing: -0.06em; | 285 letter-spacing: -0.06em; |
286 } | 286 } |
287 | 287 |
288 .demo #loading-cover{ | 288 .demo #loading-cover{ |
289 display: block; | 289 display: block; |
290 position: fixed; | 290 position: fixed; |
291 left: 0; | 291 left: 0; |
292 top: 0; | 292 top: 0; |
293 right: 0; | 293 right: 0; |
294 bottom: 0; | 294 bottom: 0; |
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
380 height: 40px; | 380 height: 40px; |
381 background: #6DD900; | 381 background: #6DD900; |
382 transition: width 0.1s ease-out; | 382 transition: width 0.1s ease-out; |
383 } | 383 } |
384 | 384 |
385 .demo .credit { | 385 .demo .credit { |
386 margin-top: 20px; | 386 margin-top: 20px; |
387 font-size: 10px; | 387 font-size: 10px; |
388 color: #AAA; | 388 color: #AAA; |
389 } | 389 } |
OLD | NEW |