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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1845223007: MD Downloads: revulcanize in a polymer.html world (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@vulcanize-bug
Patch Set: 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
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
(...skipping 23 matching lines...) Expand all
34 html, 34 html,
35 body { 35 body {
36 height: 100%; 36 height: 100%;
37 } 37 }
38 38
39 body { 39 body {
40 display: flex; 40 display: flex;
41 margin: 0; 41 margin: 0;
42 } 42 }
43 </style> 43 </style>
44 <script src="chrome://resources/js/polymer_config.js"></script> 44 </head>
45 <script src="chrome://resources/js/load_time_data.js"></script> 45 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/polymer_ config.js"></script>
46 <script src="chrome://resources/polymer/v1_0/polymer/polymer-micro-extracted.js" ></script><script src="chrome://resources/polymer/v1_0/polymer/polymer-mini-extr acted.js"></script><script src="chrome://resources/polymer/v1_0/polymer/polymer- extracted.js"></script><script src="chrome://resources/js/load_time_data.js"></s cript>
46 <script src="chrome://downloads/strings.js"></script> 47 <script src="chrome://downloads/strings.js"></script>
48 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">
49 <template>
50 <style>
51 :host {
52 display: block;
53 position: relative;
54 }
55
56 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
57 :host {
58 will-change: transform;
59 }
60 }
61
62 #items {
63 @apply(--iron-list-items-container);
64 position: relative;
65 }
66
67 #items > ::content > * {
68 width: 100%;
69 box-sizing: border-box;
70 position: absolute;
71 top: 0;
72 will-change: transform;
73 }
74 </style>
75
76 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">
77 </array-selector>
78
79 <div id="items">
80 <content></content>
81 </div>
82
83 </template>
84 </dom-module>
85
47 <style> 86 <style>
48 /* IE 10 support for HTML5 hidden attr */ 87 /* IE 10 support for HTML5 hidden attr */
49 [hidden] { 88 [hidden] {
50 display: none !important; 89 display: none !important;
51 } 90 }
52 </style> 91 </style>
53 92
54 <style is="custom-style"> 93 <style is="custom-style">
55 :root { 94 :root {
56 95
(...skipping 173 matching lines...) Expand 10 before | Expand all | Expand 10 after
230 justify-content: center; 269 justify-content: center;
231 }; 270 };
232 271
233 --layout-end-justified: { 272 --layout-end-justified: {
234 -ms-flex-pack: end; 273 -ms-flex-pack: end;
235 -webkit-justify-content: flex-end; 274 -webkit-justify-content: flex-end;
236 justify-content: flex-end; 275 justify-content: flex-end;
237 }; 276 };
238 277
239 --layout-around-justified: { 278 --layout-around-justified: {
240 -ms-flex-pack: distribute; 279 -ms-flex-pack: around;
241 -webkit-justify-content: space-around; 280 -webkit-justify-content: space-around;
242 justify-content: space-around; 281 justify-content: space-around;
243 }; 282 };
244 283
245 --layout-justified: { 284 --layout-justified: {
246 -ms-flex-pack: justify; 285 -ms-flex-pack: justify;
247 -webkit-justify-content: space-between; 286 -webkit-justify-content: space-between;
248 justify-content: space-between; 287 justify-content: space-between;
249 }; 288 };
250 289
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after
341 top: 0; 380 top: 0;
342 bottom: 0; 381 bottom: 0;
343 left: 0; 382 left: 0;
344 }; 383 };
345 384
346 } 385 }
347 386
348 </style> 387 </style>
349 388
350 389
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/ "> 390 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">
1047 391
1048 <style> 392 <style>
1049 :host { 393 :host {
1050 @apply(--layout-inline); 394 @apply(--layout-inline);
1051 @apply(--layout-center-center); 395 @apply(--layout-center-center);
1052 position: relative; 396 position: relative;
1053 397
1054 vertical-align: middle; 398 vertical-align: middle;
1055 399
(...skipping 381 matching lines...) Expand 10 before | Expand all | Expand 10 after
1437 781
1438 :host(.circle) .wave-container { 782 :host(.circle) .wave-container {
1439 overflow: hidden; 783 overflow: hidden;
1440 } 784 }
1441 </style> 785 </style>
1442 786
1443 <div id="background"></div> 787 <div id="background"></div>
1444 <div id="waves"></div> 788 <div id="waves"></div>
1445 </template> 789 </template>
1446 </dom-module> 790 </dom-module>
791 <style is="custom-style">
792
793 :root {
794
795 --shadow-transition: {
796 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
797 };
798
799 --shadow-none: {
800 box-shadow: none;
801 };
802
803 /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
804
805 --shadow-elevation-2dp: {
806 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
807 0 1px 5px 0 rgba(0, 0, 0, 0.12),
808 0 3px 1px -2px rgba(0, 0, 0, 0.2);
809 };
810
811 --shadow-elevation-3dp: {
812 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
813 0 1px 8px 0 rgba(0, 0, 0, 0.12),
814 0 3px 3px -2px rgba(0, 0, 0, 0.4);
815 };
816
817 --shadow-elevation-4dp: {
818 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
819 0 1px 10px 0 rgba(0, 0, 0, 0.12),
820 0 2px 4px -1px rgba(0, 0, 0, 0.4);
821 };
822
823 --shadow-elevation-6dp: {
824 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
825 0 1px 18px 0 rgba(0, 0, 0, 0.12),
826 0 3px 5px -1px rgba(0, 0, 0, 0.4);
827 };
828
829 --shadow-elevation-8dp: {
830 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
831 0 3px 14px 2px rgba(0, 0, 0, 0.12),
832 0 5px 5px -3px rgba(0, 0, 0, 0.4);
833 };
834
835 --shadow-elevation-12dp: {
836 box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
837 0 4px 22px 3px rgba(0, 0, 0, 0.12),
838 0 6px 7px -4px rgba(0, 0, 0, 0.4);
839 };
840
841 --shadow-elevation-16dp: {
842 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
843 0 6px 30px 5px rgba(0, 0, 0, 0.12),
844 0 8px 10px -5px rgba(0, 0, 0, 0.4);
845 };
846
847 }
848
849 </style>
1447 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/"> 850 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/">
1448 <template> 851 <template>
1449 <style> 852 <style>
1450 :host { 853 :host {
1451 display: block; 854 display: block;
1452 position: relative; 855 position: relative;
1453 } 856 }
1454 857
1455 :host([elevation="1"]) { 858 :host([elevation="1"]) {
1456 @apply(--shadow-elevation-2dp); 859 @apply(--shadow-elevation-2dp);
(...skipping 10 matching lines...) Expand all
1467 :host([elevation="4"]) { 870 :host([elevation="4"]) {
1468 @apply(--shadow-elevation-8dp); 871 @apply(--shadow-elevation-8dp);
1469 } 872 }
1470 873
1471 :host([elevation="5"]) { 874 :host([elevation="5"]) {
1472 @apply(--shadow-elevation-16dp); 875 @apply(--shadow-elevation-16dp);
1473 } 876 }
1474 </style> 877 </style>
1475 </template> 878 </template>
1476 </dom-module> 879 </dom-module>
880
881
1477 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/"> 882 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
1478 <template> 883 <template>
1479 <style include="paper-material-shared-styles"></style> 884 <style include="paper-material-shared-styles"></style>
1480 <style> 885 <style>
1481 :host([animated]) { 886 :host([animated]) {
1482 @apply(--shadow-transition); 887 @apply(--shadow-transition);
1483 } 888 }
1484 </style> 889 </style>
1485 890
1486 <content></content> 891 <content></content>
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
1537 } 942 }
1538 943
1539 :host > ::content * { 944 :host > ::content * {
1540 text-transform: inherit; 945 text-transform: inherit;
1541 } 946 }
1542 </style> 947 </style>
1543 <content></content> 948 <content></content>
1544 </template> 949 </template>
1545 </dom-module> 950 </dom-module>
1546 951
952 <style is="custom-style">
953
954 :root {
955
956 /* Material Design color palette for Google products */
957
958 --google-red-100: #f4c7c3;
959 --google-red-300: #e67c73;
960 --google-red-500: #db4437;
961 --google-red-700: #c53929;
962
963 --google-blue-100: #c6dafc;
964 --google-blue-300: #7baaf7;
965 --google-blue-500: #4285f4;
966 --google-blue-700: #3367d6;
967
968 --google-green-100: #b7e1cd;
969 --google-green-300: #57bb8a;
970 --google-green-500: #0f9d58;
971 --google-green-700: #0b8043;
972
973 --google-yellow-100: #fce8b2;
974 --google-yellow-300: #f7cb4d;
975 --google-yellow-500: #f4b400;
976 --google-yellow-700: #f09300;
977
978 --google-grey-100: #f5f5f5;
979 --google-grey-300: #e0e0e0;
980 --google-grey-500: #9e9e9e;
981 --google-grey-700: #616161;
982
983 /* Material Design color palette from online spec document */
984
985 --paper-red-50: #ffebee;
986 --paper-red-100: #ffcdd2;
987 --paper-red-200: #ef9a9a;
988 --paper-red-300: #e57373;
989 --paper-red-400: #ef5350;
990 --paper-red-500: #f44336;
991 --paper-red-600: #e53935;
992 --paper-red-700: #d32f2f;
993 --paper-red-800: #c62828;
994 --paper-red-900: #b71c1c;
995 --paper-red-a100: #ff8a80;
996 --paper-red-a200: #ff5252;
997 --paper-red-a400: #ff1744;
998 --paper-red-a700: #d50000;
999
1000 --paper-pink-50: #fce4ec;
1001 --paper-pink-100: #f8bbd0;
1002 --paper-pink-200: #f48fb1;
1003 --paper-pink-300: #f06292;
1004 --paper-pink-400: #ec407a;
1005 --paper-pink-500: #e91e63;
1006 --paper-pink-600: #d81b60;
1007 --paper-pink-700: #c2185b;
1008 --paper-pink-800: #ad1457;
1009 --paper-pink-900: #880e4f;
1010 --paper-pink-a100: #ff80ab;
1011 --paper-pink-a200: #ff4081;
1012 --paper-pink-a400: #f50057;
1013 --paper-pink-a700: #c51162;
1014
1015 --paper-purple-50: #f3e5f5;
1016 --paper-purple-100: #e1bee7;
1017 --paper-purple-200: #ce93d8;
1018 --paper-purple-300: #ba68c8;
1019 --paper-purple-400: #ab47bc;
1020 --paper-purple-500: #9c27b0;
1021 --paper-purple-600: #8e24aa;
1022 --paper-purple-700: #7b1fa2;
1023 --paper-purple-800: #6a1b9a;
1024 --paper-purple-900: #4a148c;
1025 --paper-purple-a100: #ea80fc;
1026 --paper-purple-a200: #e040fb;
1027 --paper-purple-a400: #d500f9;
1028 --paper-purple-a700: #aa00ff;
1029
1030 --paper-deep-purple-50: #ede7f6;
1031 --paper-deep-purple-100: #d1c4e9;
1032 --paper-deep-purple-200: #b39ddb;
1033 --paper-deep-purple-300: #9575cd;
1034 --paper-deep-purple-400: #7e57c2;
1035 --paper-deep-purple-500: #673ab7;
1036 --paper-deep-purple-600: #5e35b1;
1037 --paper-deep-purple-700: #512da8;
1038 --paper-deep-purple-800: #4527a0;
1039 --paper-deep-purple-900: #311b92;
1040 --paper-deep-purple-a100: #b388ff;
1041 --paper-deep-purple-a200: #7c4dff;
1042 --paper-deep-purple-a400: #651fff;
1043 --paper-deep-purple-a700: #6200ea;
1044
1045 --paper-indigo-50: #e8eaf6;
1046 --paper-indigo-100: #c5cae9;
1047 --paper-indigo-200: #9fa8da;
1048 --paper-indigo-300: #7986cb;
1049 --paper-indigo-400: #5c6bc0;
1050 --paper-indigo-500: #3f51b5;
1051 --paper-indigo-600: #3949ab;
1052 --paper-indigo-700: #303f9f;
1053 --paper-indigo-800: #283593;
1054 --paper-indigo-900: #1a237e;
1055 --paper-indigo-a100: #8c9eff;
1056 --paper-indigo-a200: #536dfe;
1057 --paper-indigo-a400: #3d5afe;
1058 --paper-indigo-a700: #304ffe;
1059
1060 --paper-blue-50: #e3f2fd;
1061 --paper-blue-100: #bbdefb;
1062 --paper-blue-200: #90caf9;
1063 --paper-blue-300: #64b5f6;
1064 --paper-blue-400: #42a5f5;
1065 --paper-blue-500: #2196f3;
1066 --paper-blue-600: #1e88e5;
1067 --paper-blue-700: #1976d2;
1068 --paper-blue-800: #1565c0;
1069 --paper-blue-900: #0d47a1;
1070 --paper-blue-a100: #82b1ff;
1071 --paper-blue-a200: #448aff;
1072 --paper-blue-a400: #2979ff;
1073 --paper-blue-a700: #2962ff;
1074
1075 --paper-light-blue-50: #e1f5fe;
1076 --paper-light-blue-100: #b3e5fc;
1077 --paper-light-blue-200: #81d4fa;
1078 --paper-light-blue-300: #4fc3f7;
1079 --paper-light-blue-400: #29b6f6;
1080 --paper-light-blue-500: #03a9f4;
1081 --paper-light-blue-600: #039be5;
1082 --paper-light-blue-700: #0288d1;
1083 --paper-light-blue-800: #0277bd;
1084 --paper-light-blue-900: #01579b;
1085 --paper-light-blue-a100: #80d8ff;
1086 --paper-light-blue-a200: #40c4ff;
1087 --paper-light-blue-a400: #00b0ff;
1088 --paper-light-blue-a700: #0091ea;
1089
1090 --paper-cyan-50: #e0f7fa;
1091 --paper-cyan-100: #b2ebf2;
1092 --paper-cyan-200: #80deea;
1093 --paper-cyan-300: #4dd0e1;
1094 --paper-cyan-400: #26c6da;
1095 --paper-cyan-500: #00bcd4;
1096 --paper-cyan-600: #00acc1;
1097 --paper-cyan-700: #0097a7;
1098 --paper-cyan-800: #00838f;
1099 --paper-cyan-900: #006064;
1100 --paper-cyan-a100: #84ffff;
1101 --paper-cyan-a200: #18ffff;
1102 --paper-cyan-a400: #00e5ff;
1103 --paper-cyan-a700: #00b8d4;
1104
1105 --paper-teal-50: #e0f2f1;
1106 --paper-teal-100: #b2dfdb;
1107 --paper-teal-200: #80cbc4;
1108 --paper-teal-300: #4db6ac;
1109 --paper-teal-400: #26a69a;
1110 --paper-teal-500: #009688;
1111 --paper-teal-600: #00897b;
1112 --paper-teal-700: #00796b;
1113 --paper-teal-800: #00695c;
1114 --paper-teal-900: #004d40;
1115 --paper-teal-a100: #a7ffeb;
1116 --paper-teal-a200: #64ffda;
1117 --paper-teal-a400: #1de9b6;
1118 --paper-teal-a700: #00bfa5;
1119
1120 --paper-green-50: #e8f5e9;
1121 --paper-green-100: #c8e6c9;
1122 --paper-green-200: #a5d6a7;
1123 --paper-green-300: #81c784;
1124 --paper-green-400: #66bb6a;
1125 --paper-green-500: #4caf50;
1126 --paper-green-600: #43a047;
1127 --paper-green-700: #388e3c;
1128 --paper-green-800: #2e7d32;
1129 --paper-green-900: #1b5e20;
1130 --paper-green-a100: #b9f6ca;
1131 --paper-green-a200: #69f0ae;
1132 --paper-green-a400: #00e676;
1133 --paper-green-a700: #00c853;
1134
1135 --paper-light-green-50: #f1f8e9;
1136 --paper-light-green-100: #dcedc8;
1137 --paper-light-green-200: #c5e1a5;
1138 --paper-light-green-300: #aed581;
1139 --paper-light-green-400: #9ccc65;
1140 --paper-light-green-500: #8bc34a;
1141 --paper-light-green-600: #7cb342;
1142 --paper-light-green-700: #689f38;
1143 --paper-light-green-800: #558b2f;
1144 --paper-light-green-900: #33691e;
1145 --paper-light-green-a100: #ccff90;
1146 --paper-light-green-a200: #b2ff59;
1147 --paper-light-green-a400: #76ff03;
1148 --paper-light-green-a700: #64dd17;
1149
1150 --paper-lime-50: #f9fbe7;
1151 --paper-lime-100: #f0f4c3;
1152 --paper-lime-200: #e6ee9c;
1153 --paper-lime-300: #dce775;
1154 --paper-lime-400: #d4e157;
1155 --paper-lime-500: #cddc39;
1156 --paper-lime-600: #c0ca33;
1157 --paper-lime-700: #afb42b;
1158 --paper-lime-800: #9e9d24;
1159 --paper-lime-900: #827717;
1160 --paper-lime-a100: #f4ff81;
1161 --paper-lime-a200: #eeff41;
1162 --paper-lime-a400: #c6ff00;
1163 --paper-lime-a700: #aeea00;
1164
1165 --paper-yellow-50: #fffde7;
1166 --paper-yellow-100: #fff9c4;
1167 --paper-yellow-200: #fff59d;
1168 --paper-yellow-300: #fff176;
1169 --paper-yellow-400: #ffee58;
1170 --paper-yellow-500: #ffeb3b;
1171 --paper-yellow-600: #fdd835;
1172 --paper-yellow-700: #fbc02d;
1173 --paper-yellow-800: #f9a825;
1174 --paper-yellow-900: #f57f17;
1175 --paper-yellow-a100: #ffff8d;
1176 --paper-yellow-a200: #ffff00;
1177 --paper-yellow-a400: #ffea00;
1178 --paper-yellow-a700: #ffd600;
1179
1180 --paper-amber-50: #fff8e1;
1181 --paper-amber-100: #ffecb3;
1182 --paper-amber-200: #ffe082;
1183 --paper-amber-300: #ffd54f;
1184 --paper-amber-400: #ffca28;
1185 --paper-amber-500: #ffc107;
1186 --paper-amber-600: #ffb300;
1187 --paper-amber-700: #ffa000;
1188 --paper-amber-800: #ff8f00;
1189 --paper-amber-900: #ff6f00;
1190 --paper-amber-a100: #ffe57f;
1191 --paper-amber-a200: #ffd740;
1192 --paper-amber-a400: #ffc400;
1193 --paper-amber-a700: #ffab00;
1194
1195 --paper-orange-50: #fff3e0;
1196 --paper-orange-100: #ffe0b2;
1197 --paper-orange-200: #ffcc80;
1198 --paper-orange-300: #ffb74d;
1199 --paper-orange-400: #ffa726;
1200 --paper-orange-500: #ff9800;
1201 --paper-orange-600: #fb8c00;
1202 --paper-orange-700: #f57c00;
1203 --paper-orange-800: #ef6c00;
1204 --paper-orange-900: #e65100;
1205 --paper-orange-a100: #ffd180;
1206 --paper-orange-a200: #ffab40;
1207 --paper-orange-a400: #ff9100;
1208 --paper-orange-a700: #ff6500;
1209
1210 --paper-deep-orange-50: #fbe9e7;
1211 --paper-deep-orange-100: #ffccbc;
1212 --paper-deep-orange-200: #ffab91;
1213 --paper-deep-orange-300: #ff8a65;
1214 --paper-deep-orange-400: #ff7043;
1215 --paper-deep-orange-500: #ff5722;
1216 --paper-deep-orange-600: #f4511e;
1217 --paper-deep-orange-700: #e64a19;
1218 --paper-deep-orange-800: #d84315;
1219 --paper-deep-orange-900: #bf360c;
1220 --paper-deep-orange-a100: #ff9e80;
1221 --paper-deep-orange-a200: #ff6e40;
1222 --paper-deep-orange-a400: #ff3d00;
1223 --paper-deep-orange-a700: #dd2c00;
1224
1225 --paper-brown-50: #efebe9;
1226 --paper-brown-100: #d7ccc8;
1227 --paper-brown-200: #bcaaa4;
1228 --paper-brown-300: #a1887f;
1229 --paper-brown-400: #8d6e63;
1230 --paper-brown-500: #795548;
1231 --paper-brown-600: #6d4c41;
1232 --paper-brown-700: #5d4037;
1233 --paper-brown-800: #4e342e;
1234 --paper-brown-900: #3e2723;
1235
1236 --paper-grey-50: #fafafa;
1237 --paper-grey-100: #f5f5f5;
1238 --paper-grey-200: #eeeeee;
1239 --paper-grey-300: #e0e0e0;
1240 --paper-grey-400: #bdbdbd;
1241 --paper-grey-500: #9e9e9e;
1242 --paper-grey-600: #757575;
1243 --paper-grey-700: #616161;
1244 --paper-grey-800: #424242;
1245 --paper-grey-900: #212121;
1246
1247 --paper-blue-grey-50: #eceff1;
1248 --paper-blue-grey-100: #cfd8dc;
1249 --paper-blue-grey-200: #b0bec5;
1250 --paper-blue-grey-300: #90a4ae;
1251 --paper-blue-grey-400: #78909c;
1252 --paper-blue-grey-500: #607d8b;
1253 --paper-blue-grey-600: #546e7a;
1254 --paper-blue-grey-700: #455a64;
1255 --paper-blue-grey-800: #37474f;
1256 --paper-blue-grey-900: #263238;
1257
1258 /* opacity for dark text on a light background */
1259 --dark-divider-opacity: 0.12;
1260 --dark-disabled-opacity: 0.38; /* or hint text or icon */
1261 --dark-secondary-opacity: 0.54;
1262 --dark-primary-opacity: 0.87;
1263
1264 /* opacity for light text on a dark background */
1265 --light-divider-opacity: 0.12;
1266 --light-disabled-opacity: 0.3; /* or hint text or icon */
1267 --light-secondary-opacity: 0.7;
1268 --light-primary-opacity: 1.0;
1269
1270 }
1271
1272 </style>
1273
1274
1547 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/"> 1275 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">
1548 <template> 1276 <template>
1549 <style> 1277 <style>
1550 :host { 1278 :host {
1551 display: block; 1279 display: block;
1552 width: 200px; 1280 width: 200px;
1553 position: relative; 1281 position: relative;
1554 overflow: hidden; 1282 overflow: hidden;
1555 } 1283 }
1556 1284
(...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after
1716 cursor: pointer; 1444 cursor: pointer;
1717 display: inline-block; 1445 display: inline-block;
1718 outline: none; 1446 outline: none;
1719 position: relative; 1447 position: relative;
1720 text-align: center; 1448 text-align: center;
1721 } 1449 }
1722 </style> 1450 </style>
1723 </dom-module> 1451 </dom-module>
1724 1452
1725 <dom-module id="downloads-item" assetpath="chrome://downloads/"> 1453 <dom-module id="downloads-item" assetpath="chrome://downloads/">
1726 <template> 1454 <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. 1455 /* Copyright 2015 The Chromium Authors. All rights reserved.
1792 * Use of this source code is governed by a BSD-style license that can be 1456 * Use of this source code is governed by a BSD-style license that can be
1793 * found in the LICENSE file. */ 1457 * 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 1458
1847 :host { 1459 :host {
1848 display: flex; 1460 display: flex;
1849 flex-direction: column; 1461 flex-direction: column;
1850 } 1462 }
1851 1463
1852 #date { 1464 #date {
1853 color: rgb(104, 113, 116); 1465 color: rgb(104, 113, 116);
1854 font-size: 100%; 1466 font-size: 100%;
1855 font-weight: 500; 1467 font-weight: 500;
(...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after
2047 1659
2048 #incognito { 1660 #incognito {
2049 bottom: 20px; 1661 bottom: 20px;
2050 content: -webkit-image-set( 1662 content: -webkit-image-set(
2051 url("chrome://downloads/1x/incognito_marker.png") 1x, 1663 url("chrome://downloads/1x/incognito_marker.png") 1x,
2052 url("chrome://downloads/2x/incognito_marker.png") 2x); 1664 url("chrome://downloads/2x/incognito_marker.png") 2x);
2053 position: absolute; 1665 position: absolute;
2054 right: 10px; 1666 right: 10px;
2055 } 1667 }
2056 1668
1669 </style><style>
1670 /* Copyright 2015 The Chromium Authors. All rights reserved.
1671 * Use of this source code is governed by a BSD-style license that can be
1672 * found in the LICENSE file. */
1673
1674 * {
1675 --downloads-item-width: 622px;
1676 }
1677
1678 [hidden] {
1679 display: none !important;
1680 }
1681
1682 paper-button {
1683 font-weight: 500;
1684 margin: 0;
1685 min-width: auto;
1686 }
1687
1688 </style><style>
1689 /* Copyright 2015 The Chromium Authors. All rights reserved.
1690 * Use of this source code is governed by a BSD-style license that can be
1691 * found in the LICENSE file. */
1692
1693 [is='action-link'] {
1694 cursor: pointer;
1695 display: inline-block;
1696 text-decoration: none;
1697 }
1698
1699 [is='action-link']:hover {
1700 text-decoration: underline;
1701 }
1702
1703 [is='action-link']:active {
1704 color: rgb(5, 37, 119);
1705 text-decoration: underline;
1706 }
1707
1708 [is='action-link'][disabled] {
1709 color: #999;
1710 cursor: default;
1711 pointer-events: none;
1712 text-decoration: none;
1713 }
1714
1715 [is='action-link'].no-outline {
1716 outline: none;
1717 }
1718
2057 </style> 1719 </style>
1720 <h3 id="date">[[computeDate_(data.hideDate, data.since_string, data.date_str ing)]]</h3>
1721
1722 <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActi ve_, isDangerous_, showProgress_)]]">
1723 <div id="file-icon-wrapper" class="icon-wrapper">
1724 <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
1725 <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, da ta.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon>
1726 </div>
1727
1728 <div id="details">
1729 <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>
1730 <span id="tag">[[computeTag_(data.state, data.last_reason_text, data.f ile_externally_removed)]]</span>
1731 </div>
1732
1733 <a id="url" target="_blank" href="[[data.url]]">[[data.url]]</a>
1734
1735 <div id="description">[[computeDescription_(data.state, data.danger_type , data.file_name, data.progress_status_text)]]</div>
1736
1737 <template is="dom-if" if="[[showProgress_]]">
1738 <paper-progress id="progress" indeterminate="[[isIndeterminate_(data.p ercent)]]" value="[[data.percent]]"></paper-progress>
1739 </template>
1740
1741 <div id="safe" class="controls" hidden="[[isDangerous_]]">
1742 <a is="action-link" id="show" i18n-content="controlShowInFolder" on-ta p="onShowTap_" hidden="[[!completelyOnDisk_]]"></a>
1743 <template is="dom-if" if="[[data.retry]]">
1744 <paper-button id="retry" on-tap="onRetryTap_">[[i18n_.retry]]</paper -button>
1745 </template>
1746 <template is="dom-if" if="[[isInProgress_]]">
1747 <paper-button id="pause" on-tap="onPauseTap_">[[i18n_.pause]]</paper -button>
1748 </template>
1749 <template is="dom-if" if="[[data.resume]]">
1750 <paper-button id="resume" on-tap="onResumeTap_">[[i18n_.resume]]</pa per-button>
1751 </template>
1752 <template is="dom-if" if="[[showCancel_]]">
1753 <paper-button id="cancel" on-tap="onCancelTap_">[[i18n_.cancel]]</pa per-button>
1754 </template>
1755 <span id="controlled-by"></span>
1756 </div>
1757
1758 <template is="dom-if" if="[[isDangerous_]]">
1759 <div id="dangerous" class="controls">
1760
1761 <template is="dom-if" if="[[!isMalware_]]">
1762 <paper-button id="discard" on-tap="onDiscardDangerousTap_" class=" discard">[[i18n_.discard]]</paper-button>
1763 <paper-button id="save" on-tap="onSaveDangerousTap_" class="keep"> [[i18n_.save]]</paper-button>
1764 </template>
1765
1766
1767 <template is="dom-if" if="[[isMalware_]]">
1768 <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" c lass="discard">[[i18n_.remove]]</paper-button>
1769 <paper-button id="restore" on-tap="onSaveDangerousTap_" class="kee p">[[i18n_.restore]]</paper-button>
1770 </template>
1771 </div>
1772 </template>
1773 </div>
1774
1775 <div id="remove-wrapper" class="icon-wrapper">
1776 <inky-text-button id="remove" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_ ">✕</inky-text-button>
1777 </div>
1778
1779 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div>
1780 </div>
1781
1782 </template>
1783
1784
1785
2058 </dom-module> 1786 </dom-module>
1787
1788
1789 <style is="custom-style">
1790
1791 :root {
1792 /*
1793 * You can use these generic variables in your elements for easy theming.
1794 * For example, if all your elements use `--primary-text-color` as its main
1795 * color, then switching from a light to a dark theme is just a matter of
1796 * changing the value of `--primary-text-color` in your application.
1797 */
1798 --primary-text-color: var(--light-theme-text-color);
1799 --primary-background-color: var(--light-theme-background-color);
1800 --secondary-text-color: var(--light-theme-secondary-color);
1801 --disabled-text-color: var(--light-theme-disabled-color);
1802 --divider-color: var(--light-theme-divider-color);
1803
1804 /*
1805 * Primary and accent colors. Also see color.html for more colors.
1806 */
1807 --primary-color: #3f51b5; /* --paper-indigo-500 */
1808 --light-primary-color: #c5cae9; /* --paper-indigo-100 */
1809 --dark-primary-color: #303f9f; /* --paper-indigo-700 */
1810
1811 --accent-color: #ff4081; /* --paper-pink-a200 */
1812 --light-accent-color: #ff80ab; /* --paper-pink-a100 */
1813 --dark-accent-color: #f50057; /* --paper-pink-a400 */
1814
1815 /*
1816 * Material Design Light background theme
1817 */
1818 --light-theme-background-color: #ffffff;
1819 --light-theme-base-color: #000000;
1820 --light-theme-text-color: #212121;
1821 --light-theme-secondary-color: #737373; /* for secondary text and icons */
1822 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
1823 --light-theme-divider-color: #dbdbdb;
1824
1825 /*
1826 * Material Design Dark background theme
1827 */
1828 --dark-theme-background-color: #212121;
1829 --dark-theme-base-color: #ffffff;
1830 --dark-theme-text-color: #ffffff;
1831 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
1832 --dark-theme-disabled-color: #646464; /* disabled/hint text */
1833 --dark-theme-divider-color: #3c3c3c;
1834
1835 /*
1836 * Deprecated values because of their confusing names.
1837 */
1838 --text-primary-color: var(--dark-theme-text-color);
1839 --default-primary-color: var(--primary-color);
1840
1841 }
1842
1843 </style>
2059 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/"> 1844 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">
2060 <template> 1845 <template>
2061 <style> 1846 <style>
2062 :host { 1847 :host {
2063 display: block; 1848 display: block;
2064 position: relative; 1849 position: relative;
2065 min-height: var(--paper-item-min-height, 48px); 1850 min-height: var(--paper-item-min-height, 48px);
2066 padding: 0px 16px; 1851 padding: 0px 16px;
2067 } 1852 }
2068 1853
(...skipping 26 matching lines...) Expand all
2095 background: currentColor; 1880 background: currentColor;
2096 content: ''; 1881 content: '';
2097 opacity: var(--dark-divider-opacity); 1882 opacity: var(--dark-divider-opacity);
2098 pointer-events: none; 1883 pointer-events: none;
2099 1884
2100 @apply(--paper-item-focused-before); 1885 @apply(--paper-item-focused-before);
2101 } 1886 }
2102 </style> 1887 </style>
2103 </template> 1888 </template>
2104 </dom-module> 1889 </dom-module>
1890
1891
2105 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/"> 1892 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">
2106 <template> 1893 <template>
2107 <style include="paper-item-shared-styles"></style> 1894 <style include="paper-item-shared-styles"></style>
2108 <style> 1895 <style>
2109 :host { 1896 :host {
2110 @apply(--layout-horizontal); 1897 @apply(--layout-horizontal);
2111 @apply(--layout-center); 1898 @apply(--layout-center);
2112 @apply(--paper-font-subhead); 1899 @apply(--paper-font-subhead);
2113 1900
2114 @apply(--paper-item); 1901 @apply(--paper-item);
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
2149 1936
2150 @apply(--paper-menu-focused-item-after); 1937 @apply(--paper-menu-focused-item-after);
2151 } 1938 }
2152 1939
2153 .selectable-content > ::content > *[colored]:focus:after { 1940 .selectable-content > ::content > *[colored]:focus:after {
2154 opacity: 0.26; 1941 opacity: 0.26;
2155 } 1942 }
2156 </style> 1943 </style>
2157 </template> 1944 </template>
2158 </dom-module> 1945 </dom-module>
1946
1947
2159 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/"> 1948 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">
2160 <template> 1949 <template>
2161 <style include="paper-menu-shared-styles"></style> 1950 <style include="paper-menu-shared-styles"></style>
2162 <style> 1951 <style>
2163 :host { 1952 :host {
2164 display: block; 1953 display: block;
2165 padding: 8px 0; 1954 padding: 8px 0;
2166 1955
2167 background: var(--paper-menu-background-color, --primary-background-colo r); 1956 background: var(--paper-menu-background-color, --primary-background-colo r);
2168 color: var(--paper-menu-color, --primary-text-color); 1957 color: var(--paper-menu-color, --primary-text-color);
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
2201 } 1990 }
2202 1991
2203 </style> 1992 </style>
2204 1993
2205 <template> 1994 <template>
2206 <content></content> 1995 <content></content>
2207 </template> 1996 </template>
2208 1997
2209 </dom-module> 1998 </dom-module>
2210 1999
2000 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
2001
2002
2211 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/"> 2003 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
2212 <style> 2004 <style>
2213 :host { 2005 :host {
2214 position: fixed; 2006 position: fixed;
2215 } 2007 }
2216 2008
2217 #contentWrapper ::content > * { 2009 #contentWrapper ::content > * {
2218 overflow: auto; 2010 overflow: auto;
2219 } 2011 }
2220 2012
(...skipping 102 matching lines...) Expand 10 before | Expand all | Expand 10 after
2323 2115
2324 iron-icon { 2116 iron-icon {
2325 --iron-icon-width: 100%; 2117 --iron-icon-width: 100%;
2326 --iron-icon-height: 100%; 2118 --iron-icon-height: 100%;
2327 } 2119 }
2328 </style> 2120 </style>
2329 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n> 2121 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>
2330 </template> 2122 </template>
2331 2123
2332 </dom-module> 2124 </dom-module>
2125 <style>
2126 /* Copyright 2015 The Chromium Authors. All rights reserved.
2127 * Use of this source code is governed by a BSD-style license that can be
2128 * found in the LICENSE file. */
2129
2130 @font-face {
2131 font-family: 'Roboto';
2132 font-style: normal;
2133 font-weight: 300;
2134 src: local('Roboto Light'), local('Roboto-Light'),
2135 url("chrome://resources/roboto/roboto-light.woff2") format('woff2');
2136 }
2137
2138 @font-face {
2139 font-family: 'Roboto';
2140 font-style: normal;
2141 font-weight: 400;
2142 src: local('Roboto'), local('Roboto-Regular'),
2143 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
2144 }
2145
2146 @font-face {
2147 font-family: 'Roboto';
2148 font-style: normal;
2149 font-weight: 500;
2150 src: local('Roboto Medium'), local('Roboto-Medium'),
2151 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
2152 }
2153
2154 </style>
2155 <style is="custom-style">
2156
2157 :root {
2158
2159 /* Shared Styles */
2160 --paper-font-common-base: {
2161 font-family: 'Roboto', 'Noto', sans-serif;
2162 -webkit-font-smoothing: antialiased;
2163 };
2164
2165 --paper-font-common-code: {
2166 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
2167 -webkit-font-smoothing: antialiased;
2168 };
2169
2170 --paper-font-common-expensive-kerning: {
2171 text-rendering: optimizeLegibility;
2172 };
2173
2174 --paper-font-common-nowrap: {
2175 white-space: nowrap;
2176 overflow: hidden;
2177 text-overflow: ellipsis;
2178 };
2179
2180 /* Material Font Styles */
2181
2182 --paper-font-display4: {
2183 @apply(--paper-font-common-base);
2184 @apply(--paper-font-common-nowrap);
2185
2186 font-size: 112px;
2187 font-weight: 300;
2188 letter-spacing: -.044em;
2189 line-height: 120px;
2190 };
2191
2192 --paper-font-display3: {
2193 @apply(--paper-font-common-base);
2194 @apply(--paper-font-common-nowrap);
2195
2196 font-size: 56px;
2197 font-weight: 400;
2198 letter-spacing: -.026em;
2199 line-height: 60px;
2200 };
2201
2202 --paper-font-display2: {
2203 @apply(--paper-font-common-base);
2204
2205 font-size: 45px;
2206 font-weight: 400;
2207 letter-spacing: -.018em;
2208 line-height: 48px;
2209 };
2210
2211 --paper-font-display1: {
2212 @apply(--paper-font-common-base);
2213
2214 font-size: 34px;
2215 font-weight: 400;
2216 letter-spacing: -.01em;
2217 line-height: 40px;
2218 };
2219
2220 --paper-font-headline: {
2221 @apply(--paper-font-common-base);
2222
2223 font-size: 24px;
2224 font-weight: 400;
2225 letter-spacing: -.012em;
2226 line-height: 32px;
2227 };
2228
2229 --paper-font-title: {
2230 @apply(--paper-font-common-base);
2231 @apply(--paper-font-common-nowrap);
2232
2233 font-size: 20px;
2234 font-weight: 500;
2235 line-height: 28px;
2236 };
2237
2238 --paper-font-subhead: {
2239 @apply(--paper-font-common-base);
2240
2241 font-size: 16px;
2242 font-weight: 400;
2243 line-height: 24px;
2244 };
2245
2246 --paper-font-body2: {
2247 @apply(--paper-font-common-base);
2248
2249 font-size: 14px;
2250 font-weight: 500;
2251 line-height: 24px;
2252 };
2253
2254 --paper-font-body1: {
2255 @apply(--paper-font-common-base);
2256
2257 font-size: 14px;
2258 font-weight: 400;
2259 line-height: 20px;
2260 };
2261
2262 --paper-font-caption: {
2263 @apply(--paper-font-common-base);
2264 @apply(--paper-font-common-nowrap);
2265
2266 font-size: 12px;
2267 font-weight: 400;
2268 letter-spacing: 0.011em;
2269 line-height: 20px;
2270 };
2271
2272 --paper-font-menu: {
2273 @apply(--paper-font-common-base);
2274 @apply(--paper-font-common-nowrap);
2275
2276 font-size: 13px;
2277 font-weight: 500;
2278 line-height: 24px;
2279 };
2280
2281 --paper-font-button: {
2282 @apply(--paper-font-common-base);
2283 @apply(--paper-font-common-nowrap);
2284
2285 font-size: 14px;
2286 font-weight: 500;
2287 letter-spacing: 0.018em;
2288 line-height: 24px;
2289 text-transform: uppercase;
2290 };
2291
2292 --paper-font-code2: {
2293 @apply(--paper-font-common-code);
2294
2295 font-size: 14px;
2296 font-weight: 700;
2297 line-height: 20px;
2298 };
2299
2300 --paper-font-code1: {
2301 @apply(--paper-font-common-code);
2302
2303 font-size: 14px;
2304 font-weight: 500;
2305 line-height: 20px;
2306 };
2307
2308 }
2309
2310 </style>
2311
2312
2333 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/"> 2313 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/">
2334 <template> 2314 <template>
2335 <style> 2315 <style>
2336 :host { 2316 :host {
2337 display: block; 2317 display: block;
2338 padding: 8px 0; 2318 padding: 8px 0;
2339 2319
2340 @apply(--paper-input-container); 2320 @apply(--paper-input-container);
2341 } 2321 }
2342 2322
(...skipping 12 matching lines...) Expand all
2355 @apply(--paper-font-caption); 2335 @apply(--paper-font-caption);
2356 } 2336 }
2357 2337
2358 .underline { 2338 .underline {
2359 position: relative; 2339 position: relative;
2360 } 2340 }
2361 2341
2362 .focused-line { 2342 .focused-line {
2363 @apply(--layout-fit); 2343 @apply(--layout-fit);
2364 2344
2365 background: var(--paper-input-container-focus-color, --primary-color); 2345 background: var(--paper-input-container-focus-color, --default-primary-c olor);
2366 height: 2px; 2346 height: 2px;
2367
2368 -webkit-transform-origin: center center; 2347 -webkit-transform-origin: center center;
2369 transform-origin: center center; 2348 transform-origin: center center;
2370 -webkit-transform: scale3d(0,1,1); 2349 -webkit-transform: scale3d(0,1,1);
2371 transform: scale3d(0,1,1); 2350 transform: scale3d(0,1,1);
2372 2351
2373 @apply(--paper-input-container-underline-focus); 2352 @apply(--paper-input-container-underline-focus);
2374 } 2353 }
2375 2354
2376 .underline.is-highlighted .focused-line { 2355 .underline.is-highlighted .focused-line {
2377 -webkit-transform: none; 2356 -webkit-transform: none;
2378 transform: none; 2357 transform: none;
2379 -webkit-transition: -webkit-transform 0.25s; 2358 -webkit-transition: -webkit-transform 0.25s;
2380 transition: transform 0.25s; 2359 transition: transform 0.25s;
2381 2360
2382 @apply(--paper-transition-easing); 2361 @apply(--paper-transition-easing);
2383 } 2362 }
2384 2363
2385 .underline.is-invalid .focused-line { 2364 .underline.is-invalid .focused-line {
2386 background: var(--paper-input-container-invalid-color, --error-color); 2365 background: var(--paper-input-container-invalid-color, --google-red-500) ;
2387 -webkit-transform: none; 2366 -webkit-transform: none;
2388 transform: none; 2367 transform: none;
2389 -webkit-transition: -webkit-transform 0.25s; 2368 -webkit-transition: -webkit-transform 0.25s;
2390 transition: transform 0.25s; 2369 transition: transform 0.25s;
2391 2370
2392 @apply(--paper-transition-easing); 2371 @apply(--paper-transition-easing);
2393 } 2372 }
2394 2373
2395 .unfocused-line { 2374 .unfocused-line {
2396 @apply(--layout-fit); 2375 @apply(--layout-fit);
2397 2376
2377 height: 1px;
2398 background: var(--paper-input-container-color, --secondary-text-color); 2378 background: var(--paper-input-container-color, --secondary-text-color);
2399 height: 1px;
2400 2379
2401 @apply(--paper-input-container-underline); 2380 @apply(--paper-input-container-underline);
2402 } 2381 }
2403 2382
2404 :host([disabled]) .unfocused-line { 2383 :host([disabled]) .unfocused-line {
2405 border-bottom: 1px dashed; 2384 border-bottom: 1px dashed;
2406 border-color: var(--paper-input-container-color, --secondary-text-color) ; 2385 border-color: var(--paper-input-container-color, --secondary-text-color) ;
2407 background: transparent; 2386 background: transparent;
2408 2387
2409 @apply(--paper-input-container-underline-disabled); 2388 @apply(--paper-input-container-underline-disabled);
2410 } 2389 }
2411 2390
2412 .label-and-input-container { 2391 .label-and-input-container {
2413 @apply(--layout-flex-auto); 2392 @apply(--layout-flex-auto);
2414 @apply(--layout-relative); 2393 @apply(--layout-relative);
2415
2416 width: 100%; 2394 width: 100%;
2417 max-width: 100%; 2395 max-width: 100%;
2418 } 2396 }
2419 2397
2420 .input-content { 2398 .input-content {
2421 @apply(--layout-horizontal); 2399 @apply(--layout-horizontal);
2422 @apply(--layout-center); 2400 @apply(--layout-center);
2423 2401
2424 position: relative; 2402 position: relative;
2425 } 2403 }
2426 2404
2427 .input-content ::content label, 2405 .input-content ::content label,
2428 .input-content ::content .paper-input-label { 2406 .input-content ::content .paper-input-label {
2429 position: absolute; 2407 position: absolute;
2430 top: 0; 2408 top: 0;
2431 right: 0; 2409 right: 0;
2432 left: 0; 2410 left: 0;
2433 width: 100%; 2411 width: 100%;
2434 font: inherit; 2412 font: inherit;
2435 color: var(--paper-input-container-color, --secondary-text-color); 2413 color: var(--paper-input-container-color, --secondary-text-color);
2436 -webkit-transition: -webkit-transform 0.25s, width 0.25s;
2437 transition: transform 0.25s, width 0.25s;
2438 -webkit-transform-origin: left top;
2439 transform-origin: left top;
2440 2414
2441 @apply(--paper-font-common-nowrap); 2415 @apply(--paper-font-common-nowrap);
2442 @apply(--paper-font-subhead); 2416 @apply(--paper-font-subhead);
2443 @apply(--paper-input-container-label); 2417 @apply(--paper-input-container-label);
2444 @apply(--paper-transition-easing);
2445 } 2418 }
2446 2419
2447 .input-content.label-is-floating ::content label, 2420 .input-content.label-is-floating ::content label,
2448 .input-content.label-is-floating ::content .paper-input-label { 2421 .input-content.label-is-floating ::content .paper-input-label {
2449 -webkit-transform: translateY(-75%) scale(0.75); 2422 -webkit-transform: translateY(-75%) scale(0.75);
2450 transform: translateY(-75%) scale(0.75); 2423 transform: translateY(-75%) scale(0.75);
2424 -webkit-transition: -webkit-transform 0.25s, width 0.25s;
2425 transition: transform 0.25s, width 0.25s;
2426 -webkit-transform-origin: left top;
2427 transform-origin: left top;
2451 2428
2452 /* Since we scale to 75/100 of the size, we actually have 100/75 of the 2429 /* Since we scale to 75/100 of the size, we actually have 100/75 of the
2453 original space now available */ 2430 original space now available */
2454 width: 133%; 2431 width: 133%;
2455 2432
2433 @apply(--paper-transition-easing);
2456 @apply(--paper-input-container-label-floating); 2434 @apply(--paper-input-container-label-floating);
2457 } 2435 }
2458 2436
2459 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l, 2437 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l,
2460 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label { 2438 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label {
2461 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion 2439 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion
2462 * actually makes 2440 * actually makes
2463 * it wider on the right side, not left side, as you would expect in RTL */ 2441 * it wider on the right side, not left side, as you would expect in RTL */
2464 width: 100%; 2442 width: 100%;
2465 -webkit-transform-origin: right top; 2443 -webkit-transform-origin: right top;
2466 transform-origin: right top; 2444 transform-origin: right top;
2467 } 2445 }
2468 2446
2469 .input-content.label-is-highlighted ::content label, 2447 .input-content.label-is-highlighted ::content label,
2470 .input-content.label-is-highlighted ::content .paper-input-label { 2448 .input-content.label-is-highlighted ::content .paper-input-label {
2471 color: var(--paper-input-container-focus-color, --primary-color); 2449 color: var(--paper-input-container-focus-color, --default-primary-color) ;
2472 2450
2473 @apply(--paper-input-container-label-focus); 2451 @apply(--paper-input-container-label-focus);
2474 } 2452 }
2475 2453
2476 .input-content.is-invalid ::content label, 2454 .input-content.is-invalid ::content label,
2477 .input-content.is-invalid ::content .paper-input-label { 2455 .input-content.is-invalid ::content .paper-input-label {
2478 color: var(--paper-input-container-invalid-color, --error-color); 2456 color: var(--paper-input-container-invalid-color, --google-red-500);
2479 } 2457 }
2480 2458
2481 .input-content.label-is-hidden ::content label, 2459 .input-content.label-is-hidden ::content label,
2482 .input-content.label-is-hidden ::content .paper-input-label { 2460 .input-content.label-is-hidden ::content .paper-input-label {
2483 visibility: hidden; 2461 visibility: hidden;
2484 } 2462 }
2485 2463
2486 .input-content ::content input, 2464 .input-content ::content input,
2487 .input-content ::content textarea, 2465 .input-content ::content textarea,
2488 .input-content ::content iron-autogrow-textarea, 2466 .input-content ::content iron-autogrow-textarea,
2489 .input-content ::content .paper-input-input { 2467 .input-content ::content .paper-input-input {
2490 position: relative; /* to make a stacking context */ 2468 position: relative; /* to make a stacking context */
2491 outline: none; 2469 outline: none;
2492 box-shadow: none; 2470 box-shadow: none;
2493 padding: 0; 2471 padding: 0;
2494 width: 100%; 2472 width: 100%;
2495 max-width: 100%; 2473 max-width: 100%;
2496 background: transparent; 2474 background: transparent;
2497 border: none; 2475 border: none;
2498 color: var(--paper-input-container-input-color, --primary-text-color); 2476 color: var(--paper-input-container-input-color, --primary-text-color);
2499 -webkit-appearance: none; 2477 -webkit-appearance: none;
2500 text-align: inherit; 2478 text-align: inherit;
2501 2479
2502 @apply(--paper-font-subhead); 2480 @apply(--paper-font-subhead);
2503 @apply(--paper-input-container-input); 2481 @apply(--paper-input-container-input);
2504 } 2482 }
2505 2483
2506 ::content [prefix] { 2484 ::content [prefix] {
2507 @apply(--paper-font-subhead); 2485 @apply(--paper-font-subhead);
2508
2509 @apply(--paper-input-prefix); 2486 @apply(--paper-input-prefix);
2510 @apply(--layout-flex-none); 2487 @apply(--layout-flex-none);
2511 } 2488 }
2512 2489
2513 ::content [suffix] { 2490 ::content [suffix] {
2514 @apply(--paper-font-subhead); 2491 @apply(--paper-font-subhead);
2515
2516 @apply(--paper-input-suffix); 2492 @apply(--paper-input-suffix);
2517 @apply(--layout-flex-none); 2493 @apply(--layout-flex-none);
2518 } 2494 }
2519 2495
2520 /* Firefox sets a min-width on the input, which can cause layout issues */ 2496 /* Firefox sets a min-width on the input, which can cause layout issues */
2521 .input-content ::content input { 2497 .input-content ::content input {
2522 min-width: 0; 2498 min-width: 0;
2523 } 2499 }
2524 2500
2525 .input-content ::content textarea { 2501 .input-content ::content textarea {
2526 resize: none; 2502 resize: none;
2527 } 2503 }
2528 2504
2529 .add-on-content { 2505 .add-on-content {
2530 position: relative; 2506 position: relative;
2531 } 2507 }
2532 2508
2533 .add-on-content.is-invalid ::content * { 2509 .add-on-content.is-invalid ::content * {
2534 color: var(--paper-input-container-invalid-color, --error-color); 2510 color: var(--paper-input-container-invalid-color, --google-red-500);
2535 } 2511 }
2536 2512
2537 .add-on-content.is-highlighted ::content * { 2513 .add-on-content.is-highlighted ::content * {
2538 color: var(--paper-input-container-focus-color, --primary-color); 2514 color: var(--paper-input-container-focus-color, --default-primary-color) ;
2539 } 2515 }
2540 </style> 2516 </style>
2541 2517
2542 <template is="dom-if" if="[[!noLabelFloat]]"> 2518 <template is="dom-if" if="[[!noLabelFloat]]">
2543 <div class="floated-label-placeholder">&nbsp;</div> 2519 <div class="floated-label-placeholder">&nbsp;</div>
2544 </template> 2520 </template>
2545 2521
2546 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]"> 2522 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]">
2547 <content select="[prefix]" id="prefix"></content> 2523 <content select="[prefix]" id="prefix"></content>
2548 2524
2549 <div class="label-and-input-container" id="labelAndInputContainer"> 2525 <div class="label-and-input-container" id="labelAndInputContainer">
2550 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> 2526 <content select=":not([add-on]):not([prefix]):not([suffix])"></content>
2551 </div> 2527 </div>
2552 2528
2553 <content select="[suffix]"></content> 2529 <content select="[suffix]"></content>
2554 </div> 2530 </div>
2555 2531
2556 <div class$="[[_computeUnderlineClass(focused,invalid)]]"> 2532 <div class$="[[_computeUnderlineClass(focused,invalid)]]">
2557 <div class="unfocused-line"></div> 2533 <div class="unfocused-line"></div>
2558 <div class="focused-line"></div> 2534 <div class="focused-line"></div>
2559 </div> 2535 </div>
2560 2536
2561 <div class$="[[_computeAddOnContentClass(focused,invalid)]]"> 2537 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">
2562 <content id="addOnContent" select="[add-on]"></content> 2538 <content id="addOnContent" select="[add-on]"></content>
2563 </div> 2539 </div>
2564 </template> 2540 </template>
2565 </dom-module> 2541 </dom-module>
2566 2542
2567 <dom-module id="cr-search-field" assetpath="chrome://resources/cr_elements/cr_se arch_field/"> 2543 <dom-module id="cr-search-field" assetpath="chrome://resources/cr_elements/cr_se arch_field/">
2568 <template> 2544 <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. 2545 /* Copyright 2015 The Chromium Authors. All rights reserved.
2579 * Use of this source code is governed by a BSD-style license that can be 2546 * Use of this source code is governed by a BSD-style license that can be
2580 * found in the LICENSE file. */ 2547 * found in the LICENSE file. */
2581 2548
2582 :host { 2549 :host {
2583 -webkit-padding-end: 10px; 2550 -webkit-padding-end: 10px;
2584 box-sizing: border-box; 2551 box-sizing: border-box;
2585 display: flex; 2552 display: flex;
2586 justify-content: flex-end; 2553 justify-content: flex-end;
2587 } 2554 }
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after
2641 top: -4px; 2608 top: -4px;
2642 z-index: 1; 2609 z-index: 1;
2643 } 2610 }
2644 2611
2645 :host-context([dir='rtl']) #search-term paper-icon-button { 2612 :host-context([dir='rtl']) #search-term paper-icon-button {
2646 left: 0; 2613 left: 0;
2647 right: auto; 2614 right: auto;
2648 } 2615 }
2649 2616
2650 </style> 2617 </style>
2618 <paper-icon-button icon="search" id="search-button" disabled$="[[showingSear ch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>
2619 <template is="dom-if" if="[[showingSearch_]]" id="search-container">
2620 <paper-input-container id="search-term" on-search="onSearchTermSearch_" on -keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float="">
2621 <input is="iron-input" id="search-input" type="search" placeholder="[[la bel]]" incremental="">
2622 <paper-icon-button icon="cancel" id="clear-search" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-but ton>
2623 </paper-input-container>
2624 </template>
2625 </template>
2626
2651 </dom-module> 2627 </dom-module>
2652 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/"> 2628 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">
2653 <template> 2629 <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. 2630 /* Copyright 2015 The Chromium Authors. All rights reserved.
2674 * Use of this source code is governed by a BSD-style license that can be 2631 * Use of this source code is governed by a BSD-style license that can be
2675 * found in the LICENSE file. */ 2632 * 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 2633
2697 :host { 2634 :host {
2698 align-items: center; 2635 align-items: center;
2699 background: rgb(52, 73, 94); 2636 background: rgb(52, 73, 94);
2700 color: white; 2637 color: white;
2701 content-sizing: padding-box; 2638 content-sizing: padding-box;
2702 display: flex; 2639 display: flex;
2703 min-height: 56px; 2640 min-height: 56px;
2704 } 2641 }
2705 2642
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after
2793 } 2730 }
2794 } 2731 }
2795 2732
2796 @media all and (max-width: 1024px) { 2733 @media all and (max-width: 1024px) {
2797 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */ 2734 /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */
2798 #actions { 2735 #actions {
2799 display: none; 2736 display: none;
2800 } 2737 }
2801 } 2738 }
2802 2739
2803 </style> 2740 </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. 2741 /* Copyright 2015 The Chromium Authors. All rights reserved.
2823 * Use of this source code is governed by a BSD-style license that can be 2742 * Use of this source code is governed by a BSD-style license that can be
2824 * found in the LICENSE file. */ 2743 * found in the LICENSE file. */
2825 2744
2826 * { 2745 * {
2827 --downloads-item-width: 622px; 2746 --downloads-item-width: 622px;
2828 } 2747 }
2829 2748
2830 [hidden] { 2749 [hidden] {
2831 display: none !important; 2750 display: none !important;
2832 } 2751 }
2833 2752
2834 paper-button { 2753 paper-button {
2835 font-weight: 500; 2754 font-weight: 500;
2836 margin: 0; 2755 margin: 0;
2837 min-width: auto; 2756 min-width: auto;
2838 } 2757 }
2839 2758
2840 </style> 2759 </style>
2841 <style> 2760 <div id="title">
2761 <h1 i18n-content="title"></h1>
2762 </div>
2763 <div id="actions">
2764 <paper-button class="clear-all" i18n-content="clearAll" on-tap="onClearAll Tap_"></paper-button>
2765 <paper-button i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFo lderTap_"></paper-button>
2766 </div>
2767 <div id="search">
2768 <cr-search-field id="search-input" i18n-values="label:search;clear-label:c learSearch"></cr-search-field>
2769 <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]">
2770 <paper-icon-button icon="more-vert" i18n-values="title:moreActions" clas s="dropdown-trigger"></paper-icon-button>
2771 <paper-menu class="dropdown-content">
2772 <paper-item class="clear-all" i18n-content="clearAll" on-tap="onClearA llTap_"></paper-item>
2773 <paper-item i18n-content="openDownloadsFolder" on-tap="onOpenDownloads FolderTap_"></paper-item>
2774 </paper-menu>
2775 </paper-menu-button>
2776 </div>
2777 </template>
2778
2779
2780 </dom-module>
2781 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
2782 <template><style>
2842 /* Copyright 2015 The Chromium Authors. All rights reserved. 2783 /* Copyright 2015 The Chromium Authors. All rights reserved.
2843 * Use of this source code is governed by a BSD-style license that can be 2784 * Use of this source code is governed by a BSD-style license that can be
2844 * found in the LICENSE file. */ 2785 * found in the LICENSE file. */
2845 2786
2846 :host { 2787 :host {
2847 display: flex; 2788 display: flex;
2848 flex: 1 0; 2789 flex: 1 0;
2849 flex-direction: column; 2790 flex-direction: column;
2850 height: 100%; 2791 height: 100%;
2851 overflow-y: overlay; 2792 overflow-y: overlay;
(...skipping 25 matching lines...) Expand all
2877 } 2818 }
2878 2819
2879 #no-downloads .illustration { 2820 #no-downloads .illustration {
2880 background: -webkit-image-set( 2821 background: -webkit-image-set(
2881 url("chrome://downloads/1x/no_downloads.png") 1x, 2822 url("chrome://downloads/1x/no_downloads.png") 1x,
2882 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center; 2823 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center;
2883 height: 144px; /* Matches natural image height. */ 2824 height: 144px; /* Matches natural image height. */
2884 margin-bottom: 32px; 2825 margin-bottom: 32px;
2885 } 2826 }
2886 2827
2828 </style><style>
2829 /* Copyright 2015 The Chromium Authors. All rights reserved.
2830 * Use of this source code is governed by a BSD-style license that can be
2831 * found in the LICENSE file. */
2832
2833 * {
2834 --downloads-item-width: 622px;
2835 }
2836
2837 [hidden] {
2838 display: none !important;
2839 }
2840
2841 paper-button {
2842 font-weight: 500;
2843 margin: 0;
2844 min-width: auto;
2845 }
2846
2887 </style> 2847 </style>
2848 <downloads-toolbar id="toolbar"></downloads-toolbar>
2849 <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]] ">
2850 <template>
2851 <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
2852 </downloads-item>
2853 </template>
2854 </iron-list>
2855 <div id="no-downloads" hidden="[[hasDownloads_]]">
2856 <div>
2857 <div class="illustration"></div>
2858 <span></span>
2859 </div>
2860 </div>
2861 </template>
2862
2863
2888 </dom-module> 2864 </dom-module>
2889 </div> 2865 </div>
2890 <downloads-manager></downloads-manager> 2866 <downloads-manager></downloads-manager>
2891 <command id="clear-all-command" shortcut="Alt-U+0043"></command> 2867 <command id="clear-all-command" shortcut="Alt-U+0043"></command>
2892 <if expr="is_macosx"> 2868 <if expr="is_macosx">
2893 <command id="undo-command" shortcut="Meta-U+005A"></command> 2869 <command id="undo-command" shortcut="Meta-U+005A"></command>
2894 <command id="find-command" shortcut="Meta-U+0046"></command> 2870 <command id="find-command" shortcut="Meta-U+0046"></command>
2895 </if> 2871 </if>
2896 <if expr="not is_macosx"> 2872 <if expr="not is_macosx">
2897 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2873 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2898 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2874 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2899 </if> 2875 </if>
2900 2876
2901 <script src="crisper.js"></script></body></html> 2877 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698