chrome/browser/resources/md_downloads/vulcanized.html - Issue 1846383002: MD Downloads: fix vulcanize issues by excluding higher up in the dependency tree

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 1846383002: MD Downloads: fix vulcanize issues by excluding higher up in the dependency tree (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: just polymer.html Created 4 years, 8 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

OLD	NEW
1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!--	1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!--

2 @license	2 @license

3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><!--	9 --><!--

10 @license	10 @license

11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

15 Code distributed by Google as part of the polymer project is also	15 Code distributed by Google as part of the polymer project is also

16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

17 --><!--

18 @license

19 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.

20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

23 Code distributed by Google as part of the polymer project is also

24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

25 -->	17 -->

26 <meta charset="utf-8">	18 <meta charset="utf-8">

27 <title i18n-content="title"></title>	19 <title i18n-content="title"></title>

28 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">	20 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">

29 <style>	21 <style>

30 html {	22 html {

31 background: rgb(236, 239, 241);	23 background: rgb(236, 239, 241);

32 }	24 }

33	25

34 html,	26 html,

35 body {	27 body {

36 height: 100%;	28 height: 100%;

37 }	29 }

38	30

39 body {	31 body {

40 display: flex;	32 display: flex;

41 margin: 0;	33 margin: 0;

42 }	34 }

43 </style>	35 </style>

44 <script src="chrome://resources/js/polymer_config.js"></script>	36 </head>

45 <script src="chrome://resources/js/load_time_data.js"></script>	37 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script>

46 <script src="chrome://downloads/strings.js"></script>	38 <script src="chrome://downloads/strings.js"></script>

	39 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">

	40 <template>

	41 <style>

	42 :host {

	43 display: block;

	44 position: relative;

	45 }

	46

	47 @media only screen and (-webkit-max-device-pixel-ratio: 1) {

	48 :host {

	49 will-change: transform;

	50 }

	51 }

	52

	53 #items {

	54 @apply(--iron-list-items-container);

	55 position: relative;

	56 }

	57

	58 #items > ::content > * {

	59 width: 100%;

	60 box-sizing: border-box;

	61 position: absolute;

	62 top: 0;

	63 will-change: transform;

	64 }

	65 </style>

	66

	67 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">

	68 </array-selector>

	69

	70 <div id="items">

	71 <content></content>

	72 </div>

	73

	74 </template>

	75 </dom-module>

	76

47 <style>	77 <style>

48 /* IE 10 support for HTML5 hidden attr */	78 /* IE 10 support for HTML5 hidden attr */

49 [hidden] {	79 [hidden] {

50 display: none !important;	80 display: none !important;

51 }	81 }

52 </style>	82 </style>

53	83

54 <style is="custom-style">	84 <style is="custom-style">

55 :root {	85 :root {

56	86

(...skipping 284 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
341 top: 0;	371 top: 0;

342 bottom: 0;	372 bottom: 0;

343 left: 0;	373 left: 0;

344 };	374 };

345	375

346 }	376 }

347	377

348 </style>	378 </style>

349	379

350	380

351

352

353 <style is="custom-style">

354

355 :root {

356

357 --shadow-transition: {

358 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);

359 };

360

361 --shadow-none: {

362 box-shadow: none;

363 };

364

365 /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */

366

367 --shadow-elevation-2dp: {

368 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),

369 0 1px 5px 0 rgba(0, 0, 0, 0.12),

370 0 3px 1px -2px rgba(0, 0, 0, 0.2);

371 };

372

373 --shadow-elevation-3dp: {

374 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),

375 0 1px 8px 0 rgba(0, 0, 0, 0.12),

376 0 3px 3px -2px rgba(0, 0, 0, 0.4);

377 };

378

379 --shadow-elevation-4dp: {

380 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),

381 0 1px 10px 0 rgba(0, 0, 0, 0.12),

382 0 2px 4px -1px rgba(0, 0, 0, 0.4);

383 };

384

385 --shadow-elevation-6dp: {

386 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),

387 0 1px 18px 0 rgba(0, 0, 0, 0.12),

388 0 3px 5px -1px rgba(0, 0, 0, 0.4);

389 };

390

391 --shadow-elevation-8dp: {

392 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),

393 0 3px 14px 2px rgba(0, 0, 0, 0.12),

394 0 5px 5px -3px rgba(0, 0, 0, 0.4);

395 };

396

397 --shadow-elevation-12dp: {

398 box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),

399 0 4px 22px 3px rgba(0, 0, 0, 0.12),

400 0 6px 7px -4px rgba(0, 0, 0, 0.4);

401 };

402

403 --shadow-elevation-16dp: {

404 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),

405 0 6px 30px 5px rgba(0, 0, 0, 0.12),

406 0 8px 10px -5px rgba(0, 0, 0, 0.4);

407 };

408

409 }

410

411 </style>

412

413

414

415

416 <style is="custom-style">

417

