| Index: chrome/browser/resources/md_downloads/vulcanized.html
|
| diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
|
| index d46d8846613de8189a02bdc7a51534bdc78252d6..994982244de21b639e505af43e91f3ebad6a4cda 100644
|
| --- a/chrome/browser/resources/md_downloads/vulcanized.html
|
| +++ b/chrome/browser/resources/md_downloads/vulcanized.html
|
| @@ -14,14 +14,6 @@ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| Code distributed by Google as part of the polymer project is also
|
| subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| ---><!--
|
| -@license
|
| -Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| -This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| -The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| -The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| -Code distributed by Google as part of the polymer project is also
|
| -subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| -->
|
| <meta charset="utf-8">
|
| <title i18n-content="title"></title>
|
| @@ -41,9 +33,47 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| margin: 0;
|
| }
|
| </style>
|
| -<script src="chrome://resources/js/polymer_config.js"></script>
|
| -<script src="chrome://resources/js/load_time_data.js"></script>
|
| +</head>
|
| +<body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_time_data.js"></script>
|
| <script src="chrome://downloads/strings.js"></script>
|
| +<dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/">
|
| + <template>
|
| + <style>
|
| + :host {
|
| + display: block;
|
| + position: relative;
|
| + }
|
| +
|
| + @media only screen and (-webkit-max-device-pixel-ratio: 1) {
|
| + :host {
|
| + will-change: transform;
|
| + }
|
| + }
|
| +
|
| + #items {
|
| + @apply(--iron-list-items-container);
|
| + position: relative;
|
| + }
|
| +
|
| + #items > ::content > * {
|
| + width: 100%;
|
| + box-sizing: border-box;
|
| + position: absolute;
|
| + top: 0;
|
| + will-change: transform;
|
| + }
|
| + </style>
|
| +
|
| + <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">
|
| + </array-selector>
|
| +
|
| + <div id="items">
|
| + <content></content>
|
| + </div>
|
| +
|
| + </template>
|
| +</dom-module>
|
| +
|
| <style>
|
| /* IE 10 support for HTML5 hidden attr */
|
| [hidden] {
|
| @@ -348,721 +378,26 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| </style>
|
|
|
|
|
| +<dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/">
|
|
|
| + <style>
|
| + :host {
|
| + @apply(--layout-inline);
|
| + @apply(--layout-center-center);
|
| + position: relative;
|
|
|
| -<style is="custom-style">
|
| -
|
| - :root {
|
| -
|
| - --shadow-transition: {
|
| - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
| - };
|
| -
|
| - --shadow-none: {
|
| - box-shadow: none;
|
| - };
|
| -
|
| - /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
|
| -
|
| - --shadow-elevation-2dp: {
|
| - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
| - 0 1px 5px 0 rgba(0, 0, 0, 0.12),
|
| - 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
| - };
|
| -
|
| - --shadow-elevation-3dp: {
|
| - box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
|
| - 0 1px 8px 0 rgba(0, 0, 0, 0.12),
|
| - 0 3px 3px -2px rgba(0, 0, 0, 0.4);
|
| - };
|
| -
|
| - --shadow-elevation-4dp: {
|
| - box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
| - 0 1px 10px 0 rgba(0, 0, 0, 0.12),
|
| - 0 2px 4px -1px rgba(0, 0, 0, 0.4);
|
| - };
|
| -
|
| - --shadow-elevation-6dp: {
|
| - box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
|
| - 0 1px 18px 0 rgba(0, 0, 0, 0.12),
|
| - 0 3px 5px -1px rgba(0, 0, 0, 0.4);
|
| - };
|
| -
|
| - --shadow-elevation-8dp: {
|
| - box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
| - 0 3px 14px 2px rgba(0, 0, 0, 0.12),
|
| - 0 5px 5px -3px rgba(0, 0, 0, 0.4);
|
| - };
|
| -
|
| - --shadow-elevation-12dp: {
|
| - box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
|
| - 0 4px 22px 3px rgba(0, 0, 0, 0.12),
|
| - 0 6px 7px -4px rgba(0, 0, 0, 0.4);
|
| - };
|
| -
|
| - --shadow-elevation-16dp: {
|
| - box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
|
| - 0 6px 30px 5px rgba(0, 0, 0, 0.12),
|
| - 0 8px 10px -5px rgba(0, 0, 0, 0.4);
|
| - };
|
| -
|
| - }
|
| -
|
| -</style>
|
| -
|
| -
|
| -
|
| -
|
| -<style is="custom-style">
|
| -
|
| - :root {
|
| -
|
| - /* Material Design color palette for Google products */
|
| -
|
| - --google-red-100: #f4c7c3;
|
| - --google-red-300: #e67c73;
|
| - --google-red-500: #db4437;
|
| - --google-red-700: #c53929;
|
| -
|
| - --google-blue-100: #c6dafc;
|
| - --google-blue-300: #7baaf7;
|
| - --google-blue-500: #4285f4;
|
| - --google-blue-700: #3367d6;
|
| + vertical-align: middle;
|
|
|
| - --google-green-100: #b7e1cd;
|
| - --google-green-300: #57bb8a;
|
| - --google-green-500: #0f9d58;
|
| - --google-green-700: #0b8043;
|
| + fill: var(--iron-icon-fill-color, currentcolor);
|
| + stroke: var(--iron-icon-stroke-color, none);
|
|
|
| - --google-yellow-100: #fce8b2;
|
| - --google-yellow-300: #f7cb4d;
|
| - --google-yellow-500: #f4b400;
|
| - --google-yellow-700: #f09300;
|
| + width: var(--iron-icon-width, 24px);
|
| + height: var(--iron-icon-height, 24px);
|
| + }
|
| + </style>
|
|
|
| - --google-grey-100: #f5f5f5;
|
| - --google-grey-300: #e0e0e0;
|
| - --google-grey-500: #9e9e9e;
|
| - --google-grey-700: #616161;
|
| -
|
| - /* Material Design color palette from online spec document */
|
| -
|
| - --paper-red-50: #ffebee;
|
| - --paper-red-100: #ffcdd2;
|
| - --paper-red-200: #ef9a9a;
|
| - --paper-red-300: #e57373;
|
| - --paper-red-400: #ef5350;
|
| - --paper-red-500: #f44336;
|
| - --paper-red-600: #e53935;
|
| - --paper-red-700: #d32f2f;
|
| - --paper-red-800: #c62828;
|
| - --paper-red-900: #b71c1c;
|
| - --paper-red-a100: #ff8a80;
|
| - --paper-red-a200: #ff5252;
|
| - --paper-red-a400: #ff1744;
|
| - --paper-red-a700: #d50000;
|
| -
|
| - --paper-pink-50: #fce4ec;
|
| - --paper-pink-100: #f8bbd0;
|
| - --paper-pink-200: #f48fb1;
|
| - --paper-pink-300: #f06292;
|
| - --paper-pink-400: #ec407a;
|
| - --paper-pink-500: #e91e63;
|
| - --paper-pink-600: #d81b60;
|
| - --paper-pink-700: #c2185b;
|
| - --paper-pink-800: #ad1457;
|
| - --paper-pink-900: #880e4f;
|
| - --paper-pink-a100: #ff80ab;
|
| - --paper-pink-a200: #ff4081;
|
| - --paper-pink-a400: #f50057;
|
| - --paper-pink-a700: #c51162;
|
| -
|
| - --paper-purple-50: #f3e5f5;
|
| - --paper-purple-100: #e1bee7;
|
| - --paper-purple-200: #ce93d8;
|
| - --paper-purple-300: #ba68c8;
|
| - --paper-purple-400: #ab47bc;
|
| - --paper-purple-500: #9c27b0;
|
| - --paper-purple-600: #8e24aa;
|
| - --paper-purple-700: #7b1fa2;
|
| - --paper-purple-800: #6a1b9a;
|
| - --paper-purple-900: #4a148c;
|
| - --paper-purple-a100: #ea80fc;
|
| - --paper-purple-a200: #e040fb;
|
| - --paper-purple-a400: #d500f9;
|
| - --paper-purple-a700: #aa00ff;
|
| -
|
| - --paper-deep-purple-50: #ede7f6;
|
| - --paper-deep-purple-100: #d1c4e9;
|
| - --paper-deep-purple-200: #b39ddb;
|
| - --paper-deep-purple-300: #9575cd;
|
| - --paper-deep-purple-400: #7e57c2;
|
| - --paper-deep-purple-500: #673ab7;
|
| - --paper-deep-purple-600: #5e35b1;
|
| - --paper-deep-purple-700: #512da8;
|
| - --paper-deep-purple-800: #4527a0;
|
| - --paper-deep-purple-900: #311b92;
|
| - --paper-deep-purple-a100: #b388ff;
|
| - --paper-deep-purple-a200: #7c4dff;
|
| - --paper-deep-purple-a400: #651fff;
|
| - --paper-deep-purple-a700: #6200ea;
|
| -
|
| - --paper-indigo-50: #e8eaf6;
|
| - --paper-indigo-100: #c5cae9;
|
| - --paper-indigo-200: #9fa8da;
|
| - --paper-indigo-300: #7986cb;
|
| - --paper-indigo-400: #5c6bc0;
|
| - --paper-indigo-500: #3f51b5;
|
| - --paper-indigo-600: #3949ab;
|
| - --paper-indigo-700: #303f9f;
|
| - --paper-indigo-800: #283593;
|
| - --paper-indigo-900: #1a237e;
|
| - --paper-indigo-a100: #8c9eff;
|
| - --paper-indigo-a200: #536dfe;
|
| - --paper-indigo-a400: #3d5afe;
|
| - --paper-indigo-a700: #304ffe;
|
| -
|
| - --paper-blue-50: #e3f2fd;
|
| - --paper-blue-100: #bbdefb;
|
| - --paper-blue-200: #90caf9;
|
| - --paper-blue-300: #64b5f6;
|
| - --paper-blue-400: #42a5f5;
|
| - --paper-blue-500: #2196f3;
|
| - --paper-blue-600: #1e88e5;
|
| - --paper-blue-700: #1976d2;
|
| - --paper-blue-800: #1565c0;
|
| - --paper-blue-900: #0d47a1;
|
| - --paper-blue-a100: #82b1ff;
|
| - --paper-blue-a200: #448aff;
|
| - --paper-blue-a400: #2979ff;
|
| - --paper-blue-a700: #2962ff;
|
| -
|
| - --paper-light-blue-50: #e1f5fe;
|
| - --paper-light-blue-100: #b3e5fc;
|
| - --paper-light-blue-200: #81d4fa;
|
| - --paper-light-blue-300: #4fc3f7;
|
| - --paper-light-blue-400: #29b6f6;
|
| - --paper-light-blue-500: #03a9f4;
|
| - --paper-light-blue-600: #039be5;
|
| - --paper-light-blue-700: #0288d1;
|
| - --paper-light-blue-800: #0277bd;
|
| - --paper-light-blue-900: #01579b;
|
| - --paper-light-blue-a100: #80d8ff;
|
| - --paper-light-blue-a200: #40c4ff;
|
| - --paper-light-blue-a400: #00b0ff;
|
| - --paper-light-blue-a700: #0091ea;
|
| -
|
| - --paper-cyan-50: #e0f7fa;
|
| - --paper-cyan-100: #b2ebf2;
|
| - --paper-cyan-200: #80deea;
|
| - --paper-cyan-300: #4dd0e1;
|
| - --paper-cyan-400: #26c6da;
|
| - --paper-cyan-500: #00bcd4;
|
| - --paper-cyan-600: #00acc1;
|
| - --paper-cyan-700: #0097a7;
|
| - --paper-cyan-800: #00838f;
|
| - --paper-cyan-900: #006064;
|
| - --paper-cyan-a100: #84ffff;
|
| - --paper-cyan-a200: #18ffff;
|
| - --paper-cyan-a400: #00e5ff;
|
| - --paper-cyan-a700: #00b8d4;
|
| -
|
| - --paper-teal-50: #e0f2f1;
|
| - --paper-teal-100: #b2dfdb;
|
| - --paper-teal-200: #80cbc4;
|
| - --paper-teal-300: #4db6ac;
|
| - --paper-teal-400: #26a69a;
|
| - --paper-teal-500: #009688;
|
| - --paper-teal-600: #00897b;
|
| - --paper-teal-700: #00796b;
|
| - --paper-teal-800: #00695c;
|
| - --paper-teal-900: #004d40;
|
| - --paper-teal-a100: #a7ffeb;
|
| - --paper-teal-a200: #64ffda;
|
| - --paper-teal-a400: #1de9b6;
|
| - --paper-teal-a700: #00bfa5;
|
| -
|
| - --paper-green-50: #e8f5e9;
|
| - --paper-green-100: #c8e6c9;
|
| - --paper-green-200: #a5d6a7;
|
| - --paper-green-300: #81c784;
|
| - --paper-green-400: #66bb6a;
|
| - --paper-green-500: #4caf50;
|
| - --paper-green-600: #43a047;
|
| - --paper-green-700: #388e3c;
|
| - --paper-green-800: #2e7d32;
|
| - --paper-green-900: #1b5e20;
|
| - --paper-green-a100: #b9f6ca;
|
| - --paper-green-a200: #69f0ae;
|
| - --paper-green-a400: #00e676;
|
| - --paper-green-a700: #00c853;
|
| -
|
| - --paper-light-green-50: #f1f8e9;
|
| - --paper-light-green-100: #dcedc8;
|
| - --paper-light-green-200: #c5e1a5;
|
| - --paper-light-green-300: #aed581;
|
| - --paper-light-green-400: #9ccc65;
|
| - --paper-light-green-500: #8bc34a;
|
| - --paper-light-green-600: #7cb342;
|
| - --paper-light-green-700: #689f38;
|
| - --paper-light-green-800: #558b2f;
|
| - --paper-light-green-900: #33691e;
|
| - --paper-light-green-a100: #ccff90;
|
| - --paper-light-green-a200: #b2ff59;
|
| - --paper-light-green-a400: #76ff03;
|
| - --paper-light-green-a700: #64dd17;
|
| -
|
| - --paper-lime-50: #f9fbe7;
|
| - --paper-lime-100: #f0f4c3;
|
| - --paper-lime-200: #e6ee9c;
|
| - --paper-lime-300: #dce775;
|
| - --paper-lime-400: #d4e157;
|
| - --paper-lime-500: #cddc39;
|
| - --paper-lime-600: #c0ca33;
|
| - --paper-lime-700: #afb42b;
|
| - --paper-lime-800: #9e9d24;
|
| - --paper-lime-900: #827717;
|
| - --paper-lime-a100: #f4ff81;
|
| - --paper-lime-a200: #eeff41;
|
| - --paper-lime-a400: #c6ff00;
|
| - --paper-lime-a700: #aeea00;
|
| -
|
| - --paper-yellow-50: #fffde7;
|
| - --paper-yellow-100: #fff9c4;
|
| - --paper-yellow-200: #fff59d;
|
| - --paper-yellow-300: #fff176;
|
| - --paper-yellow-400: #ffee58;
|
| - --paper-yellow-500: #ffeb3b;
|
| - --paper-yellow-600: #fdd835;
|
| - --paper-yellow-700: #fbc02d;
|
| - --paper-yellow-800: #f9a825;
|
| - --paper-yellow-900: #f57f17;
|
| - --paper-yellow-a100: #ffff8d;
|
| - --paper-yellow-a200: #ffff00;
|
| - --paper-yellow-a400: #ffea00;
|
| - --paper-yellow-a700: #ffd600;
|
| -
|
| - --paper-amber-50: #fff8e1;
|
| - --paper-amber-100: #ffecb3;
|
| - --paper-amber-200: #ffe082;
|
| - --paper-amber-300: #ffd54f;
|
| - --paper-amber-400: #ffca28;
|
| - --paper-amber-500: #ffc107;
|
| - --paper-amber-600: #ffb300;
|
| - --paper-amber-700: #ffa000;
|
| - --paper-amber-800: #ff8f00;
|
| - --paper-amber-900: #ff6f00;
|
| - --paper-amber-a100: #ffe57f;
|
| - --paper-amber-a200: #ffd740;
|
| - --paper-amber-a400: #ffc400;
|
| - --paper-amber-a700: #ffab00;
|
| -
|
| - --paper-orange-50: #fff3e0;
|
| - --paper-orange-100: #ffe0b2;
|
| - --paper-orange-200: #ffcc80;
|
| - --paper-orange-300: #ffb74d;
|
| - --paper-orange-400: #ffa726;
|
| - --paper-orange-500: #ff9800;
|
| - --paper-orange-600: #fb8c00;
|
| - --paper-orange-700: #f57c00;
|
| - --paper-orange-800: #ef6c00;
|
| - --paper-orange-900: #e65100;
|
| - --paper-orange-a100: #ffd180;
|
| - --paper-orange-a200: #ffab40;
|
| - --paper-orange-a400: #ff9100;
|
| - --paper-orange-a700: #ff6500;
|
| -
|
| - --paper-deep-orange-50: #fbe9e7;
|
| - --paper-deep-orange-100: #ffccbc;
|
| - --paper-deep-orange-200: #ffab91;
|
| - --paper-deep-orange-300: #ff8a65;
|
| - --paper-deep-orange-400: #ff7043;
|
| - --paper-deep-orange-500: #ff5722;
|
| - --paper-deep-orange-600: #f4511e;
|
| - --paper-deep-orange-700: #e64a19;
|
| - --paper-deep-orange-800: #d84315;
|
| - --paper-deep-orange-900: #bf360c;
|
| - --paper-deep-orange-a100: #ff9e80;
|
| - --paper-deep-orange-a200: #ff6e40;
|
| - --paper-deep-orange-a400: #ff3d00;
|
| - --paper-deep-orange-a700: #dd2c00;
|
| -
|
| - --paper-brown-50: #efebe9;
|
| - --paper-brown-100: #d7ccc8;
|
| - --paper-brown-200: #bcaaa4;
|
| - --paper-brown-300: #a1887f;
|
| - --paper-brown-400: #8d6e63;
|
| - --paper-brown-500: #795548;
|
| - --paper-brown-600: #6d4c41;
|
| - --paper-brown-700: #5d4037;
|
| - --paper-brown-800: #4e342e;
|
| - --paper-brown-900: #3e2723;
|
| -
|
| - --paper-grey-50: #fafafa;
|
| - --paper-grey-100: #f5f5f5;
|
| - --paper-grey-200: #eeeeee;
|
| - --paper-grey-300: #e0e0e0;
|
| - --paper-grey-400: #bdbdbd;
|
| - --paper-grey-500: #9e9e9e;
|
| - --paper-grey-600: #757575;
|
| - --paper-grey-700: #616161;
|
| - --paper-grey-800: #424242;
|
| - --paper-grey-900: #212121;
|
| -
|
| - --paper-blue-grey-50: #eceff1;
|
| - --paper-blue-grey-100: #cfd8dc;
|
| - --paper-blue-grey-200: #b0bec5;
|
| - --paper-blue-grey-300: #90a4ae;
|
| - --paper-blue-grey-400: #78909c;
|
| - --paper-blue-grey-500: #607d8b;
|
| - --paper-blue-grey-600: #546e7a;
|
| - --paper-blue-grey-700: #455a64;
|
| - --paper-blue-grey-800: #37474f;
|
| - --paper-blue-grey-900: #263238;
|
| -
|
| - /* opacity for dark text on a light background */
|
| - --dark-divider-opacity: 0.12;
|
| - --dark-disabled-opacity: 0.38; /* or hint text or icon */
|
| - --dark-secondary-opacity: 0.54;
|
| - --dark-primary-opacity: 0.87;
|
| -
|
| - /* opacity for light text on a dark background */
|
| - --light-divider-opacity: 0.12;
|
| - --light-disabled-opacity: 0.3; /* or hint text or icon */
|
| - --light-secondary-opacity: 0.7;
|
| - --light-primary-opacity: 1.0;
|
| -
|
| - }
|
| -
|
| -</style>
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -<style is="custom-style">
|
| -
|
| - :root {
|
| - /*
|
| - * You can use these generic variables in your elements for easy theming.
|
| - * For example, if all your elements use `--primary-text-color` as its main
|
| - * color, then switching from a light to a dark theme is just a matter of
|
| - * changing the value of `--primary-text-color` in your application.
|
| - */
|
| - --primary-text-color: var(--light-theme-text-color);
|
| - --primary-background-color: var(--light-theme-background-color);
|
| - --secondary-text-color: var(--light-theme-secondary-color);
|
| - --disabled-text-color: var(--light-theme-disabled-color);
|
| - --divider-color: var(--light-theme-divider-color);
|
| - --error-color: var(--paper-deep-orange-a700);
|
| -
|
| - /*
|
| - * Primary and accent colors. Also see color.html for more colors.
|
| - */
|
| - --primary-color: var(--paper-indigo-500);
|
| - --light-primary-color: var(--paper-indigo-100);
|
| - --dark-primary-color: var(--paper-indigo-700);
|
| -
|
| - --accent-color: var(--paper-pink-a200);
|
| - --light-accent-color: var(--paper-pink-a100);
|
| - --dark-accent-color: var(--paper-pink-a400);
|
| -
|
| -
|
| - /*
|
| - * Material Design Light background theme
|
| - */
|
| - --light-theme-background-color: #ffffff;
|
| - --light-theme-base-color: #000000;
|
| - --light-theme-text-color: var(--paper-grey-900);
|
| - --light-theme-secondary-color: #737373; /* for secondary text and icons */
|
| - --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
|
| - --light-theme-divider-color: #dbdbdb;
|
| -
|
| - /*
|
| - * Material Design Dark background theme
|
| - */
|
| - --dark-theme-background-color: var(--paper-grey-900);
|
| - --dark-theme-base-color: #ffffff;
|
| - --dark-theme-text-color: #ffffff;
|
| - --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
|
| - --dark-theme-disabled-color: #646464; /* disabled/hint text */
|
| - --dark-theme-divider-color: #3c3c3c;
|
| -
|
| - /*
|
| - * Deprecated values because of their confusing names.
|
| - */
|
| - --text-primary-color: var(--dark-theme-text-color);
|
| - --default-primary-color: var(--primary-color);
|
| -
|
| - }
|
| -
|
| -</style>
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -<script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-next-lite.min.js"></script>
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -
|
| -<style>
|
| -/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| - * Use of this source code is governed by a BSD-style license that can be
|
| - * found in the LICENSE file. */
|
| -
|
| -@font-face {
|
| - font-family: 'Roboto';
|
| - font-style: normal;
|
| - font-weight: 300;
|
| - src: local('Roboto Light'), local('Roboto-Light'),
|
| - url("chrome://resources/roboto/roboto-light.woff2") format('woff2');
|
| -}
|
| -
|
| -@font-face {
|
| - font-family: 'Roboto';
|
| - font-style: normal;
|
| - font-weight: 400;
|
| - src: local('Roboto'), local('Roboto-Regular'),
|
| - url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
|
| -}
|
| -
|
| -@font-face {
|
| - font-family: 'Roboto';
|
| - font-style: normal;
|
| - font-weight: 500;
|
| - src: local('Roboto Medium'), local('Roboto-Medium'),
|
| - url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
|
| -}
|
| -
|
| -</style>
|
| -<style is="custom-style">
|
| -
|
| - :root {
|
| -
|
| - /* Shared Styles */
|
| - --paper-font-common-base: {
|
| - font-family: 'Roboto', 'Noto', sans-serif;
|
| - -webkit-font-smoothing: antialiased;
|
| - };
|
| -
|
| - --paper-font-common-code: {
|
| - font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
|
| - -webkit-font-smoothing: antialiased;
|
| - };
|
| -
|
| - --paper-font-common-expensive-kerning: {
|
| - text-rendering: optimizeLegibility;
|
| - };
|
| -
|
| - --paper-font-common-nowrap: {
|
| - white-space: nowrap;
|
| - overflow: hidden;
|
| - text-overflow: ellipsis;
|
| - };
|
| -
|
| - /* Material Font Styles */
|
| -
|
| - --paper-font-display4: {
|
| - @apply(--paper-font-common-base);
|
| - @apply(--paper-font-common-nowrap);
|
| -
|
| - font-size: 112px;
|
| - font-weight: 300;
|
| - letter-spacing: -.044em;
|
| - line-height: 120px;
|
| - };
|
| -
|
| - --paper-font-display3: {
|
| - @apply(--paper-font-common-base);
|
| - @apply(--paper-font-common-nowrap);
|
| -
|
| - font-size: 56px;
|
| - font-weight: 400;
|
| - letter-spacing: -.026em;
|
| - line-height: 60px;
|
| - };
|
| -
|
| - --paper-font-display2: {
|
| - @apply(--paper-font-common-base);
|
| -
|
| - font-size: 45px;
|
| - font-weight: 400;
|
| - letter-spacing: -.018em;
|
| - line-height: 48px;
|
| - };
|
| -
|
| - --paper-font-display1: {
|
| - @apply(--paper-font-common-base);
|
| -
|
| - font-size: 34px;
|
| - font-weight: 400;
|
| - letter-spacing: -.01em;
|
| - line-height: 40px;
|
| - };
|
| -
|
| - --paper-font-headline: {
|
| - @apply(--paper-font-common-base);
|
| -
|
| - font-size: 24px;
|
| - font-weight: 400;
|
| - letter-spacing: -.012em;
|
| - line-height: 32px;
|
| - };
|
| -
|
| - --paper-font-title: {
|
| - @apply(--paper-font-common-base);
|
| - @apply(--paper-font-common-nowrap);
|
| -
|
| - font-size: 20px;
|
| - font-weight: 500;
|
| - line-height: 28px;
|
| - };
|
| -
|
| - --paper-font-subhead: {
|
| - @apply(--paper-font-common-base);
|
| -
|
| - font-size: 16px;
|
| - font-weight: 400;
|
| - line-height: 24px;
|
| - };
|
| -
|
| - --paper-font-body2: {
|
| - @apply(--paper-font-common-base);
|
| -
|
| - font-size: 14px;
|
| - font-weight: 500;
|
| - line-height: 24px;
|
| - };
|
| -
|
| - --paper-font-body1: {
|
| - @apply(--paper-font-common-base);
|
| -
|
| - font-size: 14px;
|
| - font-weight: 400;
|
| - line-height: 20px;
|
| - };
|
| -
|
| - --paper-font-caption: {
|
| - @apply(--paper-font-common-base);
|
| - @apply(--paper-font-common-nowrap);
|
| -
|
| - font-size: 12px;
|
| - font-weight: 400;
|
| - letter-spacing: 0.011em;
|
| - line-height: 20px;
|
| - };
|
| -
|
| - --paper-font-menu: {
|
| - @apply(--paper-font-common-base);
|
| - @apply(--paper-font-common-nowrap);
|
| -
|
| - font-size: 13px;
|
| - font-weight: 500;
|
| - line-height: 24px;
|
| - };
|
| -
|
| - --paper-font-button: {
|
| - @apply(--paper-font-common-base);
|
| - @apply(--paper-font-common-nowrap);
|
| -
|
| - font-size: 14px;
|
| - font-weight: 500;
|
| - letter-spacing: 0.018em;
|
| - line-height: 24px;
|
| - text-transform: uppercase;
|
| - };
|
| -
|
| - --paper-font-code2: {
|
| - @apply(--paper-font-common-code);
|
| -
|
| - font-size: 14px;
|
| - font-weight: 700;
|
| - line-height: 20px;
|
| - };
|
| -
|
| - --paper-font-code1: {
|
| - @apply(--paper-font-common-code);
|
| -
|
| - font-size: 14px;
|
| - font-weight: 500;
|
| - line-height: 20px;
|
| - };
|
| -
|
| - }
|
| -
|
| -</style>
|
| -
|
| -
|
| -</head>
|
| -<body><div hidden="" by-vulcanize=""><script src="chrome://resources/polymer/v1_0/polymer/polymer-micro-extracted.js"></script><script src="chrome://resources/polymer/v1_0/polymer/polymer-mini-extracted.js"></script><script src="chrome://resources/polymer/v1_0/polymer/polymer-extracted.js"></script><dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/">
|
| - <template>
|
| - <style>
|
| - :host {
|
| - display: block;
|
| - position: relative;
|
| - }
|
| -
|
| - @media only screen and (-webkit-max-device-pixel-ratio: 1) {
|
| - :host {
|
| - will-change: transform;
|
| - }
|
| - }
|
| -
|
| - #items {
|
| - @apply(--iron-list-items-container);
|
| - position: relative;
|
| - }
|
| -
|
| - #items > ::content > * {
|
| - width: 100%;
|
| - box-sizing: border-box;
|
| - position: absolute;
|
| - top: 0;
|
| - will-change: transform;
|
| - }
|
| - </style>
|
| -
|
| - <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">
|
| - </array-selector>
|
| -
|
| - <div id="items">
|
| - <content></content>
|
| - </div>
|
| -
|
| - </template>
|
| -</dom-module>
|
| -
|
| -<dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/">
|
| -
|
| - <style>
|
| - :host {
|
| - @apply(--layout-inline);
|
| - @apply(--layout-center-center);
|
| - position: relative;
|
| -
|
| - vertical-align: middle;
|
| -
|
| - fill: var(--iron-icon-fill-color, currentcolor);
|
| - stroke: var(--iron-icon-stroke-color, none);
|
| -
|
| - width: var(--iron-icon-width, 24px);
|
| - height: var(--iron-icon-height, 24px);
|
| - }
|
| - </style>
|
| -
|
| - <template>
|
| - </template>
|
| + <template>
|
| + </template>
|
|
|
| </dom-module>
|
| <iron-iconset-svg name="icons" size="24">
|
| @@ -1444,6 +779,65 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| <div id="waves"></div>
|
| </template>
|
| </dom-module>
|
| +<style is="custom-style">
|
| +
|
| + :root {
|
| +
|
| + --shadow-transition: {
|
| + transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
| + };
|
| +
|
| + --shadow-none: {
|
| + box-shadow: none;
|
| + };
|
| +
|
| + /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */
|
| +
|
| + --shadow-elevation-2dp: {
|
| + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
| + 0 1px 5px 0 rgba(0, 0, 0, 0.12),
|
| + 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
| + };
|
| +
|
| + --shadow-elevation-3dp: {
|
| + box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
|
| + 0 1px 8px 0 rgba(0, 0, 0, 0.12),
|
| + 0 3px 3px -2px rgba(0, 0, 0, 0.4);
|
| + };
|
| +
|
| + --shadow-elevation-4dp: {
|
| + box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
|
| + 0 1px 10px 0 rgba(0, 0, 0, 0.12),
|
| + 0 2px 4px -1px rgba(0, 0, 0, 0.4);
|
| + };
|
| +
|
| + --shadow-elevation-6dp: {
|
| + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
|
| + 0 1px 18px 0 rgba(0, 0, 0, 0.12),
|
| + 0 3px 5px -1px rgba(0, 0, 0, 0.4);
|
| + };
|
| +
|
| + --shadow-elevation-8dp: {
|
| + box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
|
| + 0 3px 14px 2px rgba(0, 0, 0, 0.12),
|
| + 0 5px 5px -3px rgba(0, 0, 0, 0.4);
|
| + };
|
| +
|
| + --shadow-elevation-12dp: {
|
| + box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
|
| + 0 4px 22px 3px rgba(0, 0, 0, 0.12),
|
| + 0 6px 7px -4px rgba(0, 0, 0, 0.4);
|
| + };
|
| +
|
| + --shadow-elevation-16dp: {
|
| + box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
|
| + 0 6px 30px 5px rgba(0, 0, 0, 0.12),
|
| + 0 8px 10px -5px rgba(0, 0, 0, 0.4);
|
| + };
|
| +
|
| + }
|
| +
|
| +</style>
|
| <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-material/">
|
| <template>
|
| <style>
|
| @@ -1474,6 +868,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| </style>
|
| </template>
|
| </dom-module>
|
| +
|
| +
|
| <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper-material/">
|
| <template>
|
| <style include="paper-material-shared-styles"></style>
|
| @@ -1489,60 +885,383 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-button/">
|
| <template strip-whitespace="">
|
|
|
| - <style include="paper-material">
|
| - :host {
|
| - display: inline-block;
|
| - position: relative;
|
| - box-sizing: border-box;
|
| - min-width: 5.14em;
|
| - margin: 0 0.29em;
|
| - background: transparent;
|
| - text-align: center;
|
| - font: inherit;
|
| - text-transform: uppercase;
|
| - outline-width: 0;
|
| - border-radius: 3px;
|
| - -moz-user-select: none;
|
| - -ms-user-select: none;
|
| - -webkit-user-select: none;
|
| - user-select: none;
|
| - cursor: pointer;
|
| - z-index: 0;
|
| - padding: 0.7em 0.57em;
|
| + <style include="paper-material">
|
| + :host {
|
| + display: inline-block;
|
| + position: relative;
|
| + box-sizing: border-box;
|
| + min-width: 5.14em;
|
| + margin: 0 0.29em;
|
| + background: transparent;
|
| + text-align: center;
|
| + font: inherit;
|
| + text-transform: uppercase;
|
| + outline-width: 0;
|
| + border-radius: 3px;
|
| + -moz-user-select: none;
|
| + -ms-user-select: none;
|
| + -webkit-user-select: none;
|
| + user-select: none;
|
| + cursor: pointer;
|
| + z-index: 0;
|
| + padding: 0.7em 0.57em;
|
| +
|
| + @apply(--paper-button);
|
| + }
|
| +
|
| + :host([raised].keyboard-focus) {
|
| + font-weight: bold;
|
| + @apply(--paper-button-raised-keyboard-focus);
|
| + }
|
| +
|
| + :host(:not([raised]).keyboard-focus) {
|
| + font-weight: bold;
|
| + @apply(--paper-button-flat-keyboard-focus);
|
| + }
|
| +
|
| + :host([disabled]) {
|
| + background: #eaeaea;
|
| + color: #a8a8a8;
|
| + cursor: auto;
|
| + pointer-events: none;
|
| +
|
| + @apply(--paper-button-disabled);
|
| + }
|
| +
|
| + paper-ripple {
|
| + color: var(--paper-button-ink-color);
|
| + }
|
| +
|
| + :host > ::content * {
|
| + text-transform: inherit;
|
| + }
|
| + </style>
|
| + <content></content>
|
| + </template>
|
| +</dom-module>
|
| +
|
| +<style is="custom-style">
|
| +
|
| + :root {
|
| +
|
| + /* Material Design color palette for Google products */
|
| +
|
| + --google-red-100: #f4c7c3;
|
| + --google-red-300: #e67c73;
|
| + --google-red-500: #db4437;
|
| + --google-red-700: #c53929;
|
| +
|
| + --google-blue-100: #c6dafc;
|
| + --google-blue-300: #7baaf7;
|
| + --google-blue-500: #4285f4;
|
| + --google-blue-700: #3367d6;
|
| +
|
| + --google-green-100: #b7e1cd;
|
| + --google-green-300: #57bb8a;
|
| + --google-green-500: #0f9d58;
|
| + --google-green-700: #0b8043;
|
|
|
| - @apply(--paper-button);
|
| - }
|
| + --google-yellow-100: #fce8b2;
|
| + --google-yellow-300: #f7cb4d;
|
| + --google-yellow-500: #f4b400;
|
| + --google-yellow-700: #f09300;
|
|
|
| - :host([raised].keyboard-focus) {
|
| - font-weight: bold;
|
| - @apply(--paper-button-raised-keyboard-focus);
|
| - }
|
| + --google-grey-100: #f5f5f5;
|
| + --google-grey-300: #e0e0e0;
|
| + --google-grey-500: #9e9e9e;
|
| + --google-grey-700: #616161;
|
| +
|
| + /* Material Design color palette from online spec document */
|
| +
|
| + --paper-red-50: #ffebee;
|
| + --paper-red-100: #ffcdd2;
|
| + --paper-red-200: #ef9a9a;
|
| + --paper-red-300: #e57373;
|
| + --paper-red-400: #ef5350;
|
| + --paper-red-500: #f44336;
|
| + --paper-red-600: #e53935;
|
| + --paper-red-700: #d32f2f;
|
| + --paper-red-800: #c62828;
|
| + --paper-red-900: #b71c1c;
|
| + --paper-red-a100: #ff8a80;
|
| + --paper-red-a200: #ff5252;
|
| + --paper-red-a400: #ff1744;
|
| + --paper-red-a700: #d50000;
|
| +
|
| + --paper-pink-50: #fce4ec;
|
| + --paper-pink-100: #f8bbd0;
|
| + --paper-pink-200: #f48fb1;
|
| + --paper-pink-300: #f06292;
|
| + --paper-pink-400: #ec407a;
|
| + --paper-pink-500: #e91e63;
|
| + --paper-pink-600: #d81b60;
|
| + --paper-pink-700: #c2185b;
|
| + --paper-pink-800: #ad1457;
|
| + --paper-pink-900: #880e4f;
|
| + --paper-pink-a100: #ff80ab;
|
| + --paper-pink-a200: #ff4081;
|
| + --paper-pink-a400: #f50057;
|
| + --paper-pink-a700: #c51162;
|
| +
|
| + --paper-purple-50: #f3e5f5;
|
| + --paper-purple-100: #e1bee7;
|
| + --paper-purple-200: #ce93d8;
|
| + --paper-purple-300: #ba68c8;
|
| + --paper-purple-400: #ab47bc;
|
| + --paper-purple-500: #9c27b0;
|
| + --paper-purple-600: #8e24aa;
|
| + --paper-purple-700: #7b1fa2;
|
| + --paper-purple-800: #6a1b9a;
|
| + --paper-purple-900: #4a148c;
|
| + --paper-purple-a100: #ea80fc;
|
| + --paper-purple-a200: #e040fb;
|
| + --paper-purple-a400: #d500f9;
|
| + --paper-purple-a700: #aa00ff;
|
| +
|
| + --paper-deep-purple-50: #ede7f6;
|
| + --paper-deep-purple-100: #d1c4e9;
|
| + --paper-deep-purple-200: #b39ddb;
|
| + --paper-deep-purple-300: #9575cd;
|
| + --paper-deep-purple-400: #7e57c2;
|
| + --paper-deep-purple-500: #673ab7;
|
| + --paper-deep-purple-600: #5e35b1;
|
| + --paper-deep-purple-700: #512da8;
|
| + --paper-deep-purple-800: #4527a0;
|
| + --paper-deep-purple-900: #311b92;
|
| + --paper-deep-purple-a100: #b388ff;
|
| + --paper-deep-purple-a200: #7c4dff;
|
| + --paper-deep-purple-a400: #651fff;
|
| + --paper-deep-purple-a700: #6200ea;
|
| +
|
| + --paper-indigo-50: #e8eaf6;
|
| + --paper-indigo-100: #c5cae9;
|
| + --paper-indigo-200: #9fa8da;
|
| + --paper-indigo-300: #7986cb;
|
| + --paper-indigo-400: #5c6bc0;
|
| + --paper-indigo-500: #3f51b5;
|
| + --paper-indigo-600: #3949ab;
|
| + --paper-indigo-700: #303f9f;
|
| + --paper-indigo-800: #283593;
|
| + --paper-indigo-900: #1a237e;
|
| + --paper-indigo-a100: #8c9eff;
|
| + --paper-indigo-a200: #536dfe;
|
| + --paper-indigo-a400: #3d5afe;
|
| + --paper-indigo-a700: #304ffe;
|
| +
|
| + --paper-blue-50: #e3f2fd;
|
| + --paper-blue-100: #bbdefb;
|
| + --paper-blue-200: #90caf9;
|
| + --paper-blue-300: #64b5f6;
|
| + --paper-blue-400: #42a5f5;
|
| + --paper-blue-500: #2196f3;
|
| + --paper-blue-600: #1e88e5;
|
| + --paper-blue-700: #1976d2;
|
| + --paper-blue-800: #1565c0;
|
| + --paper-blue-900: #0d47a1;
|
| + --paper-blue-a100: #82b1ff;
|
| + --paper-blue-a200: #448aff;
|
| + --paper-blue-a400: #2979ff;
|
| + --paper-blue-a700: #2962ff;
|
| +
|
| + --paper-light-blue-50: #e1f5fe;
|
| + --paper-light-blue-100: #b3e5fc;
|
| + --paper-light-blue-200: #81d4fa;
|
| + --paper-light-blue-300: #4fc3f7;
|
| + --paper-light-blue-400: #29b6f6;
|
| + --paper-light-blue-500: #03a9f4;
|
| + --paper-light-blue-600: #039be5;
|
| + --paper-light-blue-700: #0288d1;
|
| + --paper-light-blue-800: #0277bd;
|
| + --paper-light-blue-900: #01579b;
|
| + --paper-light-blue-a100: #80d8ff;
|
| + --paper-light-blue-a200: #40c4ff;
|
| + --paper-light-blue-a400: #00b0ff;
|
| + --paper-light-blue-a700: #0091ea;
|
| +
|
| + --paper-cyan-50: #e0f7fa;
|
| + --paper-cyan-100: #b2ebf2;
|
| + --paper-cyan-200: #80deea;
|
| + --paper-cyan-300: #4dd0e1;
|
| + --paper-cyan-400: #26c6da;
|
| + --paper-cyan-500: #00bcd4;
|
| + --paper-cyan-600: #00acc1;
|
| + --paper-cyan-700: #0097a7;
|
| + --paper-cyan-800: #00838f;
|
| + --paper-cyan-900: #006064;
|
| + --paper-cyan-a100: #84ffff;
|
| + --paper-cyan-a200: #18ffff;
|
| + --paper-cyan-a400: #00e5ff;
|
| + --paper-cyan-a700: #00b8d4;
|
| +
|
| + --paper-teal-50: #e0f2f1;
|
| + --paper-teal-100: #b2dfdb;
|
| + --paper-teal-200: #80cbc4;
|
| + --paper-teal-300: #4db6ac;
|
| + --paper-teal-400: #26a69a;
|
| + --paper-teal-500: #009688;
|
| + --paper-teal-600: #00897b;
|
| + --paper-teal-700: #00796b;
|
| + --paper-teal-800: #00695c;
|
| + --paper-teal-900: #004d40;
|
| + --paper-teal-a100: #a7ffeb;
|
| + --paper-teal-a200: #64ffda;
|
| + --paper-teal-a400: #1de9b6;
|
| + --paper-teal-a700: #00bfa5;
|
| +
|
| + --paper-green-50: #e8f5e9;
|
| + --paper-green-100: #c8e6c9;
|
| + --paper-green-200: #a5d6a7;
|
| + --paper-green-300: #81c784;
|
| + --paper-green-400: #66bb6a;
|
| + --paper-green-500: #4caf50;
|
| + --paper-green-600: #43a047;
|
| + --paper-green-700: #388e3c;
|
| + --paper-green-800: #2e7d32;
|
| + --paper-green-900: #1b5e20;
|
| + --paper-green-a100: #b9f6ca;
|
| + --paper-green-a200: #69f0ae;
|
| + --paper-green-a400: #00e676;
|
| + --paper-green-a700: #00c853;
|
| +
|
| + --paper-light-green-50: #f1f8e9;
|
| + --paper-light-green-100: #dcedc8;
|
| + --paper-light-green-200: #c5e1a5;
|
| + --paper-light-green-300: #aed581;
|
| + --paper-light-green-400: #9ccc65;
|
| + --paper-light-green-500: #8bc34a;
|
| + --paper-light-green-600: #7cb342;
|
| + --paper-light-green-700: #689f38;
|
| + --paper-light-green-800: #558b2f;
|
| + --paper-light-green-900: #33691e;
|
| + --paper-light-green-a100: #ccff90;
|
| + --paper-light-green-a200: #b2ff59;
|
| + --paper-light-green-a400: #76ff03;
|
| + --paper-light-green-a700: #64dd17;
|
| +
|
| + --paper-lime-50: #f9fbe7;
|
| + --paper-lime-100: #f0f4c3;
|
| + --paper-lime-200: #e6ee9c;
|
| + --paper-lime-300: #dce775;
|
| + --paper-lime-400: #d4e157;
|
| + --paper-lime-500: #cddc39;
|
| + --paper-lime-600: #c0ca33;
|
| + --paper-lime-700: #afb42b;
|
| + --paper-lime-800: #9e9d24;
|
| + --paper-lime-900: #827717;
|
| + --paper-lime-a100: #f4ff81;
|
| + --paper-lime-a200: #eeff41;
|
| + --paper-lime-a400: #c6ff00;
|
| + --paper-lime-a700: #aeea00;
|
| +
|
| + --paper-yellow-50: #fffde7;
|
| + --paper-yellow-100: #fff9c4;
|
| + --paper-yellow-200: #fff59d;
|
| + --paper-yellow-300: #fff176;
|
| + --paper-yellow-400: #ffee58;
|
| + --paper-yellow-500: #ffeb3b;
|
| + --paper-yellow-600: #fdd835;
|
| + --paper-yellow-700: #fbc02d;
|
| + --paper-yellow-800: #f9a825;
|
| + --paper-yellow-900: #f57f17;
|
| + --paper-yellow-a100: #ffff8d;
|
| + --paper-yellow-a200: #ffff00;
|
| + --paper-yellow-a400: #ffea00;
|
| + --paper-yellow-a700: #ffd600;
|
| +
|
| + --paper-amber-50: #fff8e1;
|
| + --paper-amber-100: #ffecb3;
|
| + --paper-amber-200: #ffe082;
|
| + --paper-amber-300: #ffd54f;
|
| + --paper-amber-400: #ffca28;
|
| + --paper-amber-500: #ffc107;
|
| + --paper-amber-600: #ffb300;
|
| + --paper-amber-700: #ffa000;
|
| + --paper-amber-800: #ff8f00;
|
| + --paper-amber-900: #ff6f00;
|
| + --paper-amber-a100: #ffe57f;
|
| + --paper-amber-a200: #ffd740;
|
| + --paper-amber-a400: #ffc400;
|
| + --paper-amber-a700: #ffab00;
|
| +
|
| + --paper-orange-50: #fff3e0;
|
| + --paper-orange-100: #ffe0b2;
|
| + --paper-orange-200: #ffcc80;
|
| + --paper-orange-300: #ffb74d;
|
| + --paper-orange-400: #ffa726;
|
| + --paper-orange-500: #ff9800;
|
| + --paper-orange-600: #fb8c00;
|
| + --paper-orange-700: #f57c00;
|
| + --paper-orange-800: #ef6c00;
|
| + --paper-orange-900: #e65100;
|
| + --paper-orange-a100: #ffd180;
|
| + --paper-orange-a200: #ffab40;
|
| + --paper-orange-a400: #ff9100;
|
| + --paper-orange-a700: #ff6500;
|
| +
|
| + --paper-deep-orange-50: #fbe9e7;
|
| + --paper-deep-orange-100: #ffccbc;
|
| + --paper-deep-orange-200: #ffab91;
|
| + --paper-deep-orange-300: #ff8a65;
|
| + --paper-deep-orange-400: #ff7043;
|
| + --paper-deep-orange-500: #ff5722;
|
| + --paper-deep-orange-600: #f4511e;
|
| + --paper-deep-orange-700: #e64a19;
|
| + --paper-deep-orange-800: #d84315;
|
| + --paper-deep-orange-900: #bf360c;
|
| + --paper-deep-orange-a100: #ff9e80;
|
| + --paper-deep-orange-a200: #ff6e40;
|
| + --paper-deep-orange-a400: #ff3d00;
|
| + --paper-deep-orange-a700: #dd2c00;
|
| +
|
| + --paper-brown-50: #efebe9;
|
| + --paper-brown-100: #d7ccc8;
|
| + --paper-brown-200: #bcaaa4;
|
| + --paper-brown-300: #a1887f;
|
| + --paper-brown-400: #8d6e63;
|
| + --paper-brown-500: #795548;
|
| + --paper-brown-600: #6d4c41;
|
| + --paper-brown-700: #5d4037;
|
| + --paper-brown-800: #4e342e;
|
| + --paper-brown-900: #3e2723;
|
| +
|
| + --paper-grey-50: #fafafa;
|
| + --paper-grey-100: #f5f5f5;
|
| + --paper-grey-200: #eeeeee;
|
| + --paper-grey-300: #e0e0e0;
|
| + --paper-grey-400: #bdbdbd;
|
| + --paper-grey-500: #9e9e9e;
|
| + --paper-grey-600: #757575;
|
| + --paper-grey-700: #616161;
|
| + --paper-grey-800: #424242;
|
| + --paper-grey-900: #212121;
|
| +
|
| + --paper-blue-grey-50: #eceff1;
|
| + --paper-blue-grey-100: #cfd8dc;
|
| + --paper-blue-grey-200: #b0bec5;
|
| + --paper-blue-grey-300: #90a4ae;
|
| + --paper-blue-grey-400: #78909c;
|
| + --paper-blue-grey-500: #607d8b;
|
| + --paper-blue-grey-600: #546e7a;
|
| + --paper-blue-grey-700: #455a64;
|
| + --paper-blue-grey-800: #37474f;
|
| + --paper-blue-grey-900: #263238;
|
|
|
| - :host(:not([raised]).keyboard-focus) {
|
| - font-weight: bold;
|
| - @apply(--paper-button-flat-keyboard-focus);
|
| - }
|
| + /* opacity for dark text on a light background */
|
| + --dark-divider-opacity: 0.12;
|
| + --dark-disabled-opacity: 0.38; /* or hint text or icon */
|
| + --dark-secondary-opacity: 0.54;
|
| + --dark-primary-opacity: 0.87;
|
|
|
| - :host([disabled]) {
|
| - background: #eaeaea;
|
| - color: #a8a8a8;
|
| - cursor: auto;
|
| - pointer-events: none;
|
| + /* opacity for light text on a dark background */
|
| + --light-divider-opacity: 0.12;
|
| + --light-disabled-opacity: 0.3; /* or hint text or icon */
|
| + --light-secondary-opacity: 0.7;
|
| + --light-primary-opacity: 1.0;
|
|
|
| - @apply(--paper-button-disabled);
|
| - }
|
| + }
|
|
|
| - paper-ripple {
|
| - color: var(--paper-button-ink-color);
|
| - }
|
| +</style>
|
|
|
| - :host > ::content * {
|
| - text-transform: inherit;
|
| - }
|
| - </style>
|
| - <content></content>
|
| - </template>
|
| -</dom-module>
|
|
|
| <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper-progress/">
|
| <template>
|
| @@ -1652,194 +1371,78 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
| }
|
| }
|
|
|
| - @-webkit-keyframes indeterminate-splitter {
|
| - 0% {
|
| - -webkit-transform: scaleX(.75) translateX(-125%);
|
| - }
|
| - 30% {
|
| - -webkit-transform: scaleX(.75) translateX(-125%);
|
| - -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
|
| - }
|
| - 90% {
|
| - -webkit-transform: scaleX(.75) translateX(125%);
|
| - }
|
| - 100% {
|
| - -webkit-transform: scaleX(.75) translateX(125%);
|
| - }
|
| - }
|
| -
|
| - @keyframes indeterminate-bar {
|
| - 0% {
|
| - transform: scaleX(1) translateX(-100%);
|
| - }
|
| - 50% {
|
| - transform: scaleX(1) translateX(0%);
|
| - }
|
| - 75% {
|
| - transform: scaleX(1) translateX(0%);
|
| - animation-timing-function: cubic-bezier(.28,.62,.37,.91);
|
| - }
|
| - 100% {
|
| - transform: scaleX(0) translateX(0%);
|
| - }
|
| - }
|
| -
|
| - @keyframes indeterminate-splitter {
|
| - 0% {
|
| - transform: scaleX(.75) translateX(-125%);
|
| - }
|
| - 30% {
|
| - transform: scaleX(.75) translateX(-125%);
|
| - animation-timing-function: cubic-bezier(.42,0,.6,.8);
|
| - }
|
| - 90% {
|
| - transform: scaleX(.75) translateX(125%);
|
| - }
|
| - 100% {
|
| - transform: scaleX(.75) translateX(125%);
|
| - }
|
| - }
|
| - </style>
|
| -
|
| - <div id="progressContainer">
|
| - <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRatio)]]"></div>
|
| - <div id="primaryProgress"></div>
|
| - </div>
|
| - </template>
|
| -</dom-module>
|
| -
|
| -<dom-module id="inky-text-button" assetpath="chrome://downloads/">
|
| - <template><content></content></template>
|
| - <style>
|
| - :host {
|
| - -webkit-user-select: none;
|
| - cursor: pointer;
|
| - display: inline-block;
|
| - outline: none;
|
| - position: relative;
|
| - text-align: center;
|
| - }
|
| - </style>
|
| -</dom-module>
|
| -
|
| -<dom-module id="downloads-item" assetpath="chrome://downloads/">
|
| - <template>
|
| - <h3 id="date">[[computeDate_(data.hideDate, data.since_string, data.date_string)]]</h3>
|
| -
|
| - <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActive_, isDangerous_, showProgress_)]]">
|
| - <div id="file-icon-wrapper" class="icon-wrapper">
|
| - <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
|
| - <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, data.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon>
|
| - </div>
|
| -
|
| - <div id="details">
|
| - <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>
|
| - <span id="tag">[[computeTag_(data.state, data.last_reason_text, data.file_externally_removed)]]</span>
|
| - </div>
|
| -
|
| - <a id="url" target="_blank" href="[[data.url]]">[[data.url]]</a>
|
| -
|
| - <div id="description">[[computeDescription_(data.state, data.danger_type, data.file_name, data.progress_status_text)]]</div>
|
| -
|
| - <template is="dom-if" if="[[showProgress_]]">
|
| - <paper-progress id="progress" indeterminate="[[isIndeterminate_(data.percent)]]" value="[[data.percent]]"></paper-progress>
|
| - </template>
|
| -
|
| - <div id="safe" class="controls" hidden="[[isDangerous_]]">
|
| - <a is="action-link" id="show" i18n-content="controlShowInFolder" on-tap="onShowTap_" hidden="[[!completelyOnDisk_]]"></a>
|
| - <template is="dom-if" if="[[data.retry]]">
|
| - <paper-button id="retry" on-tap="onRetryTap_">[[i18n_.retry]]</paper-button>
|
| - </template>
|
| - <template is="dom-if" if="[[isInProgress_]]">
|
| - <paper-button id="pause" on-tap="onPauseTap_">[[i18n_.pause]]</paper-button>
|
| - </template>
|
| - <template is="dom-if" if="[[data.resume]]">
|
| - <paper-button id="resume" on-tap="onResumeTap_">[[i18n_.resume]]</paper-button>
|
| - </template>
|
| - <template is="dom-if" if="[[showCancel_]]">
|
| - <paper-button id="cancel" on-tap="onCancelTap_">[[i18n_.cancel]]</paper-button>
|
| - </template>
|
| - <span id="controlled-by"></span>
|
| - </div>
|
| -
|
| - <template is="dom-if" if="[[isDangerous_]]">
|
| - <div id="dangerous" class="controls">
|
| -
|
| - <template is="dom-if" if="[[!isMalware_]]">
|
| - <paper-button id="discard" on-tap="onDiscardDangerousTap_" class="discard">[[i18n_.discard]]</paper-button>
|
| - <paper-button id="save" on-tap="onSaveDangerousTap_" class="keep">[[i18n_.save]]</paper-button>
|
| - </template>
|
| -
|
| -
|
| - <template is="dom-if" if="[[isMalware_]]">
|
| - <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" class="discard">[[i18n_.remove]]</paper-button>
|
| - <paper-button id="restore" on-tap="onSaveDangerousTap_" class="keep">[[i18n_.restore]]</paper-button>
|
| - </template>
|
| - </div>
|
| - </template>
|
| - </div>
|
| -
|
| - <div id="remove-wrapper" class="icon-wrapper">
|
| - <inky-text-button id="remove" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_">✕</inky-text-button>
|
| - </div>
|
| -
|
| - <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"></div>
|
| - </div>
|
| -
|
| - </template>
|
| - <style>
|
| -/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| - * Use of this source code is governed by a BSD-style license that can be
|
| - * found in the LICENSE file. */
|
| -
|
| -[is='action-link'] {
|
| - cursor: pointer;
|
| - display: inline-block;
|
| - text-decoration: none;
|
| -}
|
| -
|
| -[is='action-link']:hover {
|
| - text-decoration: underline;
|
| -}
|
| -
|
| -[is='action-link']:active {
|
| - color: rgb(5, 37, 119);
|
| - text-decoration: underline;
|
| -}
|
| -
|
| -[is='action-link'][disabled] {
|
| - color: #999;
|
| - cursor: default;
|
| - pointer-events: none;
|
| - text-decoration: none;
|
| -}
|
| -
|
| -[is='action-link'].no-outline {
|
| - outline: none;
|
| -}
|
| -
|
| -</style>
|
| - <style>
|
| -/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| - * Use of this source code is governed by a BSD-style license that can be
|
| - * found in the LICENSE file. */
|
| + @-webkit-keyframes indeterminate-splitter {
|
| + 0% {
|
| + -webkit-transform: scaleX(.75) translateX(-125%);
|
| + }
|
| + 30% {
|
| + -webkit-transform: scaleX(.75) translateX(-125%);
|
| + -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);
|
| + }
|
| + 90% {
|
| + -webkit-transform: scaleX(.75) translateX(125%);
|
| + }
|
| + 100% {
|
| + -webkit-transform: scaleX(.75) translateX(125%);
|
| + }
|
| + }
|
|
|
| -* {
|
| - --downloads-item-width: 622px;
|
| -}
|
| + @keyframes indeterminate-bar {
|
| + 0% {
|
| + transform: scaleX(1) translateX(-100%);
|
| + }
|
| + 50% {
|
| + transform: scaleX(1) translateX(0%);
|
| + }
|
| + 75% {
|
| + transform: scaleX(1) translateX(0%);
|
| + animation-timing-function: cubic-bezier(.28,.62,.37,.91);
|
| + }
|
| + 100% {
|
| + transform: scaleX(0) translateX(0%);
|
| + }
|
| + }
|
|
|
| -[hidden] {
|
| - display: none !important;
|
| -}
|
| + @keyframes indeterminate-splitter {
|
| + 0% {
|
| + transform: scaleX(.75) translateX(-125%);
|
| + }
|
| + 30% {
|
| + transform: scaleX(.75) translateX(-125%);
|
| + animation-timing-function: cubic-bezier(.42,0,.6,.8);
|
| + }
|
| + 90% {
|
| + transform: scaleX(.75) translateX(125%);
|
| + }
|
| + 100% {
|
| + transform: scaleX(.75) translateX(125%);
|
| + }
|
| + }
|
| + </style>
|
|
|
| -paper-button {
|
| - font-weight: 500;
|
| - margin: 0;
|
| - min-width: auto;
|
| -}
|
| + <div id="progressContainer">
|
| + <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRatio)]]"></div>
|
| + <div id="primaryProgress"></div>
|
| + </div>
|
| + </template>
|
| +</dom-module>
|
|
|
| -</style>
|
| +<dom-module id="inky-text-button" assetpath="chrome://downloads/">
|
| + <template><content></content></template>
|
| <style>
|
| + :host {
|
| + -webkit-user-select: none;
|
| + cursor: pointer;
|
| + display: inline-block;
|
| + outline: none;
|
| + position: relative;
|
| + text-align: center;
|
| + }
|
| + </style>
|
| +</dom-module>
|
| +
|
| +<dom-module id="downloads-item" assetpath="chrome://downloads/">
|
| + <template><style>
|
| /* Copyright 2015 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
| @@ -2045,17 +1648,192 @@ paper-button {
|
| width: 16px;
|
| }
|
|
|
| -#incognito {
|
| - bottom: 20px;
|
| - content: -webkit-image-set(
|
| - url("chrome://downloads/1x/incognito_marker.png") 1x,
|
| - url("chrome://downloads/2x/incognito_marker.png") 2x);
|
| - position: absolute;
|
| - right: 10px;
|
| -}
|
| +#incognito {
|
| + bottom: 20px;
|
| + content: -webkit-image-set(
|
| + url("chrome://downloads/1x/incognito_marker.png") 1x,
|
| + url("chrome://downloads/2x/incognito_marker.png") 2x);
|
| + position: absolute;
|
| + right: 10px;
|
| +}
|
| +
|
| +</style><style>
|
| +/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file. */
|
| +
|
| +* {
|
| + --downloads-item-width: 622px;
|
| +}
|
| +
|
| +[hidden] {
|
| + display: none !important;
|
| +}
|
| +
|
| +paper-button {
|
| + font-weight: 500;
|
| + margin: 0;
|
| + min-width: auto;
|
| +}
|
| +
|
| +</style><style>
|
| +/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file. */
|
| +
|
| +[is='action-link'] {
|
| + cursor: pointer;
|
| + display: inline-block;
|
| + text-decoration: none;
|
| +}
|
| +
|
| +[is='action-link']:hover {
|
| + text-decoration: underline;
|
| +}
|
| +
|
| +[is='action-link']:active {
|
| + color: rgb(5, 37, 119);
|
| + text-decoration: underline;
|
| +}
|
| +
|
| +[is='action-link'][disabled] {
|
| + color: #999;
|
| + cursor: default;
|
| + pointer-events: none;
|
| + text-decoration: none;
|
| +}
|
| +
|
| +[is='action-link'].no-outline {
|
| + outline: none;
|
| +}
|
| +
|
| +</style>
|
| + <h3 id="date">[[computeDate_(data.hideDate, data.since_string, data.date_string)]]</h3>
|
| +
|
| + <div id="content" on-dragstart="onDragStart_" class$="[[computeClass_(isActive_, isDangerous_, showProgress_)]]">
|
| + <div id="file-icon-wrapper" class="icon-wrapper">
|
| + <img class="icon" id="file-icon" alt="" hidden="[[isDangerous_]]">
|
| + <iron-icon id="danger-icon" icon$="[[computeDangerIcon_(isDangerous_, data.danger_type)]]" hidden="[[!isDangerous_]]"></iron-icon>
|
| + </div>
|
| +
|
| + <div id="details">
|
| + <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>
|
| + <span id="tag">[[computeTag_(data.state, data.last_reason_text, data.file_externally_removed)]]</span>
|
| + </div>
|
| +
|
| + <a id="url" target="_blank" href="[[data.url]]">[[data.url]]</a>
|
| +
|
| + <div id="description">[[computeDescription_(data.state, data.danger_type, data.file_name, data.progress_status_text)]]</div>
|
| +
|
| + <template is="dom-if" if="[[showProgress_]]">
|
| + <paper-progress id="progress" indeterminate="[[isIndeterminate_(data.percent)]]" value="[[data.percent]]"></paper-progress>
|
| + </template>
|
| +
|
| + <div id="safe" class="controls" hidden="[[isDangerous_]]">
|
| + <a is="action-link" id="show" i18n-content="controlShowInFolder" on-tap="onShowTap_" hidden="[[!completelyOnDisk_]]"></a>
|
| + <template is="dom-if" if="[[data.retry]]">
|
| + <paper-button id="retry" on-tap="onRetryTap_">[[i18n_.retry]]</paper-button>
|
| + </template>
|
| + <template is="dom-if" if="[[isInProgress_]]">
|
| + <paper-button id="pause" on-tap="onPauseTap_">[[i18n_.pause]]</paper-button>
|
| + </template>
|
| + <template is="dom-if" if="[[data.resume]]">
|
| + <paper-button id="resume" on-tap="onResumeTap_">[[i18n_.resume]]</paper-button>
|
| + </template>
|
| + <template is="dom-if" if="[[showCancel_]]">
|
| + <paper-button id="cancel" on-tap="onCancelTap_">[[i18n_.cancel]]</paper-button>
|
| + </template>
|
| + <span id="controlled-by"></span>
|
| + </div>
|
| +
|
| + <template is="dom-if" if="[[isDangerous_]]">
|
| + <div id="dangerous" class="controls">
|
| +
|
| + <template is="dom-if" if="[[!isMalware_]]">
|
| + <paper-button id="discard" on-tap="onDiscardDangerousTap_" class="discard">[[i18n_.discard]]</paper-button>
|
| + <paper-button id="save" on-tap="onSaveDangerousTap_" class="keep">[[i18n_.save]]</paper-button>
|
| + </template>
|
| +
|
| +
|
| + <template is="dom-if" if="[[isMalware_]]">
|
| + <paper-button id="danger-remove" on-tap="onDiscardDangerousTap_" class="discard">[[i18n_.remove]]</paper-button>
|
| + <paper-button id="restore" on-tap="onSaveDangerousTap_" class="keep">[[i18n_.restore]]</paper-button>
|
| + </template>
|
| + </div>
|
| + </template>
|
| + </div>
|
| +
|
| + <div id="remove-wrapper" class="icon-wrapper">
|
| + <inky-text-button id="remove" i18n-values="title:controlRemoveFromList" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap="onRemoveTap_">✕</inky-text-button>
|
| + </div>
|
| +
|
| + <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"></div>
|
| + </div>
|
| +
|
| + </template>
|
| +
|
| +
|
| +
|
| + </dom-module>
|
| +
|
| +
|
| +<style is="custom-style">
|
| +
|
| + :root {
|
| + /*
|
| + * You can use these generic variables in your elements for easy theming.
|
| + * For example, if all your elements use `--primary-text-color` as its main
|
| + * color, then switching from a light to a dark theme is just a matter of
|
| + * changing the value of `--primary-text-color` in your application.
|
| + */
|
| + --primary-text-color: var(--light-theme-text-color);
|
| + --primary-background-color: var(--light-theme-background-color);
|
| + --secondary-text-color: var(--light-theme-secondary-color);
|
| + --disabled-text-color: var(--light-theme-disabled-color);
|
| + --divider-color: var(--light-theme-divider-color);
|
| + --error-color: var(--paper-deep-orange-a700);
|
| +
|
| + /*
|
| + * Primary and accent colors. Also see color.html for more colors.
|
| + */
|
| + --primary-color: var(--paper-indigo-500);
|
| + --light-primary-color: var(--paper-indigo-100);
|
| + --dark-primary-color: var(--paper-indigo-700);
|
| +
|
| + --accent-color: var(--paper-pink-a200);
|
| + --light-accent-color: var(--paper-pink-a100);
|
| + --dark-accent-color: var(--paper-pink-a400);
|
| +
|
| +
|
| + /*
|
| + * Material Design Light background theme
|
| + */
|
| + --light-theme-background-color: #ffffff;
|
| + --light-theme-base-color: #000000;
|
| + --light-theme-text-color: var(--paper-grey-900);
|
| + --light-theme-secondary-color: #737373; /* for secondary text and icons */
|
| + --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
|
| + --light-theme-divider-color: #dbdbdb;
|
| +
|
| + /*
|
| + * Material Design Dark background theme
|
| + */
|
| + --dark-theme-background-color: var(--paper-grey-900);
|
| + --dark-theme-base-color: #ffffff;
|
| + --dark-theme-text-color: #ffffff;
|
| + --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
|
| + --dark-theme-disabled-color: #646464; /* disabled/hint text */
|
| + --dark-theme-divider-color: #3c3c3c;
|
| +
|
| + /*
|
| + * Deprecated values because of their confusing names.
|
| + */
|
| + --text-primary-color: var(--dark-theme-text-color);
|
| + --default-primary-color: var(--primary-color);
|
| +
|
| + }
|
|
|
| </style>
|
| - </dom-module>
|
| <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-item/">
|
| <template>
|
| <style>
|
| @@ -2102,6 +1880,8 @@ paper-button {
|
| </style>
|
| </template>
|
| </dom-module>
|
| +
|
| +
|
| <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-item/">
|
| <template>
|
| <style include="paper-item-shared-styles"></style>
|
| @@ -2156,6 +1936,8 @@ paper-button {
|
| </style>
|
| </template>
|
| </dom-module>
|
| +
|
| +
|
| <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-menu/">
|
| <template>
|
| <style include="paper-menu-shared-styles"></style>
|
| @@ -2208,6 +1990,9 @@ paper-button {
|
|
|
| </dom-module>
|
|
|
| +<script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-next-lite.min.js"></script>
|
| +
|
| +
|
| <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-dropdown/">
|
| <style>
|
| :host {
|
| @@ -2237,99 +2022,287 @@ paper-button {
|
| padding: 8px;
|
| outline: none;
|
|
|
| - @apply(--paper-menu-button);
|
| - }
|
| + @apply(--paper-menu-button);
|
| + }
|
| +
|
| + :host([disabled]) {
|
| + cursor: auto;
|
| + color: var(--disabled-text-color);
|
| +
|
| + @apply(--paper-menu-button-disabled);
|
| + }
|
| +
|
| + :host([vertical-align="top"]) paper-material {
|
| + margin-bottom: 20px;
|
| + margin-top: -10px;
|
| + top: 10px;
|
| + }
|
| +
|
| + :host([vertical-align="bottom"]) paper-material {
|
| + bottom: 10px;
|
| + margin-bottom: -10px;
|
| + margin-top: 20px;
|
| + }
|
| +
|
| + iron-dropdown {
|
| + @apply(--paper-menu-button-dropdown);
|
| + }
|
| +
|
| + .dropdown-content {
|
| + border-radius: 2px;
|
| + background-color: var(--paper-menu-button-dropdown-background, --primary-background-color);
|
| + @apply(--paper-menu-button-content);
|
| + }
|
| + </style>
|
| + <template>
|
| + <div id="trigger" on-tap="open">
|
| + <content select=".dropdown-trigger"></content>
|
| + </div>
|
| + <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizontalAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]">
|
| + <paper-material class="dropdown-content">
|
| + <content id="content" select=".dropdown-content"></content>
|
| + </paper-material>
|
| + </iron-dropdown>
|
| + </template>
|
| +</dom-module>
|
| +<dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/">
|
| + <template strip-whitespace="">
|
| + <style>
|
| + :host {
|
| + display: inline-block;
|
| + position: relative;
|
| + padding: 8px;
|
| + outline: none;
|
| + -webkit-tap-highlight-color: rgba(0,0,0,0);
|
| + -webkit-user-select: none;
|
| + -moz-user-select: none;
|
| + -ms-user-select: none;
|
| + user-select: none;
|
| + cursor: pointer;
|
| + z-index: 0;
|
| + line-height: 1;
|
| +
|
| + width: 40px;
|
| + height: 40px;
|
| +
|
| + /* Because of polymer/2558, this style has lower specificity than * */
|
| + box-sizing: border-box !important;
|
| + @apply(--paper-icon-button);
|
| + }
|
| +
|
| + :host #ink {
|
| + color: var(--paper-icon-button-ink-color, --primary-text-color);
|
| + opacity: 0.6;
|
| + }
|
| +
|
| + :host([disabled]) {
|
| + color: var(--paper-icon-button-disabled-text, --disabled-text-color);
|
| + pointer-events: none;
|
| + cursor: auto;
|
| + @apply(--paper-icon-button-disabled);
|
| + }
|
| +
|
| + :host(:hover) {
|
| + @apply(--paper-icon-button-hover);
|
| + }
|
| +
|
| + iron-icon {
|
| + --iron-icon-width: 100%;
|
| + --iron-icon-height: 100%;
|
| + }
|
| + </style>
|
| + <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-icon>
|
| + </template>
|
| +
|
| + </dom-module>
|
| +<style>
|
| +/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file. */
|
| +
|
| +@font-face {
|
| + font-family: 'Roboto';
|
| + font-style: normal;
|
| + font-weight: 300;
|
| + src: local('Roboto Light'), local('Roboto-Light'),
|
| + url("chrome://resources/roboto/roboto-light.woff2") format('woff2');
|
| +}
|
| +
|
| +@font-face {
|
| + font-family: 'Roboto';
|
| + font-style: normal;
|
| + font-weight: 400;
|
| + src: local('Roboto'), local('Roboto-Regular'),
|
| + url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
|
| +}
|
| +
|
| +@font-face {
|
| + font-family: 'Roboto';
|
| + font-style: normal;
|
| + font-weight: 500;
|
| + src: local('Roboto Medium'), local('Roboto-Medium'),
|
| + url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
|
| +}
|
| +
|
| +</style>
|
| +<style is="custom-style">
|
| +
|
| + :root {
|
| +
|
| + /* Shared Styles */
|
| + --paper-font-common-base: {
|
| + font-family: 'Roboto', 'Noto', sans-serif;
|
| + -webkit-font-smoothing: antialiased;
|
| + };
|
| +
|
| + --paper-font-common-code: {
|
| + font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;
|
| + -webkit-font-smoothing: antialiased;
|
| + };
|
| +
|
| + --paper-font-common-expensive-kerning: {
|
| + text-rendering: optimizeLegibility;
|
| + };
|
| +
|
| + --paper-font-common-nowrap: {
|
| + white-space: nowrap;
|
| + overflow: hidden;
|
| + text-overflow: ellipsis;
|
| + };
|
| +
|
| + /* Material Font Styles */
|
| +
|
| + --paper-font-display4: {
|
| + @apply(--paper-font-common-base);
|
| + @apply(--paper-font-common-nowrap);
|
| +
|
| + font-size: 112px;
|
| + font-weight: 300;
|
| + letter-spacing: -.044em;
|
| + line-height: 120px;
|
| + };
|
| +
|
| + --paper-font-display3: {
|
| + @apply(--paper-font-common-base);
|
| + @apply(--paper-font-common-nowrap);
|
| +
|
| + font-size: 56px;
|
| + font-weight: 400;
|
| + letter-spacing: -.026em;
|
| + line-height: 60px;
|
| + };
|
| +
|
| + --paper-font-display2: {
|
| + @apply(--paper-font-common-base);
|
| +
|
| + font-size: 45px;
|
| + font-weight: 400;
|
| + letter-spacing: -.018em;
|
| + line-height: 48px;
|
| + };
|
| +
|
| + --paper-font-display1: {
|
| + @apply(--paper-font-common-base);
|
| +
|
| + font-size: 34px;
|
| + font-weight: 400;
|
| + letter-spacing: -.01em;
|
| + line-height: 40px;
|
| + };
|
| +
|
| + --paper-font-headline: {
|
| + @apply(--paper-font-common-base);
|
| +
|
| + font-size: 24px;
|
| + font-weight: 400;
|
| + letter-spacing: -.012em;
|
| + line-height: 32px;
|
| + };
|
| +
|
| + --paper-font-title: {
|
| + @apply(--paper-font-common-base);
|
| + @apply(--paper-font-common-nowrap);
|
| +
|
| + font-size: 20px;
|
| + font-weight: 500;
|
| + line-height: 28px;
|
| + };
|
| +
|
| + --paper-font-subhead: {
|
| + @apply(--paper-font-common-base);
|
| +
|
| + font-size: 16px;
|
| + font-weight: 400;
|
| + line-height: 24px;
|
| + };
|
| +
|
| + --paper-font-body2: {
|
| + @apply(--paper-font-common-base);
|
| +
|
| + font-size: 14px;
|
| + font-weight: 500;
|
| + line-height: 24px;
|
| + };
|
| +
|
| + --paper-font-body1: {
|
| + @apply(--paper-font-common-base);
|
| +
|
| + font-size: 14px;
|
| + font-weight: 400;
|
| + line-height: 20px;
|
| + };
|
| +
|
| + --paper-font-caption: {
|
| + @apply(--paper-font-common-base);
|
| + @apply(--paper-font-common-nowrap);
|
| +
|
| + font-size: 12px;
|
| + font-weight: 400;
|
| + letter-spacing: 0.011em;
|
| + line-height: 20px;
|
| + };
|
|
|
| - :host([disabled]) {
|
| - cursor: auto;
|
| - color: var(--disabled-text-color);
|
| + --paper-font-menu: {
|
| + @apply(--paper-font-common-base);
|
| + @apply(--paper-font-common-nowrap);
|
|
|
| - @apply(--paper-menu-button-disabled);
|
| - }
|
| + font-size: 13px;
|
| + font-weight: 500;
|
| + line-height: 24px;
|
| + };
|
|
|
| - :host([vertical-align="top"]) paper-material {
|
| - margin-bottom: 20px;
|
| - margin-top: -10px;
|
| - top: 10px;
|
| - }
|
| + --paper-font-button: {
|
| + @apply(--paper-font-common-base);
|
| + @apply(--paper-font-common-nowrap);
|
|
|
| - :host([vertical-align="bottom"]) paper-material {
|
| - bottom: 10px;
|
| - margin-bottom: -10px;
|
| - margin-top: 20px;
|
| - }
|
| + font-size: 14px;
|
| + font-weight: 500;
|
| + letter-spacing: 0.018em;
|
| + line-height: 24px;
|
| + text-transform: uppercase;
|
| + };
|
|
|
| - iron-dropdown {
|
| - @apply(--paper-menu-button-dropdown);
|
| - }
|
| + --paper-font-code2: {
|
| + @apply(--paper-font-common-code);
|
|
|
| - .dropdown-content {
|
| - border-radius: 2px;
|
| - background-color: var(--paper-menu-button-dropdown-background, --primary-background-color);
|
| - @apply(--paper-menu-button-content);
|
| - }
|
| - </style>
|
| - <template>
|
| - <div id="trigger" on-tap="open">
|
| - <content select=".dropdown-trigger"></content>
|
| - </div>
|
| - <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizontalAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]">
|
| - <paper-material class="dropdown-content">
|
| - <content id="content" select=".dropdown-content"></content>
|
| - </paper-material>
|
| - </iron-dropdown>
|
| - </template>
|
| -</dom-module>
|
| -<dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/">
|
| - <template strip-whitespace="">
|
| - <style>
|
| - :host {
|
| - display: inline-block;
|
| - position: relative;
|
| - padding: 8px;
|
| - outline: none;
|
| - -webkit-tap-highlight-color: rgba(0,0,0,0);
|
| - -webkit-user-select: none;
|
| - -moz-user-select: none;
|
| - -ms-user-select: none;
|
| - user-select: none;
|
| - cursor: pointer;
|
| - z-index: 0;
|
| - line-height: 1;
|
| -
|
| - width: 40px;
|
| - height: 40px;
|
| + font-size: 14px;
|
| + font-weight: 700;
|
| + line-height: 20px;
|
| + };
|
|
|
| - /* Because of polymer/2558, this style has lower specificity than * */
|
| - box-sizing: border-box !important;
|
| - @apply(--paper-icon-button);
|
| - }
|
| + --paper-font-code1: {
|
| + @apply(--paper-font-common-code);
|
|
|
| - :host #ink {
|
| - color: var(--paper-icon-button-ink-color, --primary-text-color);
|
| - opacity: 0.6;
|
| - }
|
| + font-size: 14px;
|
| + font-weight: 500;
|
| + line-height: 20px;
|
| + };
|
|
|
| - :host([disabled]) {
|
| - color: var(--paper-icon-button-disabled-text, --disabled-text-color);
|
| - pointer-events: none;
|
| - cursor: auto;
|
| - @apply(--paper-icon-button-disabled);
|
| - }
|
| -
|
| - :host(:hover) {
|
| - @apply(--paper-icon-button-hover);
|
| - }
|
| + }
|
| +
|
| +</style>
|
|
|
| - iron-icon {
|
| - --iron-icon-width: 100%;
|
| - --iron-icon-height: 100%;
|
| - }
|
| - </style>
|
| - <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-icon>
|
| - </template>
|
|
|
| - </dom-module>
|
| <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_0/paper-input/">
|
| <template>
|
| <style>
|
| @@ -2565,16 +2538,7 @@ paper-button {
|
| </dom-module>
|
|
|
| <dom-module id="cr-search-field" assetpath="chrome://resources/cr_elements/cr_search_field/">
|
| - <template>
|
| - <paper-icon-button icon="search" id="search-button" disabled$="[[showingSearch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>
|
| - <template is="dom-if" if="[[showingSearch_]]" id="search-container">
|
| - <paper-input-container id="search-term" on-search="onSearchTermSearch_" on-keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float="">
|
| - <input is="iron-input" id="search-input" type="search" placeholder="[[label]]" incremental="">
|
| - <paper-icon-button icon="cancel" id="clear-search" on-click="toggleShowingSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-button>
|
| - </paper-input-container>
|
| - </template>
|
| - </template>
|
| - <style>
|
| + <template><style>
|
| /* Copyright 2015 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
| @@ -2648,48 +2612,18 @@ paper-icon-button {
|
| }
|
|
|
| </style>
|
| + <paper-icon-button icon="search" id="search-button" disabled$="[[showingSearch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>
|
| + <template is="dom-if" if="[[showingSearch_]]" id="search-container">
|
| + <paper-input-container id="search-term" on-search="onSearchTermSearch_" on-keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float="">
|
| + <input is="iron-input" id="search-input" type="search" placeholder="[[label]]" incremental="">
|
| + <paper-icon-button icon="cancel" id="clear-search" on-click="toggleShowingSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-button>
|
| + </paper-input-container>
|
| + </template>
|
| + </template>
|
| +
|
| </dom-module>
|
| <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">
|
| - <template>
|
| - <div id="title">
|
| - <h1 i18n-content="title"></h1>
|
| - </div>
|
| - <div id="actions">
|
| - <paper-button class="clear-all" i18n-content="clearAll" on-tap="onClearAllTap_"></paper-button>
|
| - <paper-button i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFolderTap_"></paper-button>
|
| - </div>
|
| - <div id="search">
|
| - <cr-search-field id="search-input" i18n-values="label:search;clear-label:clearSearch"></cr-search-field>
|
| - <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]">
|
| - <paper-icon-button icon="more-vert" i18n-values="title:moreActions" class="dropdown-trigger"></paper-icon-button>
|
| - <paper-menu class="dropdown-content">
|
| - <paper-item class="clear-all" i18n-content="clearAll" on-tap="onClearAllTap_"></paper-item>
|
| - <paper-item i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFolderTap_"></paper-item>
|
| - </paper-menu>
|
| - </paper-menu-button>
|
| - </div>
|
| - </template>
|
| - <style>
|
| -/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| - * Use of this source code is governed by a BSD-style license that can be
|
| - * found in the LICENSE file. */
|
| -
|
| -* {
|
| - --downloads-item-width: 622px;
|
| -}
|
| -
|
| -[hidden] {
|
| - display: none !important;
|
| -}
|
| -
|
| -paper-button {
|
| - font-weight: 500;
|
| - margin: 0;
|
| - min-width: auto;
|
| -}
|
| -
|
| -</style>
|
| - <style>
|
| + <template><style>
|
| /* Copyright 2015 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
| @@ -2800,25 +2734,7 @@ paper-item:hover {
|
| }
|
| }
|
|
|
| -</style>
|
| - </dom-module>
|
| -<dom-module id="downloads-manager" assetpath="chrome://downloads/">
|
| - <template>
|
| - <downloads-toolbar id="toolbar"></downloads-toolbar>
|
| - <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]">
|
| - <template>
|
| - <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
|
| - </downloads-item>
|
| - </template>
|
| - </iron-list>
|
| - <div id="no-downloads" hidden="[[hasDownloads_]]">
|
| - <div>
|
| - <div class="illustration"></div>
|
| - <span></span>
|
| - </div>
|
| - </div>
|
| - </template>
|
| - <style>
|
| +</style><style>
|
| /* Copyright 2015 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
| @@ -2838,7 +2754,29 @@ paper-button {
|
| }
|
|
|
| </style>
|
| - <style>
|
| + <div id="title">
|
| + <h1 i18n-content="title"></h1>
|
| + </div>
|
| + <div id="actions">
|
| + <paper-button class="clear-all" i18n-content="clearAll" on-tap="onClearAllTap_"></paper-button>
|
| + <paper-button i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFolderTap_"></paper-button>
|
| + </div>
|
| + <div id="search">
|
| + <cr-search-field id="search-input" i18n-values="label:search;clear-label:clearSearch"></cr-search-field>
|
| + <paper-menu-button id="more" horizontal-align="[[overflowAlign_]]">
|
| + <paper-icon-button icon="more-vert" i18n-values="title:moreActions" class="dropdown-trigger"></paper-icon-button>
|
| + <paper-menu class="dropdown-content">
|
| + <paper-item class="clear-all" i18n-content="clearAll" on-tap="onClearAllTap_"></paper-item>
|
| + <paper-item i18n-content="openDownloadsFolder" on-tap="onOpenDownloadsFolderTap_"></paper-item>
|
| + </paper-menu>
|
| + </paper-menu-button>
|
| + </div>
|
| + </template>
|
| +
|
| +
|
| + </dom-module>
|
| +<dom-module id="downloads-manager" assetpath="chrome://downloads/">
|
| + <template><style>
|
| /* Copyright 2015 The Chromium Authors. All rights reserved.
|
| * Use of this source code is governed by a BSD-style license that can be
|
| * found in the LICENSE file. */
|
| @@ -2884,7 +2822,42 @@ paper-button {
|
| margin-bottom: 32px;
|
| }
|
|
|
| +</style><style>
|
| +/* Copyright 2015 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file. */
|
| +
|
| +* {
|
| + --downloads-item-width: 622px;
|
| +}
|
| +
|
| +[hidden] {
|
| + display: none !important;
|
| +}
|
| +
|
| +paper-button {
|
| + font-weight: 500;
|
| + margin: 0;
|
| + min-width: auto;
|
| +}
|
| +
|
| </style>
|
| + <downloads-toolbar id="toolbar"></downloads-toolbar>
|
| + <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]">
|
| + <template>
|
| + <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
|
| + </downloads-item>
|
| + </template>
|
| + </iron-list>
|
| + <div id="no-downloads" hidden="[[hasDownloads_]]">
|
| + <div>
|
| + <div class="illustration"></div>
|
| + <span></span>
|
| + </div>
|
| + </div>
|
| + </template>
|
| +
|
| +
|
| </dom-module>
|
| </div>
|
| <downloads-manager></downloads-manager>
|
| @@ -2897,5 +2870,6 @@ paper-button {
|
| <command id="undo-command" shortcut="Ctrl-U+005A"></command>
|
| <command id="find-command" shortcut="Ctrl-U+0046"></command>
|
| </if>
|
| + <link rel="import" href="chrome://resources/html/polymer.html">
|
|
|
| <script src="crisper.js"></script></body></html>
|
|
|
Chromium Code Reviews
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