Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1828)

Side by Side Diff: components/dom_distiller/core/css/distilledpage.css

Issue 2768093004: Remove unused feedback class in dom distiller component (Closed)
Patch Set: address comments Created 3 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698