418 :root {

419

420 /* Material Design color palette for Google products */

421

422 --google-red-100: #f4c7c3;

423 --google-red-300: #e67c73;

424 --google-red-500: #db4437;

425 --google-red-700: #c53929;

426

427 --google-blue-100: #c6dafc;

428 --google-blue-300: #7baaf7;

429 --google-blue-500: #4285f4;

430 --google-blue-700: #3367d6;

431

432 --google-green-100: #b7e1cd;

433 --google-green-300: #57bb8a;

434 --google-green-500: #0f9d58;

435 --google-green-700: #0b8043;

436

437 --google-yellow-100: #fce8b2;

438 --google-yellow-300: #f7cb4d;

439 --google-yellow-500: #f4b400;

440 --google-yellow-700: #f09300;

441

442 --google-grey-100: #f5f5f5;

443 --google-grey-300: #e0e0e0;

444 --google-grey-500: #9e9e9e;

445 --google-grey-700: #616161;

446

447 /* Material Design color palette from online spec document */

448

449 --paper-red-50: #ffebee;

450 --paper-red-100: #ffcdd2;

451 --paper-red-200: #ef9a9a;

452 --paper-red-300: #e57373;

453 --paper-red-400: #ef5350;

454 --paper-red-500: #f44336;

455 --paper-red-600: #e53935;

456 --paper-red-700: #d32f2f;

457 --paper-red-800: #c62828;

458 --paper-red-900: #b71c1c;

459 --paper-red-a100: #ff8a80;

460 --paper-red-a200: #ff5252;

461 --paper-red-a400: #ff1744;

462 --paper-red-a700: #d50000;

463

464 --paper-pink-50: #fce4ec;

465 --paper-pink-100: #f8bbd0;

466 --paper-pink-200: #f48fb1;

467 --paper-pink-300: #f06292;

468 --paper-pink-400: #ec407a;

469 --paper-pink-500: #e91e63;

470 --paper-pink-600: #d81b60;

471 --paper-pink-700: #c2185b;

472 --paper-pink-800: #ad1457;

473 --paper-pink-900: #880e4f;

474 --paper-pink-a100: #ff80ab;

475 --paper-pink-a200: #ff4081;

476 --paper-pink-a400: #f50057;

477 --paper-pink-a700: #c51162;

478

479 --paper-purple-50: #f3e5f5;

480 --paper-purple-100: #e1bee7;

481 --paper-purple-200: #ce93d8;

482 --paper-purple-300: #ba68c8;

483 --paper-purple-400: #ab47bc;

484 --paper-purple-500: #9c27b0;

485 --paper-purple-600: #8e24aa;

486 --paper-purple-700: #7b1fa2;

487 --paper-purple-800: #6a1b9a;

488 --paper-purple-900: #4a148c;

489 --paper-purple-a100: #ea80fc;

490 --paper-purple-a200: #e040fb;

491 --paper-purple-a400: #d500f9;

492 --paper-purple-a700: #aa00ff;

493

494 --paper-deep-purple-50: #ede7f6;

495 --paper-deep-purple-100: #d1c4e9;

496 --paper-deep-purple-200: #b39ddb;

497 --paper-deep-purple-300: #9575cd;

498 --paper-deep-purple-400: #7e57c2;

499 --paper-deep-purple-500: #673ab7;

500 --paper-deep-purple-600: #5e35b1;

501 --paper-deep-purple-700: #512da8;

502 --paper-deep-purple-800: #4527a0;

503 --paper-deep-purple-900: #311b92;

504 --paper-deep-purple-a100: #b388ff;

505 --paper-deep-purple-a200: #7c4dff;

506 --paper-deep-purple-a400: #651fff;

507 --paper-deep-purple-a700: #6200ea;

508

509 --paper-indigo-50: #e8eaf6;

510 --paper-indigo-100: #c5cae9;

511 --paper-indigo-200: #9fa8da;

512 --paper-indigo-300: #7986cb;

513 --paper-indigo-400: #5c6bc0;

514 --paper-indigo-500: #3f51b5;

515 --paper-indigo-600: #3949ab;

516 --paper-indigo-700: #303f9f;

517 --paper-indigo-800: #283593;

518 --paper-indigo-900: #1a237e;

519 --paper-indigo-a100: #8c9eff;

520 --paper-indigo-a200: #536dfe;

521 --paper-indigo-a400: #3d5afe;

522 --paper-indigo-a700: #304ffe;

523

524 --paper-blue-50: #e3f2fd;

525 --paper-blue-100: #bbdefb;

526 --paper-blue-200: #90caf9;

527 --paper-blue-300: #64b5f6;

528 --paper-blue-400: #42a5f5;

529 --paper-blue-500: #2196f3;

530 --paper-blue-600: #1e88e5;

531 --paper-blue-700: #1976d2;

532 --paper-blue-800: #1565c0;

533 --paper-blue-900: #0d47a1;

534 --paper-blue-a100: #82b1ff;

535 --paper-blue-a200: #448aff;

536 --paper-blue-a400: #2979ff;

537 --paper-blue-a700: #2962ff;

538

539 --paper-light-blue-50: #e1f5fe;

540 --paper-light-blue-100: #b3e5fc;

541 --paper-light-blue-200: #81d4fa;

542 --paper-light-blue-300: #4fc3f7;

543 --paper-light-blue-400: #29b6f6;

544 --paper-light-blue-500: #03a9f4;

545 --paper-light-blue-600: #039be5;

546 --paper-light-blue-700: #0288d1;

547 --paper-light-blue-800: #0277bd;

548 --paper-light-blue-900: #01579b;

549 --paper-light-blue-a100: #80d8ff;

550 --paper-light-blue-a200: #40c4ff;

551 --paper-light-blue-a400: #00b0ff;

552 --paper-light-blue-a700: #0091ea;

553

554 --paper-cyan-50: #e0f7fa;

555 --paper-cyan-100: #b2ebf2;

556 --paper-cyan-200: #80deea;

557 --paper-cyan-300: #4dd0e1;

558 --paper-cyan-400: #26c6da;

559 --paper-cyan-500: #00bcd4;

560 --paper-cyan-600: #00acc1;

561 --paper-cyan-700: #0097a7;

562 --paper-cyan-800: #00838f;

563 --paper-cyan-900: #006064;

564 --paper-cyan-a100: #84ffff;

565 --paper-cyan-a200: #18ffff;

566 --paper-cyan-a400: #00e5ff;

567 --paper-cyan-a700: #00b8d4;

568

569 --paper-teal-50: #e0f2f1;

570 --paper-teal-100: #b2dfdb;

571 --paper-teal-200: #80cbc4;

572 --paper-teal-300: #4db6ac;

573 --paper-teal-400: #26a69a;

574 --paper-teal-500: #009688;

575 --paper-teal-600: #00897b;

576 --paper-teal-700: #00796b;

577 --paper-teal-800: #00695c;

578 --paper-teal-900: #004d40;

579 --paper-teal-a100: #a7ffeb;

580 --paper-teal-a200: #64ffda;

581 --paper-teal-a400: #1de9b6;

582 --paper-teal-a700: #00bfa5;

583

584 --paper-green-50: #e8f5e9;

585 --paper-green-100: #c8e6c9;

586 --paper-green-200: #a5d6a7;

587 --paper-green-300: #81c784;

588 --paper-green-400: #66bb6a;

589 --paper-green-500: #4caf50;

590 --paper-green-600: #43a047;

591 --paper-green-700: #388e3c;

592 --paper-green-800: #2e7d32;

593 --paper-green-900: #1b5e20;

594 --paper-green-a100: #b9f6ca;

595 --paper-green-a200: #69f0ae;

596 --paper-green-a400: #00e676;

597 --paper-green-a700: #00c853;

598

599 --paper-light-green-50: #f1f8e9;

600 --paper-light-green-100: #dcedc8;

601 --paper-light-green-200: #c5e1a5;

602 --paper-light-green-300: #aed581;

603 --paper-light-green-400: #9ccc65;

604 --paper-light-green-500: #8bc34a;

605 --paper-light-green-600: #7cb342;

606 --paper-light-green-700: #689f38;

607 --paper-light-green-800: #558b2f;

608 --paper-light-green-900: #33691e;

609 --paper-light-green-a100: #ccff90;

610 --paper-light-green-a200: #b2ff59;

611 --paper-light-green-a400: #76ff03;

612 --paper-light-green-a700: #64dd17;

613

614 --paper-lime-50: #f9fbe7;

615 --paper-lime-100: #f0f4c3;

616 --paper-lime-200: #e6ee9c;

617 --paper-lime-300: #dce775;

618 --paper-lime-400: #d4e157;

619 --paper-lime-500: #cddc39;

620 --paper-lime-600: #c0ca33;

621 --paper-lime-700: #afb42b;

622 --paper-lime-800: #9e9d24;

623 --paper-lime-900: #827717;

624 --paper-lime-a100: #f4ff81;

625 --paper-lime-a200: #eeff41;

626 --paper-lime-a400: #c6ff00;

627 --paper-lime-a700: #aeea00;

628

629 --paper-yellow-50: #fffde7;

630 --paper-yellow-100: #fff9c4;

631 --paper-yellow-200: #fff59d;

632 --paper-yellow-300: #fff176;

633 --paper-yellow-400: #ffee58;

634 --paper-yellow-500: #ffeb3b;

635 --paper-yellow-600: #fdd835;

636 --paper-yellow-700: #fbc02d;

637 --paper-yellow-800: #f9a825;

638 --paper-yellow-900: #f57f17;

639 --paper-yellow-a100: #ffff8d;

640 --paper-yellow-a200: #ffff00;

641 --paper-yellow-a400: #ffea00;

642 --paper-yellow-a700: #ffd600;

643

644 --paper-amber-50: #fff8e1;

645 --paper-amber-100: #ffecb3;

646 --paper-amber-200: #ffe082;

647 --paper-amber-300: #ffd54f;

648 --paper-amber-400: #ffca28;

649 --paper-amber-500: #ffc107;

650 --paper-amber-600: #ffb300;

651 --paper-amber-700: #ffa000;

652 --paper-amber-800: #ff8f00;

653 --paper-amber-900: #ff6f00;

654 --paper-amber-a100: #ffe57f;

655 --paper-amber-a200: #ffd740;

656 --paper-amber-a400: #ffc400;

657 --paper-amber-a700: #ffab00;

658

659 --paper-orange-50: #fff3e0;

660 --paper-orange-100: #ffe0b2;

661 --paper-orange-200: #ffcc80;

662 --paper-orange-300: #ffb74d;

663 --paper-orange-400: #ffa726;

664 --paper-orange-500: #ff9800;

665 --paper-orange-600: #fb8c00;

666 --paper-orange-700: #f57c00;

667 --paper-orange-800: #ef6c00;

668 --paper-orange-900: #e65100;

669 --paper-orange-a100: #ffd180;

670 --paper-orange-a200: #ffab40;

671 --paper-orange-a400: #ff9100;

672 --paper-orange-a700: #ff6500;

673

674 --paper-deep-orange-50: #fbe9e7;

675 --paper-deep-orange-100: #ffccbc;

676 --paper-deep-orange-200: #ffab91;

677 --paper-deep-orange-300: #ff8a65;

678 --paper-deep-orange-400: #ff7043;

679 --paper-deep-orange-500: #ff5722;

680 --paper-deep-orange-600: #f4511e;

681 --paper-deep-orange-700: #e64a19;

682 --paper-deep-orange-800: #d84315;

683 --paper-deep-orange-900: #bf360c;

684 --paper-deep-orange-a100: #ff9e80;

685 --paper-deep-orange-a200: #ff6e40;

686 --paper-deep-orange-a400: #ff3d00;

687 --paper-deep-orange-a700: #dd2c00;

688

689 --paper-brown-50: #efebe9;

690 --paper-brown-100: #d7ccc8;

691 --paper-brown-200: #bcaaa4;

692 --paper-brown-300: #a1887f;

693 --paper-brown-400: #8d6e63;

694 --paper-brown-500: #795548;

695 --paper-brown-600: #6d4c41;

696 --paper-brown-700: #5d4037;

697 --paper-brown-800: #4e342e;

698 --paper-brown-900: #3e2723;

699

700 --paper-grey-50: #fafafa;

701 --paper-grey-100: #f5f5f5;

702 --paper-grey-200: #eeeeee;

703 --paper-grey-300: #e0e0e0;

704 --paper-grey-400: #bdbdbd;

705 --paper-grey-500: #9e9e9e;

706 --paper-grey-600: #757575;

707 --paper-grey-700: #616161;

708 --paper-grey-800: #424242;

709 --paper-grey-900: #212121;

710

711 --paper-blue-grey-50: #eceff1;

712 --paper-blue-grey-100: #cfd8dc;

713 --paper-blue-grey-200: #b0bec5;

714 --paper-blue-grey-300: #90a4ae;

715 --paper-blue-grey-400: #78909c;

716 --paper-blue-grey-500: #607d8b;

717 --paper-blue-grey-600: #546e7a;

718 --paper-blue-grey-700: #455a64;

719 --paper-blue-grey-800: #37474f;

720 --paper-blue-grey-900: #263238;

721

722 /* opacity for dark text on a light background */

723 --dark-divider-opacity: 0.12;

724 --dark-disabled-opacity: 0.38; /* or hint text or icon */

725 --dark-secondary-opacity: 0.54;

726 --dark-primary-opacity: 0.87;

727

728 /* opacity for light text on a dark background */

729 --light-divider-opacity: 0.12;

730 --light-disabled-opacity: 0.3; /* or hint text or icon */

731 --light-secondary-opacity: 0.7;

732 --light-primary-opacity: 1.0;

733

734 }

735

736 </style>

737

738

739

740

741

742

743 <style is="custom-style">

744

745 :root {

746 /*

747 * You can use these generic variables in your elements for easy theming.

748 * For example, if all your elements use `--primary-text-color` as its main

749 * color, then switching from a light to a dark theme is just a matter of

750 * changing the value of `--primary-text-color` in your application.

751 */

752 --primary-text-color: var(--light-theme-text-color);

753 --primary-background-color: var(--light-theme-background-color);

754 --secondary-text-color: var(--light-theme-secondary-color);

755 --disabled-text-color: var(--light-theme-disabled-color);

756 --divider-color: var(--light-theme-divider-color);

757 --error-color: var(--paper-deep-orange-a700);

758

759 /*

760 * Primary and accent colors. Also see color.html for more colors.

761 */

762 --primary-color: var(--paper-indigo-500);

763 --light-primary-color: var(--paper-indigo-100);

764 --dark-primary-color: var(--paper-indigo-700);

765

766 --accent-color: var(--paper-pink-a200);

767 --light-accent-color: var(--paper-pink-a100);

768 --dark-accent-color: var(--paper-pink-a400);

769

770

771 /*

772 * Material Design Light background theme

773 */

774 --light-theme-background-color: #ffffff;

775 --light-theme-base-color: #000000;

776 --light-theme-text-color: var(--paper-grey-900);

777 --light-theme-secondary-color: #737373; /* for secondary text and icons */

778 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */

779 --light-theme-divider-color: #dbdbdb;

780

781 /*

782 * Material Design Dark background theme

783 */

784 --dark-theme-background-color: var(--paper-grey-900);

785 --dark-theme-base-color: #ffffff;

786 --dark-theme-text-color: #ffffff;

787 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */

788 --dark-theme-disabled-color: #646464; /* disabled/hint text */

789 --dark-theme-divider-color: #3c3c3c;

790

791 /*

792 * Deprecated values because of their confusing names.

793 */

794 --text-primary-color: var(--dark-theme-text-color);

795 --default-primary-color: var(--primary-color);

796

797 }

798

799 </style>

800

801

802

803

804

805

806 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>

807

808

809

810

811

812

813

814

815

816

817

