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 /* Set the global 'box-sizing' state to 'border-box'. | 5 /* Set the global 'box-sizing' state to 'border-box'. |
6 * *::after and *::before used to select pseudo-elements not selectable by *. */ | 6 * *::after and *::before used to select pseudo-elements not selectable by *. */ |
7 | 7 |
8 *, | 8 *, |
9 *::after, | 9 *::after, |
10 *::before { | 10 *::before { |
(...skipping 364 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
375 pre { | 375 pre { |
376 line-height: 1.642; | 376 line-height: 1.642; |
377 padding: .5em; | 377 padding: .5em; |
378 white-space: pre-wrap; | 378 white-space: pre-wrap; |
379 } | 379 } |
380 | 380 |
381 body .hidden { | 381 body .hidden { |
382 display: none; | 382 display: none; |
383 } | 383 } |
384 | 384 |
385 /* Footer feedback form. */ | |
386 #contentWrap { | |
387 display: flex; | |
388 flex-direction: column; | |
389 flex-grow: 1; | |
390 overflow: auto; | |
391 position: relative; | |
392 z-index: 1; | |
393 } | |
394 | |
395 .footerFeedback { | |
396 display: flex; | |
397 flex-direction: column; | |
398 font-size: 14px; | |
399 z-index: 2; | |
400 background-color: #4285F4; | |
401 color: #fff; | |
402 width: 100%; | |
403 } | |
404 | |
405 .feedbackContent { | |
406 font-size: 14px; | |
407 font-family: sans-serif; | |
408 background-color: #4285F4; | |
409 clear: both; | |
410 padding: 14px; | |
411 } | |
412 | |
413 #feedbackQuestion { | |
414 font-size: 1.4em; | |
415 font-weight: 700; | |
416 text-align: center; | |
417 width: 100%; | |
418 } | |
419 | |
420 .feedbackButtonWrap { | |
421 margin-top: 14px; | |
422 text-align: center; | |
423 width: 100%; | |
424 } | |
425 | |
426 .feedbackButton { | |
427 -webkit-user-select: none; | |
428 background-color: #FFFFFF; | |
429 border-radius: 3px; | |
430 color: #4285F4; | |
431 display: inline-block; | |
432 font-weight: 900; | |
433 height: 35px; | |
434 margin: 0px 4% 0px 4%; | |
435 padding-top: 8px; | |
436 text-align: center; | |
437 text-transform: uppercase; | |
438 user-select: none; | |
439 width: 40%; | |
440 } | |
441 | |
442 .clear { | 385 .clear { |
443 clear: both; | 386 clear: both; |
444 } | 387 } |
445 | 388 |
446 /* Feedback fade out */ | |
447 .fadeOut { | |
448 animation-duration: 0.5s; | |
449 animation-name: fadeOutAndSwipeAnimation; | |
450 } | |
451 | |
452 @keyframes fadeOutAndSwipeAnimation { | |
453 from { | |
454 margin-left: 0%; | |
455 opacity: 1; | |
456 } | |
457 | |
458 to { | |
459 margin-left: -100%; | |
460 opacity: 0; | |
461 } | |
462 } | |
463 | |
464 /* Iframe sizing. */ | 389 /* Iframe sizing. */ |
465 .youtubeContainer { | 390 .youtubeContainer { |
466 height: 0px; | 391 height: 0px; |
467 /* This is the perecnt height of a standard HD video. */ | 392 /* This is the perecnt height of a standard HD video. */ |
468 padding-bottom: 56.25%; | 393 padding-bottom: 56.25%; |
469 position: relative; | 394 position: relative; |
470 width: 100%; | 395 width: 100%; |
471 } | 396 } |
472 | 397 |
473 .youtubeIframe { | 398 .youtubeIframe { |
474 height: 100%; | 399 height: 100%; |
475 left: 0px; | 400 left: 0px; |
476 position: absolute; | 401 position: absolute; |
477 top: 0px; | 402 top: 0px; |
478 width: 100%; | 403 width: 100%; |
479 } | 404 } |
480 | 405 |
OLD | NEW |