| 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 |