818

819 <style>

820 /* Copyright 2015 The Chromium Authors. All rights reserved.

821 * Use of this source code is governed by a BSD-style license that can be

822 * found in the LICENSE file. */

823

824 @font-face {

825 font-family: 'Roboto';

826 font-style: normal;

827 font-weight: 300;

828 src: local('Roboto Light'), local('Roboto-Light'),

829 url("chrome://resources/roboto/roboto-light.woff2") format('woff2');

830 }

831

832 @font-face {

833 font-family: 'Roboto';

834 font-style: normal;

835 font-weight: 400;

836 src: local('Roboto'), local('Roboto-Regular'),

837 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');

838 }

839

840 @font-face {

841 font-family: 'Roboto';

842 font-style: normal;

843 font-weight: 500;

844 src: local('Roboto Medium'), local('Roboto-Medium'),

845 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');

846 }

847

848 </style>

849 <style is="custom-style">

850

851 :root {

852

853 /* Shared Styles */

854 --paper-font-common-base: {

855 font-family: 'Roboto', 'Noto', sans-serif;

856 -webkit-font-smoothing: antialiased;

857 };

858

859 --paper-font-common-code: {

860 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;

861 -webkit-font-smoothing: antialiased;

862 };

863

864 --paper-font-common-expensive-kerning: {

865 text-rendering: optimizeLegibility;

866 };

867

868 --paper-font-common-nowrap: {

869 white-space: nowrap;

870 overflow: hidden;

871 text-overflow: ellipsis;

872 };

873

874 /* Material Font Styles */

875

876 --paper-font-display4: {

877 @apply(--paper-font-common-base);

878 @apply(--paper-font-common-nowrap);

879

880 font-size: 112px;

881 font-weight: 300;

882 letter-spacing: -.044em;

883 line-height: 120px;

884 };

885

886 --paper-font-display3: {

887 @apply(--paper-font-common-base);

888 @apply(--paper-font-common-nowrap);

889

890 font-size: 56px;

891 font-weight: 400;

892 letter-spacing: -.026em;

893 line-height: 60px;

894 };

895

896 --paper-font-display2: {

897 @apply(--paper-font-common-base);

898

899 font-size: 45px;

900 font-weight: 400;

901 letter-spacing: -.018em;

902 line-height: 48px;

903 };

904

905 --paper-font-display1: {

906 @apply(--paper-font-common-base);

907

908 font-size: 34px;

909 font-weight: 400;

910 letter-spacing: -.01em;

911 line-height: 40px;

912 };

913

914 --paper-font-headline: {

915 @apply(--paper-font-common-base);

916

917 font-size: 24px;

918 font-weight: 400;

919 letter-spacing: -.012em;

920 line-height: 32px;

921 };

922

923 --paper-font-title: {

924 @apply(--paper-font-common-base);

925 @apply(--paper-font-common-nowrap);

926

927 font-size: 20px;

928 font-weight: 500;

929 line-height: 28px;

930 };

931

932 --paper-font-subhead: {

933 @apply(--paper-font-common-base);

934

935 font-size: 16px;

936 font-weight: 400;

937 line-height: 24px;

938 };

939

940 --paper-font-body2: {

941 @apply(--paper-font-common-base);

942

943 font-size: 14px;

944 font-weight: 500;

945 line-height: 24px;

946 };

947

948 --paper-font-body1: {

949 @apply(--paper-font-common-base);

950

951 font-size: 14px;

952 font-weight: 400;

953 line-height: 20px;

954 };

955

956 --paper-font-caption: {

957 @apply(--paper-font-common-base);

958 @apply(--paper-font-common-nowrap);

959

960 font-size: 12px;

961 font-weight: 400;

962 letter-spacing: 0.011em;

963 line-height: 20px;

964 };

965

966 --paper-font-menu: {

967 @apply(--paper-font-common-base);

968 @apply(--paper-font-common-nowrap);

969

970 font-size: 13px;

971 font-weight: 500;

972 line-height: 24px;

973 };

974

975 --paper-font-button: {

976 @apply(--paper-font-common-base);

977 @apply(--paper-font-common-nowrap);

978

979 font-size: 14px;

980 font-weight: 500;

981 letter-spacing: 0.018em;

982 line-height: 24px;

983 text-transform: uppercase;

984 };

985

986 --paper-font-code2: {

987 @apply(--paper-font-common-code);

988

989 font-size: 14px;

990 font-weight: 700;

991 line-height: 20px;

992 };

993

994 --paper-font-code1: {

995 @apply(--paper-font-common-code);

996

997 font-size: 14px;

998 font-weight: 500;

999 line-height: 20px;

1000 };

1001

1002 }

1003

1004 </style>

1005

1006

1007 </head>

1008 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/polymer/v1_ 0/polymer/polymer-micro-extracted.js"></script><script src="chrome://resources/p olymer/v1_0/polymer/polymer-mini-extracted.js"></script><script src="chrome://re sources/polymer/v1_0/polymer/polymer-extracted.js"></script><dom-module id="iron -list" assetpath="chrome://resources/polymer/v1_0/iron-list/">

1009 <template>

1010 <style>

1011 :host {

1012 display: block;

1013 position: relative;

1014 }

1015

1016 @media only screen and (-webkit-max-device-pixel-ratio: 1) {

1017 :host {

1018 will-change: transform;

1019 }

1020 }

1021

1022 #items {

1023 @apply(--iron-list-items-container);

1024 position: relative;

1025 }

1026

1027 #items > ::content > * {

1028 width: 100%;

1029 box-sizing: border-box;

1030 position: absolute;

1031 top: 0;

1032 will-change: transform;

1033 }

1034 </style>

1035

1036 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">

1037 </array-selector>

1038

1039 <div id="items">

1040 <content></content>

1041 </div>

1042

1043 </template>

1044 </dom-module>

1045

1046 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">	381 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">

1047	382

1048 <style>	383 <style>

1049 :host {	384 :host {

1050 @apply(--layout-inline);	385 @apply(--layout-inline);

1051 @apply(--layout-center-center);	386 @apply(--layout-center-center);

1052 position: relative;	387 position: relative;

1053	388

1054 vertical-align: middle;	389 vertical-align: middle;

1055	390

(...skipping 381 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1437	772

1438 :host(.circle) .wave-container {	773 :host(.circle) .wave-container {

1439 overflow: hidden;	774 overflow: hidden;

1440 }	775 }

1441 </style>	776 </style>

1442	777

1443 <div id="background"></div>	778 <div id="background"></div>

1444 <div id="waves"></div>	779 <div id="waves"></div>

1445 </template>	780 </template>

1446 </dom-module>	781 </dom-module>

	782 <style is="custom-style">

	783

	784 :root {

	785

	786 --shadow-transition: {

	787 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);

	788 };

	789

	790 --shadow-none: {

	791 box-shadow: none;

	792 };

	793

	794 /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */

	795

	796 --shadow-elevation-2dp: {

	797 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),

	798 0 1px 5px 0 rgba(0, 0, 0, 0.12),

	799 0 3px 1px -2px rgba(0, 0, 0, 0.2);

	800 };

	801

	802 --shadow-elevation-3dp: {

	803 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),

	804 0 1px 8px 0 rgba(0, 0, 0, 0.12),

	805 0 3px 3px -2px rgba(0, 0, 0, 0.4);

	806 };

	807

	808 --shadow-elevation-4dp: {

	809 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),

	810 0 1px 10px 0 rgba(0, 0, 0, 0.12),

	811 0 2px 4px -1px rgba(0, 0, 0, 0.4);

	812 };

	813

	814 --shadow-elevation-6dp: {

	815 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),

	816 0 1px 18px 0 rgba(0, 0, 0, 0.12),

	817 0 3px 5px -1px rgba(0, 0, 0, 0.4);

	818 };

	819

	820 --shadow-elevation-8dp: {

	821 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),

	822 0 3px 14px 2px rgba(0, 0, 0, 0.12),

	823 0 5px 5px -3px rgba(0, 0, 0, 0.4);

	824 };

	825

	826 --shadow-elevation-12dp: {

	827 box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),

	828 0 4px 22px 3px rgba(0, 0, 0, 0.12),

	829 0 6px 7px -4px rgba(0, 0, 0, 0.4);

	830 };

	831

	832 --shadow-elevation-16dp: {

	833 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),

	834 0 6px 30px 5px rgba(0, 0, 0, 0.12),

	835 0 8px 10px -5px rgba(0, 0, 0, 0.4);

	836 };

	837

	838 }

	839

	840 </style>

1447 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/">	841 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/">

1448 <template>	842 <template>

1449 <style>	843 <style>

1450 :host {	844 :host {

1451 display: block;	845 display: block;

1452 position: relative;	846 position: relative;

1453 }	847 }

1454	848

1455 :host([elevation="1"]) {	849 :host([elevation="1"]) {

1456 @apply(--shadow-elevation-2dp);	850 @apply(--shadow-elevation-2dp);

(...skipping 10 matching lines...) Expand all Loading...
1467 :host([elevation="4"]) {	861 :host([elevation="4"]) {

1468 @apply(--shadow-elevation-8dp);	862 @apply(--shadow-elevation-8dp);

1469 }	863 }

1470	864

1471 :host([elevation="5"]) {	865 :host([elevation="5"]) {

1472 @apply(--shadow-elevation-16dp);	866 @apply(--shadow-elevation-16dp);

1473 }	867 }

1474 </style>	868 </style>

1475 </template>	869 </template>

1476 </dom-module>	870 </dom-module>

	871

	872

1477 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">	873 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">

1478 <template>	874 <template>

1479 <style include="paper-material-shared-styles"></style>	875 <style include="paper-material-shared-styles"></style>

1480 <style>	876 <style>

1481 :host([animated]) {	877 :host([animated]) {

1482 @apply(--shadow-transition);	878 @apply(--shadow-transition);

1483 }	879 }

1484 </style>	880 </style>

1485	881

1486 <content></content>	882 <content></content>

(...skipping 50 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1537 }	933 }

1538	934

1539 :host > ::content * {	935 :host > ::content * {

1540 text-transform: inherit;	936 text-transform: inherit;

1541 }	937 }

1542 </style>	938 </style>

1543 <content></content>	939 <content></content>

1544 </template>	940 </template>

1545 </dom-module>	941 </dom-module>

1546	942

	943 <style is="custom-style">

	944

	945 :root {

	946

	947 /* Material Design color palette for Google products */

	948

	949 --google-red-100: #f4c7c3;

	950 --google-red-300: #e67c73;

	951 --google-red-500: #db4437;

	952 --google-red-700: #c53929;

	953

	954 --google-blue-100: #c6dafc;

	955 --google-blue-300: #7baaf7;

	956 --google-blue-500: #4285f4;

	957 --google-blue-700: #3367d6;

	958

	959 --google-green-100: #b7e1cd;

	960 --google-green-300: #57bb8a;

	961 --google-green-500: #0f9d58;

	962 --google-green-700: #0b8043;

	963

	964 --google-yellow-100: #fce8b2;

	965 --google-yellow-300: #f7cb4d;

	966 --google-yellow-500: #f4b400;

	967 --google-yellow-700: #f09300;

	968

	969 --google-grey-100: #f5f5f5;

	970 --google-grey-300: #e0e0e0;

	971 --google-grey-500: #9e9e9e;

	972 --google-grey-700: #616161;

	973

	974 /* Material Design color palette from online spec document */

	975

	976 --paper-red-50: #ffebee;

	977 --paper-red-100: #ffcdd2;

	978 --paper-red-200: #ef9a9a;

	979 --paper-red-300: #e57373;

	980 --paper-red-400: #ef5350;

	981 --paper-red-500: #f44336;

	982 --paper-red-600: #e53935;

	983 --paper-red-700: #d32f2f;

	984 --paper-red-800: #c62828;

	985 --paper-red-900: #b71c1c;

	986 --paper-red-a100: #ff8a80;

	987 --paper-red-a200: #ff5252;

	988 --paper-red-a400: #ff1744;

	989 --paper-red-a700: #d50000;

	990

	991 --paper-pink-50: #fce4ec;

	992 --paper-pink-100: #f8bbd0;

	993 --paper-pink-200: #f48fb1;

	994 --paper-pink-300: #f06292;

	995 --paper-pink-400: #ec407a;

	996 --paper-pink-500: #e91e63;

	997 --paper-pink-600: #d81b60;

	998 --paper-pink-700: #c2185b;

	999 --paper-pink-800: #ad1457;

	1000 --paper-pink-900: #880e4f;

	1001 --paper-pink-a100: #ff80ab;

	1002 --paper-pink-a200: #ff4081;

	1003 --paper-pink-a400: #f50057;

	1004 --paper-pink-a700: #c51162;

	1005

	1006 --paper-purple-50: #f3e5f5;

	1007 --paper-purple-100: #e1bee7;

	1008 --paper-purple-200: #ce93d8;

	1009 --paper-purple-300: #ba68c8;

	1010 --paper-purple-400: #ab47bc;

	1011 --paper-purple-500: #9c27b0;

	1012 --paper-purple-600: #8e24aa;

	1013 --paper-purple-700: #7b1fa2;

	1014 --paper-purple-800: #6a1b9a;

	1015 --paper-purple-900: #4a148c;

	1016 --paper-purple-a100: #ea80fc;

	1017 --paper-purple-a200: #e040fb;

	1018 --paper-purple-a400: #d500f9;

	1019 --paper-purple-a700: #aa00ff;

	1020

	1021 --paper-deep-purple-50: #ede7f6;

	1022 --paper-deep-purple-100: #d1c4e9;

	1023 --paper-deep-purple-200: #b39ddb;

	1024 --paper-deep-purple-300: #9575cd;

	1025 --paper-deep-purple-400: #7e57c2;

	1026 --paper-deep-purple-500: #673ab7;

	1027 --paper-deep-purple-600: #5e35b1;

	1028 --paper-deep-purple-700: #512da8;

	1029 --paper-deep-purple-800: #4527a0;

	1030 --paper-deep-purple-900: #311b92;

	1031 --paper-deep-purple-a100: #b388ff;

	1032 --paper-deep-purple-a200: #7c4dff;

	1033 --paper-deep-purple-a400: #651fff;

	1034 --paper-deep-purple-a700: #6200ea;

	1035

	1036 --paper-indigo-50: #e8eaf6;

	1037 --paper-indigo-100: #c5cae9;

	1038 --paper-indigo-200: #9fa8da;

	1039 --paper-indigo-300: #7986cb;

	1040 --paper-indigo-400: #5c6bc0;

	1041 --paper-indigo-500: #3f51b5;

	1042 --paper-indigo-600: #3949ab;

	1043 --paper-indigo-700: #303f9f;

	1044 --paper-indigo-800: #283593;

	1045 --paper-indigo-900: #1a237e;

	1046 --paper-indigo-a100: #8c9eff;

	1047 --paper-indigo-a200: #536dfe;

	1048 --paper-indigo-a400: #3d5afe;

	1049 --paper-indigo-a700: #304ffe;

	1050

	1051 --paper-blue-50: #e3f2fd;

	1052 --paper-blue-100: #bbdefb;

	1053 --paper-blue-200: #90caf9;

	1054 --paper-blue-300: #64b5f6;

	1055 --paper-blue-400: #42a5f5;

	1056 --paper-blue-500: #2196f3;

	1057 --paper-blue-600: #1e88e5;

	1058 --paper-blue-700: #1976d2;

	1059 --paper-blue-800: #1565c0;

	1060 --paper-blue-900: #0d47a1;

	1061 --paper-blue-a100: #82b1ff;

	1062 --paper-blue-a200: #448aff;

	1063 --paper-blue-a400: #2979ff;

	1064 --paper-blue-a700: #2962ff;

	1065

	1066 --paper-light-blue-50: #e1f5fe;

	1067 --paper-light-blue-100: #b3e5fc;

	1068 --paper-light-blue-200: #81d4fa;

	1069 --paper-light-blue-300: #4fc3f7;

	1070 --paper-light-blue-400: #29b6f6;

	1071 --paper-light-blue-500: #03a9f4;

	1072 --paper-light-blue-600: #039be5;

	1073 --paper-light-blue-700: #0288d1;

	1074 --paper-light-blue-800: #0277bd;

	1075 --paper-light-blue-900: #01579b;

	1076 --paper-light-blue-a100: #80d8ff;

	1077 --paper-light-blue-a200: #40c4ff;

	1078 --paper-light-blue-a400: #00b0ff;

	1079 --paper-light-blue-a700: #0091ea;

	1080

	1081 --paper-cyan-50: #e0f7fa;

	1082 --paper-cyan-100: #b2ebf2;

	1083 --paper-cyan-200: #80deea;

	1084 --paper-cyan-300: #4dd0e1;

	1085 --paper-cyan-400: #26c6da;

	1086 --paper-cyan-500: #00bcd4;

	1087 --paper-cyan-600: #00acc1;

	1088 --paper-cyan-700: #0097a7;

	1089 --paper-cyan-800: #00838f;

	1090 --paper-cyan-900: #006064;

	1091 --paper-cyan-a100: #84ffff;

	1092 --paper-cyan-a200: #18ffff;

	1093 --paper-cyan-a400: #00e5ff;

	1094 --paper-cyan-a700: #00b8d4;

	1095

	1096 --paper-teal-50: #e0f2f1;

	1097 --paper-teal-100: #b2dfdb;

	1098 --paper-teal-200: #80cbc4;

	1099 --paper-teal-300: #4db6ac;

	1100 --paper-teal-400: #26a69a;

	1101 --paper-teal-500: #009688;

	1102 --paper-teal-600: #00897b;

	1103 --paper-teal-700: #00796b;

	1104 --paper-teal-800: #00695c;

	1105 --paper-teal-900: #004d40;

	1106 --paper-teal-a100: #a7ffeb;

	1107 --paper-teal-a200: #64ffda;

	1108 --paper-teal-a400: #1de9b6;

	1109 --paper-teal-a700: #00bfa5;

	1110

	1111 --paper-green-50: #e8f5e9;

	1112 --paper-green-100: #c8e6c9;

	1113 --paper-green-200: #a5d6a7;

	1114 --paper-green-300: #81c784;

	1115 --paper-green-400: #66bb6a;

	1116 --paper-green-500: #4caf50;

	1117 --paper-green-600: #43a047;

	1118 --paper-green-700: #388e3c;

	1119 --paper-green-800: #2e7d32;

	1120 --paper-green-900: #1b5e20;

	1121 --paper-green-a100: #b9f6ca;

	1122 --paper-green-a200: #69f0ae;

	1123 --paper-green-a400: #00e676;

	1124 --paper-green-a700: #00c853;

	1125

	1126 --paper-light-green-50: #f1f8e9;

	1127 --paper-light-green-100: #dcedc8;

	1128 --paper-light-green-200: #c5e1a5;

	1129 --paper-light-green-300: #aed581;

	1130 --paper-light-green-400: #9ccc65;

	1131 --paper-light-green-500: #8bc34a;

	1132 --paper-light-green-600: #7cb342;

	1133 --paper-light-green-700: #689f38;

	1134 --paper-light-green-800: #558b2f;

	1135 --paper-light-green-900: #33691e;

	1136 --paper-light-green-a100: #ccff90;

	1137 --paper-light-green-a200: #b2ff59;

	1138 --paper-light-green-a400: #76ff03;

	1139 --paper-light-green-a700: #64dd17;

	1140

	1141 --paper-lime-50: #f9fbe7;

	1142 --paper-lime-100: #f0f4c3;

	1143 --paper-lime-200: #e6ee9c;

	1144 --paper-lime-300: #dce775;

	1145 --paper-lime-400: #d4e157;

	1146 --paper-lime-500: #cddc39;

	1147 --paper-lime-600: #c0ca33;

	1148 --paper-lime-700: #afb42b;

	1149 --paper-lime-800: #9e9d24;

	1150 --paper-lime-900: #827717;

	1151 --paper-lime-a100: #f4ff81;

	1152 --paper-lime-a200: #eeff41;

	1153 --paper-lime-a400: #c6ff00;

	1154 --paper-lime-a700: #aeea00;

	1155

	1156 --paper-yellow-50: #fffde7;

	1157 --paper-yellow-100: #fff9c4;

	1158 --paper-yellow-200: #fff59d;

	1159 --paper-yellow-300: #fff176;

	1160 --paper-yellow-400: #ffee58;

	1161 --paper-yellow-500: #ffeb3b;

	1162 --paper-yellow-600: #fdd835;

	1163 --paper-yellow-700: #fbc02d;

	1164 --paper-yellow-800: #f9a825;

	1165 --paper-yellow-900: #f57f17;

	1166 --paper-yellow-a100: #ffff8d;

	1167 --paper-yellow-a200: #ffff00;

	1168 --paper-yellow-a400: #ffea00;

	1169 --paper-yellow-a700: #ffd600;

	1170

	1171 --paper-amber-50: #fff8e1;

	1172 --paper-amber-100: #ffecb3;

	1173 --paper-amber-200: #ffe082;

	1174 --paper-amber-300: #ffd54f;

	1175 --paper-amber-400: #ffca28;

	1176 --paper-amber-500: #ffc107;

	1177 --paper-amber-600: #ffb300;

	1178 --paper-amber-700: #ffa000;

	1179 --paper-amber-800: #ff8f00;

	1180 --paper-amber-900: #ff6f00;

	1181 --paper-amber-a100: #ffe57f;

	1182 --paper-amber-a200: #ffd740;

	1183 --paper-amber-a400: #ffc400;

	1184 --paper-amber-a700: #ffab00;

	1185

	1186 --paper-orange-50: #fff3e0;

	1187 --paper-orange-100: #ffe0b2;

	1188 --paper-orange-200: #ffcc80;

	1189 --paper-orange-300: #ffb74d;

	1190 --paper-orange-400: #ffa726;

	1191 --paper-orange-500: #ff9800;

	1192 --paper-orange-600: #fb8c00;

	1193 --paper-orange-700: #f57c00;

	1194 --paper-orange-800: #ef6c00;

	1195 --paper-orange-900: #e65100;

	1196 --paper-orange-a100: #ffd180;

	1197 --paper-orange-a200: #ffab40;

	1198 --paper-orange-a400: #ff9100;

	1199 --paper-orange-a700: #ff6500;

	1200

	1201 --paper-deep-orange-50: #fbe9e7;

	1202 --paper-deep-orange-100: #ffccbc;

	1203 --paper-deep-orange-200: #ffab91;

	1204 --paper-deep-orange-300: #ff8a65;

	1205 --paper-deep-orange-400: #ff7043;

	1206 --paper-deep-orange-500: #ff5722;

	1207 --paper-deep-orange-600: #f4511e;

	1208 --paper-deep-orange-700: #e64a19;

	1209 --paper-deep-orange-800: #d84315;

	1210 --paper-deep-orange-900: #bf360c;

	1211 --paper-deep-orange-a100: #ff9e80;

	1212 --paper-deep-orange-a200: #ff6e40;

	1213 --paper-deep-orange-a400: #ff3d00;

	1214 --paper-deep-orange-a700: #dd2c00;

	1215

	1216 --paper-brown-50: #efebe9;

	1217 --paper-brown-100: #d7ccc8;

	1218 --paper-brown-200: #bcaaa4;

	1219 --paper-brown-300: #a1887f;

	1220 --paper-brown-400: #8d6e63;

	1221 --paper-brown-500: #795548;

	1222 --paper-brown-600: #6d4c41;

	1223 --paper-brown-700: #5d4037;

	1224 --paper-brown-800: #4e342e;

	1225 --paper-brown-900: #3e2723;

	1226

	1227 --paper-grey-50: #fafafa;

	1228 --paper-grey-100: #f5f5f5;

	1229 --paper-grey-200: #eeeeee;

	1230 --paper-grey-300: #e0e0e0;

	1231 --paper-grey-400: #bdbdbd;

	1232 --paper-grey-500: #9e9e9e;

	1233 --paper-grey-600: #757575;

	1234 --paper-grey-700: #616161;

	1235 --paper-grey-800: #424242;

	1236 --paper-grey-900: #212121;

	1237

	1238 --paper-blue-grey-50: #eceff1;

	1239 --paper-blue-grey-100: #cfd8dc;

	1240 --paper-blue-grey-200: #b0bec5;

	1241 --paper-blue-grey-300: #90a4ae;

	1242 --paper-blue-grey-400: #78909c;

	1243 --paper-blue-grey-500: #607d8b;

	1244 --paper-blue-grey-600: #546e7a;

	1245 --paper-blue-grey-700: #455a64;

	1246 --paper-blue-grey-800: #37474f;

	1247 --paper-blue-grey-900: #263238;

	1248

	1249 /* opacity for dark text on a light background */

	1250 --dark-divider-opacity: 0.12;

	1251 --dark-disabled-opacity: 0.38; /* or hint text or icon */

	1252 --dark-secondary-opacity: 0.54;

	1253 --dark-primary-opacity: 0.87;

	1254

	1255 /* opacity for light text on a dark background */

	1256 --light-divider-opacity: 0.12;

	1257 --light-disabled-opacity: 0.3; /* or hint text or icon */

	1258 --light-secondary-opacity: 0.7;

	1259 --light-primary-opacity: 1.0;

	1260

	1261 }

	1262

	1263 </style>

	1264

	1265

1547 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">	1266 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">

1548 <template>	1267 <template>

1549 <style>	1268 <style>

1550 :host {	1269 :host {

1551 display: block;	1270 display: block;

1552 width: 200px;	1271 width: 200px;

1553 position: relative;	1272 position: relative;

1554 overflow: hidden;	1273 overflow: hidden;

1555 }	1274 }

1556	1275

(...skipping 159 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1716 cursor: pointer;	1435 cursor: pointer;

1717 display: inline-block;	1436 display: inline-block;

1718 outline: none;	1437 outline: none;

1719 position: relative;	1438 position: relative;

1720 text-align: center;	1439 text-align: center;

1721 }	1440 }

1722 </style>	1441 </style>

1723 </dom-module>	1442 </dom-module>

1724	1443

1725 <dom-module id="downloads-item" assetpath="chrome://downloads/">	1444 <dom-module id="downloads-item" assetpath="chrome://downloads/">

1726 <template>	1445 <template><style>

1727 <h3 id="date">[[computeDate_(data.hideDate, data.since_string, data.date_str ing)]]</h3>

1728

1729 <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActi ve_, isDangerous_, showProgress_)]]">

1730 <div id="file-icon-wrapper" class="icon-wrapper">

1731 <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">

1732 <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, da ta.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon>

1733 </div>

1734

1735 <div id="details">

1736 <div id="title-area"><a is="action-link" id="file-link" href="[[data.url ]]" on-tap="onFileLinkTap_" hidden="[[!completelyOnDisk_]]">[[data.file_name]]</ a><span id="name" hidden="[[completelyOnDisk_]]">[[data.file_name]]</span>

1737 <span id="tag">[[computeTag_(data.state, data.last_reason_text, data.f ile_externally_removed)]]</span>

1738 </div>

1739

1740 <a id="url" target="_blank" href="[[data.url]]">[[data.url]]</a>

1741

1742 <div id="description">[[computeDescription_(data.state, data.danger_type , data.file_name, data.progress_status_text)]]</div>

1743

1744 <template is="dom-if" if="[[showProgress_]]">

1745 <paper-progress id="progress" indeterminate="[[isIndeterminate_(data.p ercent)]]" value="[[data.percent]]"></paper-progress>

1746 </template>

1747

1748 <div id="safe" class="controls" hidden="[[isDangerous_]]">

1749 <a is="action-link" id="show" i18n-content="controlShowInFolder" on-ta p="onShowTap_" hidden="[[!completelyOnDisk_]]"></a>

1750 <template is="dom-if" if="[[data.retry]]">

1751 <paper-button id="retry" on-tap="onRetryTap_">[[i18n_.retry]]</paper -button>

1752 </template>

1753 <template is="dom-if" if="[[isInProgress_]]">

1754 <paper-button id="pause" on-tap="onPauseTap_">[[i18n_.pause]]</paper -button>

1755 </template>

1756 <template is="dom-if" if="[[data.resume]]">

1757 <paper-button id="resume" on-tap="onResumeTap_">[[i18n_.resume]]</pa per-button>

1758 </template>

1759 <template is="dom-if" if="[[showCancel_]]">

1760 <paper-button id="cancel" on-tap="onCancelTap_">[[i18n_.cancel]]</pa per-button>

1761 </template>

1762 <span id="controlled-by"></span>

1763 </div>

1764

1765 <template is="dom-if" if="[[isDangerous_]]">

1766 <div id="dangerous" class="controls">

1767

1768 <template is="dom-if" if="[[!isMalware_]]">

1769 <paper-button id="discard" on-tap="onDiscardDangerousTap_" class=" discard">[[i18n_.discard]]</paper-button>

1770 <paper-button id="save" on-tap="onSaveDangerousTap_" class="keep"> [[i18n_.save]]</paper-button>

1771 </template>

1772

1773

1774 <template is="dom-if" if="[[isMalware_]]">

1775 <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" c lass="discard">[[i18n_.remove]]</paper-button>

1776 <paper-button id="restore" on-tap="onSaveDangerousTap_" class="kee p">[[i18n_.restore]]</paper-button>

1777 </template>

1778 </div>

1779 </template>

1780 </div>

1781

1782 <div id="remove-wrapper" class="icon-wrapper">

1783 <inky-text-button id="remove" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_ ">✕</inky-text-button>

1784 </div>

1785

1786 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div>

1787 </div>

1788

1789 </template>

1790 <style>

1791 /* Copyright 2015 The Chromium Authors. All rights reserved.	1446 /* Copyright 2015 The Chromium Authors. All rights reserved.

1792 * Use of this source code is governed by a BSD-style license that can be	1447 * Use of this source code is governed by a BSD-style license that can be

1793 * found in the LICENSE file. */	1448 * found in the LICENSE file. */

1794

1795 [is='action-link'] {

1796 cursor: pointer;

1797 display: inline-block;

1798 text-decoration: none;

1799 }

1800

1801 [is='action-link']:hover {

1802 text-decoration: underline;

1803 }

1804

1805 [is='action-link']:active {

1806 color: rgb(5, 37, 119);

1807 text-decoration: underline;

1808 }

1809

1810 [is='action-link'][disabled] {

1811 color: #999;

1812 cursor: default;

1813 pointer-events: none;

1814 text-decoration: none;

1815 }

1816

1817 [is='action-link'].no-outline {

1818 outline: none;

1819 }

1820

1821 </style>

1822 <style>

1823 /* Copyright 2015 The Chromium Authors. All rights reserved.

1824 * Use of this source code is governed by a BSD-style license that can be

1825 * found in the LICENSE file. */

1826

1827 * {

1828 --downloads-item-width: 622px;

1829 }

1830

1831 [hidden] {

1832 display: none !important;

1833 }

1834

1835 paper-button {

1836 font-weight: 500;

1837 margin: 0;

1838 min-width: auto;

1839 }

1840

1841 </style>

1842 <style>

1843 /* Copyright 2015 The Chromium Authors. All rights reserved.

1844 * Use of this source code is governed by a BSD-style license that can be

1845 * found in the LICENSE file. */

1846	1449

1847 :host {	1450 :host {

1848 display: flex;	1451 display: flex;

1849 flex-direction: column;	1452 flex-direction: column;

1850 }	1453 }

1851	1454

1852 #date {	1455 #date {

1853 color: rgb(104, 113, 116);	1456 color: rgb(104, 113, 116);

1854 font-size: 100%;	1457 font-size: 100%;

1855 font-weight: 500;	1458 font-weight: 500;

(...skipping 191 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2047	1650

2048 #incognito {	1651 #incognito {

2049 bottom: 20px;	1652 bottom: 20px;

2050 content: -webkit-image-set(	1653 content: -webkit-image-set(

2051 url("chrome://downloads/1x/incognito_marker.png") 1x,	1654 url("chrome://downloads/1x/incognito_marker.png") 1x,

2052 url("chrome://downloads/2x/incognito_marker.png") 2x);	1655 url("chrome://downloads/2x/incognito_marker.png") 2x);

2053 position: absolute;	1656 position: absolute;

2054 right: 10px;	1657 right: 10px;

2055 }	1658 }

2056	1659

	1660 </style><style>

	1661 /* Copyright 2015 The Chromium Authors. All rights reserved.

	1662 * Use of this source code is governed by a BSD-style license that can be

	1663 * found in the LICENSE file. */

	1664

	1665 * {

	1666 --downloads-item-width: 622px;

	1667 }

	1668

	1669 [hidden] {

	1670 display: none !important;

	1671 }

	1672

	1673 paper-button {

	1674 font-weight: 500;

	1675 margin: 0;

	1676 min-width: auto;

	1677 }

	1678

	1679 </style><style>

	1680 /* Copyright 2015 The Chromium Authors. All rights reserved.

	1681 * Use of this source code is governed by a BSD-style license that can be

	1682 * found in the LICENSE file. */

	1683

	1684 [is='action-link'] {

	1685 cursor: pointer;

	1686 display: inline-block;

	1687 text-decoration: none;

	1688 }

	1689

	1690 [is='action-link']:hover {

	1691 text-decoration: underline;

	1692 }

	1693

	1694 [is='action-link']:active {

	1695 color: rgb(5, 37, 119);

	1696 text-decoration: underline;

	1697 }

	1698

	1699 [is='action-link'][disabled] {

	1700 color: #999;

	1701 cursor: default;

	1702 pointer-events: none;

	1703 text-decoration: none;

	1704 }

	1705

	1706 [is='action-link'].no-outline {

	1707 outline: none;

	1708 }

	1709

2057 </style>	1710 </style>

	1711 <h3 id="date">[[computeDate_(data.hideDate, data.since_string, data.date_str ing)]]</h3>

	1712

	1713 <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActi ve_, isDangerous_, showProgress_)]]">

	1714 <div id="file-icon-wrapper" class="icon-wrapper">

	1715 <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">

	1716 <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, da ta.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon>

	1717 </div>

	1718

	1719 <div id="details">

	1720 <div id="title-area"><a is="action-link" id="file-link" href="[[data.url ]]" on-tap="onFileLinkTap_" hidden="[[!completelyOnDisk_]]">[[data.file_name]]</ a><span id="name" hidden="[[completelyOnDisk_]]">[[data.file_name]]</span>

	1721 <span id="tag">[[computeTag_(data.state, data.last_reason_text, data.f ile_externally_removed)]]</span>

	1722 </div>

	1723

	1724 <a id="url" target="_blank" href="[[data.url]]">[[data.url]]</a>

	1725

	1726 <div id="description">[[computeDescription_(data.state, data.danger_type , data.file_name, data.progress_status_text)]]</div>

	1727

	1728 <template is="dom-if" if="[[showProgress_]]">

	1729 <paper-progress id="progress" indeterminate="[[isIndeterminate_(data.p ercent)]]" value="[[data.percent]]"></paper-progress>

	1730 </template>

	1731

	1732 <div id="safe" class="controls" hidden="[[isDangerous_]]">

	1733 <a is="action-link" id="show" i18n-content="controlShowInFolder" on-ta p="onShowTap_" hidden="[[!completelyOnDisk_]]"></a>

	1734 <template is="dom-if" if="[[data.retry]]">

	1735 <paper-button id="retry" on-tap="onRetryTap_">[[i18n_.retry]]</paper -button>

	1736 </template>

	1737 <template is="dom-if" if="[[isInProgress_]]">

	1738 <paper-button id="pause" on-tap="onPauseTap_">[[i18n_.pause]]</paper -button>

	1739 </template>

	1740 <template is="dom-if" if="[[data.resume]]">

	1741 <paper-button id="resume" on-tap="onResumeTap_">[[i18n_.resume]]</pa per-button>

	1742 </template>

	1743 <template is="dom-if" if="[[showCancel_]]">

	1744 <paper-button id="cancel" on-tap="onCancelTap_">[[i18n_.cancel]]</pa per-button>

	1745 </template>

	1746 <span id="controlled-by"></span>

	1747 </div>

	1748

	1749 <template is="dom-if" if="[[isDangerous_]]">

	1750 <div id="dangerous" class="controls">

	1751

	1752 <template is="dom-if" if="[[!isMalware_]]">

	1753 <paper-button id="discard" on-tap="onDiscardDangerousTap_" class=" discard">[[i18n_.discard]]</paper-button>

	1754 <paper-button id="save" on-tap="onSaveDangerousTap_" class="keep"> [[i18n_.save]]</paper-button>

	1755 </template>

	1756

	1757

	1758 <template is="dom-if" if="[[isMalware_]]">

	1759 <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" c lass="discard">[[i18n_.remove]]</paper-button>

	1760 <paper-button id="restore" on-tap="onSaveDangerousTap_" class="kee p">[[i18n_.restore]]</paper-button>

	1761 </template>

	1762 </div>

	1763 </template>

	1764 </div>

	1765

	1766 <div id="remove-wrapper" class="icon-wrapper">

	1767 <inky-text-button id="remove" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_ ">✕</inky-text-button>

	1768 </div>

	1769

	1770 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div>

	1771 </div>

	1772

	1773 </template>

	1774

	1775

	1776

2058 </dom-module>	1777 </dom-module>

	1778

	1779

	1780 <style is="custom-style">

	1781

	1782 :root {

	1783 /*

	1784 * You can use these generic variables in your elements for easy theming.

	1785 * For example, if all your elements use `--primary-text-color` as its main

	1786 * color, then switching from a light to a dark theme is just a matter of

	1787 * changing the value of `--primary-text-color` in your application.

	1788 */

	1789 --primary-text-color: var(--light-theme-text-color);

	1790 --primary-background-color: var(--light-theme-background-color);

	1791 --secondary-text-color: var(--light-theme-secondary-color);

	1792 --disabled-text-color: var(--light-theme-disabled-color);

	1793 --divider-color: var(--light-theme-divider-color);

	1794 --error-color: var(--paper-deep-orange-a700);

	1795

	1796 /*

	1797 * Primary and accent colors. Also see color.html for more colors.

	1798 */

	1799 --primary-color: var(--paper-indigo-500);

	1800 --light-primary-color: var(--paper-indigo-100);

	1801 --dark-primary-color: var(--paper-indigo-700);

	1802

	1803 --accent-color: var(--paper-pink-a200);

	1804 --light-accent-color: var(--paper-pink-a100);

	1805 --dark-accent-color: var(--paper-pink-a400);

	1806

	1807

	1808 /*

	1809 * Material Design Light background theme

	1810 */

	1811 --light-theme-background-color: #ffffff;

	1812 --light-theme-base-color: #000000;

	1813 --light-theme-text-color: var(--paper-grey-900);

	1814 --light-theme-secondary-color: #737373; /* for secondary text and icons */

	1815 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */

	1816 --light-theme-divider-color: #dbdbdb;

	1817

	1818 /*

	1819 * Material Design Dark background theme

	1820 */

	1821 --dark-theme-background-color: var(--paper-grey-900);

	1822 --dark-theme-base-color: #ffffff;

	1823 --dark-theme-text-color: #ffffff;

	1824 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */

	1825 --dark-theme-disabled-color: #646464; /* disabled/hint text */

	1826 --dark-theme-divider-color: #3c3c3c;

	1827

	1828 /*

	1829 * Deprecated values because of their confusing names.

	1830 */

	1831 --text-primary-color: var(--dark-theme-text-color);

	1832 --default-primary-color: var(--primary-color);

	1833

	1834 }

	1835

	1836 </style>

2059 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">	1837 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">

2060 <template>	1838 <template>

2061 <style>	1839 <style>

2062 :host {	1840 :host {

2063 display: block;	1841 display: block;

2064 position: relative;	1842 position: relative;

2065 min-height: var(--paper-item-min-height, 48px);	1843 min-height: var(--paper-item-min-height, 48px);

2066 padding: 0px 16px;	1844 padding: 0px 16px;

2067 }	1845 }

2068	1846

(...skipping 26 matching lines...) Expand all Loading...
2095 background: currentColor;	1873 background: currentColor;

2096 content: '';	1874 content: '';

2097 opacity: var(--dark-divider-opacity);	1875 opacity: var(--dark-divider-opacity);

2098 pointer-events: none;	1876 pointer-events: none;

2099	1877

2100 @apply(--paper-item-focused-before);	1878 @apply(--paper-item-focused-before);

2101 }	1879 }

2102 </style>	1880 </style>

2103 </template>	1881 </template>

2104 </dom-module>	1882 </dom-module>

	1883

	1884

2105 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">	1885 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">

2106 <template>	1886 <template>

2107 <style include="paper-item-shared-styles"></style>	1887 <style include="paper-item-shared-styles"></style>

2108 <style>	1888 <style>

2109 :host {	1889 :host {

2110 @apply(--layout-horizontal);	1890 @apply(--layout-horizontal);

2111 @apply(--layout-center);	1891 @apply(--layout-center);

2112 @apply(--paper-font-subhead);	1892 @apply(--paper-font-subhead);

2113	1893

2114 @apply(--paper-item);	1894 @apply(--paper-item);

(...skipping 34 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2149	1929

2150 @apply(--paper-menu-focused-item-after);	1930 @apply(--paper-menu-focused-item-after);

2151 }	1931 }

2152	1932

2153 .selectable-content > ::content > *[colored]:focus:after {	1933 .selectable-content > ::content > *[colored]:focus:after {

2154 opacity: 0.26;	1934 opacity: 0.26;

2155 }	1935 }

2156 </style>	1936 </style>

2157 </template>	1937 </template>

2158 </dom-module>	1938 </dom-module>

	1939

	1940

2159 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">	1941 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">

2160 <template>	1942 <template>

2161 <style include="paper-menu-shared-styles"></style>	1943 <style include="paper-menu-shared-styles"></style>

2162 <style>	1944 <style>

2163 :host {	1945 :host {

2164 display: block;	1946 display: block;

2165 padding: 8px 0;	1947 padding: 8px 0;

2166	1948

2167 background: var(--paper-menu-background-color, --primary-background-colo r);	1949 background: var(--paper-menu-background-color, --primary-background-colo r);

2168 color: var(--paper-menu-color, --primary-text-color);	1950 color: var(--paper-menu-color, --primary-text-color);

(...skipping 32 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2201 }	1983 }

2202	1984

2203 </style>	1985 </style>

2204	1986

2205 <template>	1987 <template>

2206 <content></content>	1988 <content></content>

2207 </template>	1989 </template>

2208	1990

2209 </dom-module>	1991 </dom-module>

2210	1992

	1993 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>

	1994

	1995

2211 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">	1996 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">

2212 <style>	1997 <style>

2213 :host {	1998 :host {

2214 position: fixed;	1999 position: fixed;

2215 }	2000 }

2216	2001

2217 #contentWrapper ::content > * {	2002 #contentWrapper ::content > * {

2218 overflow: auto;	2003 overflow: auto;

2219 }	2004 }

2220	2005

(...skipping 102 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2323	2108

2324 iron-icon {	2109 iron-icon {

2325 --iron-icon-width: 100%;	2110 --iron-icon-width: 100%;

2326 --iron-icon-height: 100%;	2111 --iron-icon-height: 100%;

2327 }	2112 }

2328 </style>	2113 </style>

2329 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>	2114 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>

2330 </template>	2115 </template>

2331	2116

2332 </dom-module>	2117 </dom-module>

	2118 <style>

	2119 /* Copyright 2015 The Chromium Authors. All rights reserved.

	2120 * Use of this source code is governed by a BSD-style license that can be

	2121 * found in the LICENSE file. */

	2122

	2123 @font-face {

	2124 font-family: 'Roboto';

	2125 font-style: normal;

	2126 font-weight: 300;

	2127 src: local('Roboto Light'), local('Roboto-Light'),

	2128 url("chrome://resources/roboto/roboto-light.woff2") format('woff2');

	2129 }

	2130

	2131 @font-face {

	2132 font-family: 'Roboto';

	2133 font-style: normal;

	2134 font-weight: 400;

	2135 src: local('Roboto'), local('Roboto-Regular'),

	2136 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');

	2137 }

	2138

	2139 @font-face {

	2140 font-family: 'Roboto';

	2141 font-style: normal;

	2142 font-weight: 500;

	2143 src: local('Roboto Medium'), local('Roboto-Medium'),

	2144 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');

	2145 }

	2146

	2147 </style>

	2148 <style is="custom-style">

	2149

	2150 :root {

	2151

	2152 /* Shared Styles */

	2153 --paper-font-common-base: {

	2154 font-family: 'Roboto', 'Noto', sans-serif;

	2155 -webkit-font-smoothing: antialiased;

	2156 };

	2157

	2158 --paper-font-common-code: {

	2159 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;

	2160 -webkit-font-smoothing: antialiased;

	2161 };

	2162

	2163 --paper-font-common-expensive-kerning: {

	2164 text-rendering: optimizeLegibility;

	2165 };

	2166

	2167 --paper-font-common-nowrap: {

	2168 white-space: nowrap;

	2169 overflow: hidden;

	2170 text-overflow: ellipsis;

	2171 };

	2172

	2173 /* Material Font Styles */

	2174

	2175 --paper-font-display4: {

	2176 @apply(--paper-font-common-base);

	2177 @apply(--paper-font-common-nowrap);

	2178

	2179 font-size: 112px;

	2180 font-weight: 300;

	2181 letter-spacing: -.044em;

	2182 line-height: 120px;

	2183 };

	2184

	2185 --paper-font-display3: {

	2186 @apply(--paper-font-common-base);

	2187 @apply(--paper-font-common-nowrap);

	2188

	2189 font-size: 56px;

	2190 font-weight: 400;

	2191 letter-spacing: -.026em;

	2192 line-height: 60px;

	2193 };

	2194

	2195 --paper-font-display2: {

	2196 @apply(--paper-font-common-base);

	2197

	2198 font-size: 45px;

	2199 font-weight: 400;

	2200 letter-spacing: -.018em;

	2201 line-height: 48px;

	2202 };

	2203

	2204 --paper-font-display1: {

	2205 @apply(--paper-font-common-base);

	2206

	2207 font-size: 34px;

	2208 font-weight: 400;

	2209 letter-spacing: -.01em;

	2210 line-height: 40px;

	2211 };

	2212

	2213 --paper-font-headline: {

	2214 @apply(--paper-font-common-base);

	2215

	2216 font-size: 24px;

	2217 font-weight: 400;

	2218 letter-spacing: -.012em;

	2219 line-height: 32px;

	2220 };

	2221

	2222 --paper-font-title: {

	2223 @apply(--paper-font-common-base);

	2224 @apply(--paper-font-common-nowrap);

	2225

	2226 font-size: 20px;

	2227 font-weight: 500;

	2228 line-height: 28px;

	2229 };

	2230

	2231 --paper-font-subhead: {

	2232 @apply(--paper-font-common-base);

	2233

	2234 font-size: 16px;

	2235 font-weight: 400;

	2236 line-height: 24px;

	2237 };

	2238

	2239 --paper-font-body2: {

	2240 @apply(--paper-font-common-base);

	2241

	2242 font-size: 14px;

	2243 font-weight: 500;

	2244 line-height: 24px;

	2245 };

	2246

	2247 --paper-font-body1: {

	2248 @apply(--paper-font-common-base);

	2249

	2250 font-size: 14px;

	2251 font-weight: 400;

	2252 line-height: 20px;

	2253 };

	2254

	2255 --paper-font-caption: {

	2256 @apply(--paper-font-common-base);

	2257 @apply(--paper-font-common-nowrap);

	2258

	2259 font-size: 12px;

	2260 font-weight: 400;

	2261 letter-spacing: 0.011em;

	2262 line-height: 20px;

	2263 };

	2264

	2265 --paper-font-menu: {

	2266 @apply(--paper-font-common-base);

	2267 @apply(--paper-font-common-nowrap);

	2268

	2269 font-size: 13px;

	2270 font-weight: 500;

	2271 line-height: 24px;

	2272 };

	2273

	2274 --paper-font-button: {

	2275 @apply(--paper-font-common-base);

	2276 @apply(--paper-font-common-nowrap);

	2277

	2278 font-size: 14px;

	2279 font-weight: 500;

	2280 letter-spacing: 0.018em;

	2281 line-height: 24px;

	2282 text-transform: uppercase;

	2283 };

	2284

	2285 --paper-font-code2: {

	2286 @apply(--paper-font-common-code);

	2287

	2288 font-size: 14px;

	2289 font-weight: 700;

	2290 line-height: 20px;

	2291 };

	2292

	2293 --paper-font-code1: {

	2294 @apply(--paper-font-common-code);

	2295

	2296 font-size: 14px;

	2297 font-weight: 500;

	2298 line-height: 20px;

	2299 };

	2300

	2301 }

	2302

	2303 </style>

	2304

	2305

2333 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/">	2306 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/">

2334 <template>	2307 <template>

2335 <style>	2308 <style>

2336 :host {	2309 :host {

2337 display: block;	2310 display: block;

2338 padding: 8px 0;	2311 padding: 8px 0;

2339	2312

2340 @apply(--paper-input-container);	2313 @apply(--paper-input-container);

2341 }	2314 }

2342	2315

(...skipping 215 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2558 <div class="focused-line"></div>	2531 <div class="focused-line"></div>

2559 </div>	2532 </div>

2560	2533

2561 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">	2534 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">

2562 <content id="addOnContent" select="[add-on]"></content>	2535 <content id="addOnContent" select="[add-on]"></content>

2563 </div>	2536 </div>

2564 </template>	2537 </template>

2565 </dom-module>	2538 </dom-module>

2566	2539

2567 <dom-module id="cr-search-field" assetpath="chrome://resources/cr_elements/cr_se arch_field/">	2540 <dom-module id="cr-search-field" assetpath="chrome://resources/cr_elements/cr_se arch_field/">

2568 <template>	2541 <template><style>

2569 <paper-icon-button icon="search" id="search-button" disabled$="[[showingSear ch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>

2570 <template is="dom-if" if="[[showingSearch_]]" id="search-container">

2571 <paper-input-container id="search-term" on-search="onSearchTermSearch_" on -keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float="">

2572 <input is="iron-input" id="search-input" type="search" placeholder="[[la bel]]" incremental="">

2573 <paper-icon-button icon="cancel" id="clear-search" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-but ton>

2574 </paper-input-container>

2575 </template>

2576 </template>

2577 <style>

2578 /* Copyright 2015 The Chromium Authors. All rights reserved.	2542 /* Copyright 2015 The Chromium Authors. All rights reserved.

2579 * Use of this source code is governed by a BSD-style license that can be	2543 * Use of this source code is governed by a BSD-style license that can be

2580 * found in the LICENSE file. */	2544 * found in the LICENSE file. */

2581	2545

2582 :host {	2546 :host {

2583 -webkit-padding-end: 10px;	2547 -webkit-padding-end: 10px;

2584 box-sizing: border-box;	2548 box-sizing: border-box;

2585 display: flex;	2549 display: flex;

2586 justify-content: flex-end;	2550 justify-content: flex-end;

2587 }	2551 }

(...skipping 53 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2641 top: -4px;	2605 top: -4px;

2642 z-index: 1;	2606 z-index: 1;

2643 }	2607 }

2644	2608

2645 :host-context([dir='rtl']) #search-term paper-icon-button {	2609 :host-context([dir='rtl']) #search-term paper-icon-button {

2646 left: 0;	2610 left: 0;

2647 right: auto;	2611 right: auto;

2648 }	2612 }

2649	2613

2650 </style>	2614 </style>

	2615 <paper-icon-button icon="search" id="search-button" disabled$="[[showingSear ch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>

	2616 <template is="dom-if" if="[[showingSearch_]]" id="search-container">

	2617 <paper-input-container id="search-term" on-search="onSearchTermSearch_" on -keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float="">

	2618 <input is="iron-input" id="search-input" type="search" placeholder="[[la bel]]" incremental="">

	2619 <paper-icon-button icon="cancel" id="clear-search" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-but ton>

	2620 </paper-input-container>

	2621 </template>

	2622 </template>

	2623

2651 </dom-module>	2624 </dom-module>

2652 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">	2625 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">

2653 <template>	2626 <template><style>

2654 <div id="title">

2655 <h1 i18n-content="title"></h1>

2656 </div>

2657 <div id="actions">

2658 <paper-button class="clear-all" i18n-content="clearAll" on-tap="onClearAll Tap_"></paper-button>

2659 <paper-button i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFo lderTap_"></paper-button>

2660 </div>

2661 <div id="search">

2662 <cr-search-field id="search-input" i18n-values="label:search;clear-label:c learSearch"></cr-search-field>

2663 <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]">

2664 <paper-icon-button icon="more-vert" i18n-values="title:moreActions" clas s="dropdown-trigger"></paper-icon-button>

2665 <paper-menu class="dropdown-content">

2666 <paper-item class="clear-all" i18n-content="clearAll" on-tap="onClearA llTap_"></paper-item>

2667 <paper-item i18n-content="openDownloadsFolder" on-tap="onOpenDownloads FolderTap_"></paper-item>

2668 </paper-menu>

2669 </paper-menu-button>

2670 </div>

2671 </template>

2672 <style>

2673 /* Copyright 2015 The Chromium Authors. All rights reserved.	2627 /* Copyright 2015 The Chromium Authors. All rights reserved.

2674 * Use of this source code is governed by a BSD-style license that can be	2628 * Use of this source code is governed by a BSD-style license that can be

2675 * found in the LICENSE file. */	2629 * found in the LICENSE file. */

2676

2677 * {

2678 --downloads-item-width: 622px;

2679 }

2680

2681 [hidden] {

2682 display: none !important;

2683 }

2684

2685 paper-button {

2686 font-weight: 500;

2687 margin: 0;

2688 min-width: auto;

2689 }

2690

2691 </style>

2692 <style>

2693 /* Copyright 2015 The Chromium Authors. All rights reserved.

2694 * Use of this source code is governed by a BSD-style license that can be

2695 * found in the LICENSE file. */

2696	2630

2697 :host {	2631 :host {

2698 align-items: center;	2632 align-items: center;

2699 background: rgb(52, 73, 94);	2633 background: rgb(52, 73, 94);

2700 color: white;	2634 color: white;

2701 content-sizing: padding-box;	2635 content-sizing: padding-box;

2702 display: flex;	2636 display: flex;

2703 min-height: 56px;	2637 min-height: 56px;

2704 }	2638 }

2705	2639

(...skipping 87 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2793 }	2727 }

2794 }	2728 }

2795	2729

2796 @media all and (max-width: 1024px) {	2730 @media all and (max-width: 1024px) {

2797 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */	2731 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */

2798 #actions {	2732 #actions {

2799 display: none;	2733 display: none;

2800 }	2734 }

2801 }	2735 }

2802	2736

2803 </style>	2737 </style><style>

2804 </dom-module>

2805 <dom-module id="downloads-manager" assetpath="chrome://downloads/">

2806 <template>

2807 <downloads-toolbar id="toolbar"></downloads-toolbar>

2808 <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]] ">

2809 <template>

2810 <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">

2811 </downloads-item>

2812 </template>

2813 </iron-list>

2814 <div id="no-downloads" hidden="[[hasDownloads_]]">

2815 <div>

2816 <div class="illustration"></div>

2817 <span></span>

2818 </div>

2819 </div>

2820 </template>

2821 <style>

2822 /* Copyright 2015 The Chromium Authors. All rights reserved.	2738 /* Copyright 2015 The Chromium Authors. All rights reserved.

2823 * Use of this source code is governed by a BSD-style license that can be	2739 * Use of this source code is governed by a BSD-style license that can be

2824 * found in the LICENSE file. */	2740 * found in the LICENSE file. */

2825	2741

2826 * {	2742 * {

2827 --downloads-item-width: 622px;	2743 --downloads-item-width: 622px;

2828 }	2744 }

2829	2745

2830 [hidden] {	2746 [hidden] {

2831 display: none !important;	2747 display: none !important;

2832 }	2748 }

2833	2749

2834 paper-button {	2750 paper-button {

2835 font-weight: 500;	2751 font-weight: 500;

2836 margin: 0;	2752 margin: 0;

2837 min-width: auto;	2753 min-width: auto;

2838 }	2754 }

2839	2755

2840 </style>	2756 </style>

2841 <style>	2757 <div id="title">

	2758 <h1 i18n-content="title"></h1>

	2759 </div>

	2760 <div id="actions">

	2761 <paper-button class="clear-all" i18n-content="clearAll" on-tap="onClearAll Tap_"></paper-button>

	2762 <paper-button i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFo lderTap_"></paper-button>

	2763 </div>

	2764 <div id="search">

	2765 <cr-search-field id="search-input" i18n-values="label:search;clear-label:c learSearch"></cr-search-field>

	2766 <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]">

	2767 <paper-icon-button icon="more-vert" i18n-values="title:moreActions" clas s="dropdown-trigger"></paper-icon-button>

	2768 <paper-menu class="dropdown-content">

	2769 <paper-item class="clear-all" i18n-content="clearAll" on-tap="onClearA llTap_"></paper-item>

	2770 <paper-item i18n-content="openDownloadsFolder" on-tap="onOpenDownloads FolderTap_"></paper-item>

	2771 </paper-menu>

	2772 </paper-menu-button>

	2773 </div>

	2774 </template>

	2775

	2776

	2777 </dom-module>

	2778 <dom-module id="downloads-manager" assetpath="chrome://downloads/">

	2779 <template><style>

2842 /* Copyright 2015 The Chromium Authors. All rights reserved.	2780 /* Copyright 2015 The Chromium Authors. All rights reserved.

2843 * Use of this source code is governed by a BSD-style license that can be	2781 * Use of this source code is governed by a BSD-style license that can be

2844 * found in the LICENSE file. */	2782 * found in the LICENSE file. */

2845	2783

2846 :host {	2784 :host {

2847 display: flex;	2785 display: flex;

2848 flex: 1 0;	2786 flex: 1 0;

2849 flex-direction: column;	2787 flex-direction: column;

2850 height: 100%;	2788 height: 100%;

2851 overflow-y: overlay;	2789 overflow-y: overlay;

(...skipping 25 matching lines...) Expand all Loading...
2877 }	2815 }

2878	2816

2879 #no-downloads .illustration {	2817 #no-downloads .illustration {

2880 background: -webkit-image-set(	2818 background: -webkit-image-set(

2881 url("chrome://downloads/1x/no_downloads.png") 1x,	2819 url("chrome://downloads/1x/no_downloads.png") 1x,

2882 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center;	2820 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center;

2883 height: 144px; /* Matches natural image height. */	2821 height: 144px; /* Matches natural image height. */

2884 margin-bottom: 32px;	2822 margin-bottom: 32px;

2885 }	2823 }

2886	2824

	2825 </style><style>

	2826 /* Copyright 2015 The Chromium Authors. All rights reserved.

	2827 * Use of this source code is governed by a BSD-style license that can be

	2828 * found in the LICENSE file. */

	2829

	2830 * {

	2831 --downloads-item-width: 622px;

	2832 }

	2833

	2834 [hidden] {

	2835 display: none !important;

	2836 }

	2837

	2838 paper-button {

	2839 font-weight: 500;

	2840 margin: 0;

	2841 min-width: auto;

	2842 }

	2843

2887 </style>	2844 </style>

	2845 <downloads-toolbar id="toolbar"></downloads-toolbar>

	2846 <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]] ">

	2847 <template>

	2848 <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">

	2849 </downloads-item>

	2850 </template>

	2851 </iron-list>

	2852 <div id="no-downloads" hidden="[[hasDownloads_]]">

	2853 <div>

	2854 <div class="illustration"></div>

	2855 <span></span>

	2856 </div>

	2857 </div>

	2858 </template>

	2859

	2860

2888 </dom-module>	2861 </dom-module>

2889 </div>	2862 </div>

2890 <downloads-manager></downloads-manager>	2863 <downloads-manager></downloads-manager>

2891 <command id="clear-all-command" shortcut="Alt-U+0043"></command>	2864 <command id="clear-all-command" shortcut="Alt-U+0043"></command>

2892 <if expr="is_macosx">	2865 <if expr="is_macosx">

2893 <command id="undo-command" shortcut="Meta-U+005A"></command>	2866 <command id="undo-command" shortcut="Meta-U+005A"></command>

2894 <command id="find-command" shortcut="Meta-U+0046"></command>	2867 <command id="find-command" shortcut="Meta-U+0046"></command>

2895 </if>	2868 </if>

2896 <if expr="not is_macosx">	2869 <if expr="not is_macosx">

2897 <command id="undo-command" shortcut="Ctrl-U+005A"></command>	2870 <command id="undo-command" shortcut="Ctrl-U+005A"></command>

2898 <command id="find-command" shortcut="Ctrl-U+0046"></command>	2871 <command id="find-command" shortcut="Ctrl-U+0046"></command>

2899 </if>	2872 </if>

	2873 <link rel="import" href="chrome://resources/html/polymer.html">

2900	2874

2901 <script src="crisper.js"></script></body></html>	2875 <script src="crisper.js"></script></body></html>

OLD	NEW

« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanize.py ('k') | chrome/test/data/webui/polymer_browser_test_base.js » ('j') | no next file with comments »