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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2649483002: MD Downloads/History: use the Chromium-bundled versions of node and node_modules (Closed)
Patch Set: fix no node on path Created 3 years, 11 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 | « no previous file | chrome/browser/resources/md_history/app.vulcanized.html » ('j') | 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 dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- -
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 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 45 matching lines...) Expand 10 before | Expand all | Expand 10 after
56 display: flex; 56 display: flex;
57 margin: 0; 57 margin: 0;
58 } 58 }
59 59
60 :root { 60 :root {
61 --downloads-card-margin: 24px; 61 --downloads-card-margin: 24px;
62 --downloads-card-width: 640px; 62 --downloads-card-width: 640px;
63 } 63 }
64 </style> 64 </style>
65 </head> 65 </head>
66 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script> 66 <body>
67 <downloads-manager></downloads-manager>
68 <if expr="is_macosx">
69 <command id="clear-all-command" shortcut="Alt|c Alt|ç"></command>
70 <command id="undo-command" shortcut="Meta|z"></command>
71 <command id="find-command" shortcut="Meta|f"></command>
72 </if>
73 <if expr="not is_macosx">
74 <command id="clear-all-command" shortcut="Alt|c"></command>
75 <command id="undo-command" shortcut="Ctrl|z"></command>
76 <command id="find-command" shortcut="Ctrl|f"></command>
77 </if>
78 <div hidden="" by-vulcanize=""></div><link rel="import" href="chrome://resourc es/html/polymer.html">
79 <div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_time_da ta.js"></script>
67 <script src="chrome://downloads/strings.js"></script> 80 <script src="chrome://downloads/strings.js"></script>
68 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow"> 81 </div><div hidden="" by-vulcanize=""><dom-module id="iron-list" assetpath="chrom e://resources/polymer/v1_0/iron-list/" css-build="shadow">
69 <template> 82 <template>
70 <style scope="iron-list">:host { 83 <style scope="iron-list">:host {
71 display: block; 84 display: block;
72 position: relative; 85 position: relative;
73 } 86 }
74 87
75 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 88 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
76 :host { 89 :host {
77 will-change: transform; 90 will-change: transform;
78 } 91 }
(...skipping 27 matching lines...) Expand all
106 </div> 119 </div>
107 120
108 </template> 121 </template>
109 </dom-module> 122 </dom-module>
110 123
111 <style> 124 <style>
112 /* IE 10 support for HTML5 hidden attr */ 125 /* IE 10 support for HTML5 hidden attr */
113 [hidden] { 126 [hidden] {
114 display: none !important; 127 display: none !important;
115 } 128 }
116 </style> 129 </style><style is="custom-style" css-build="shadow">html {
117
118 <style is="custom-style" css-build="shadow">html {
119 --layout_-_display: flex;; 130 --layout_-_display: flex;;
120 131
121 --layout-inline_-_display: inline-flex;; 132 --layout-inline_-_display: inline-flex;;
122 133
123 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal _-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;; 134 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal _-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;
124 135
125 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse _-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire ction: row-reverse;; 136 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse _-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire ction: row-reverse;;
126 137
127 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_- ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;; 138 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_- ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;
128 139
(...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after
226 237
227 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 238 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
228 239
229 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 240 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
230 241
231 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 242 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
232 243
233 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 244 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
234 } 245 }
235 246
236 </style> 247 </style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/ir on-icon/" css-build="shadow">
237
238
239 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
240 <template> 248 <template>
241 <style scope="iron-icon">:host { 249 <style scope="iron-icon">:host {
242 display: var(--layout-inline_-_display); 250 display: var(--layout-inline_-_display);
243 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ; 251 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
244 position: relative; 252 position: relative;
245 253
246 vertical-align: middle; 254 vertical-align: middle;
247 255
248 fill: var(--iron-icon-fill-color, currentcolor); 256 fill: var(--iron-icon-fill-color, currentcolor);
249 stroke: var(--iron-icon-stroke-color, none); 257 stroke: var(--iron-icon-stroke-color, none);
(...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after
343 351
344 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 352 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
345 0 4px 22px 3px rgba(0, 0, 0, 0.12), 353 0 4px 22px 3px rgba(0, 0, 0, 0.12),
346 0 6px 7px -4px rgba(0, 0, 0, 0.4);; 354 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
347 355
348 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 356 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
349 0 6px 30px 5px rgba(0, 0, 0, 0.12), 357 0 6px 30px 5px rgba(0, 0, 0, 0.12),
350 0 8px 10px -5px rgba(0, 0, 0, 0.4);; 358 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
351 } 359 }
352 360
353 </style> 361 </style><dom-module id="paper-material-shared-styles" assetpath="chrome://resour ces/polymer/v1_0/paper-material/" css-build="shadow">
354 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/" css-build="shadow">
355 <template> 362 <template>
356 <style scope="paper-material-shared-styles">:host { 363 <style scope="paper-material-shared-styles">:host {
357 display: block; 364 display: block;
358 position: relative; 365 position: relative;
359 } 366 }
360 367
361 :host([elevation="1"]) { 368 :host([elevation="1"]) {
362 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 369 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
363 } 370 }
364 371
365 :host([elevation="2"]) { 372 :host([elevation="2"]) {
366 box-shadow: var(--shadow-elevation-4dp_-_box-shadow); 373 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
367 } 374 }
368 375
369 :host([elevation="3"]) { 376 :host([elevation="3"]) {
370 box-shadow: var(--shadow-elevation-6dp_-_box-shadow); 377 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
371 } 378 }
372 379
373 :host([elevation="4"]) { 380 :host([elevation="4"]) {
374 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); 381 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
375 } 382 }
376 383
377 :host([elevation="5"]) { 384 :host([elevation="5"]) {
378 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); 385 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
379 } 386 }
380 387
381 </style> 388 </style>
382 </template> 389 </template>
383 </dom-module> 390 </dom-module>
384
385
386 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow"> 391 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
387 <template strip-whitespace=""> 392 <template strip-whitespace="">
388 <style scope="paper-button">:host { 393 <style scope="paper-button">:host {
389 display: block; 394 display: block;
390 position: relative; 395 position: relative;
391 } 396 }
392 397
393 :host([elevation="1"]) { 398 :host([elevation="1"]) {
394 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 399 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
395 } 400 }
(...skipping 420 matching lines...) Expand 10 before | Expand all | Expand 10 after
816 --dark-secondary-opacity: 0.54; 821 --dark-secondary-opacity: 0.54;
817 --dark-primary-opacity: 0.87; 822 --dark-primary-opacity: 0.87;
818 823
819 824
820 --light-divider-opacity: 0.12; 825 --light-divider-opacity: 0.12;
821 --light-disabled-opacity: 0.3; 826 --light-disabled-opacity: 0.3;
822 --light-secondary-opacity: 0.7; 827 --light-secondary-opacity: 0.7;
823 --light-primary-opacity: 1.0; 828 --light-primary-opacity: 1.0;
824 } 829 }
825 830
826 </style> 831 </style><dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1 _0/paper-progress/" css-build="shadow">
827
828
829 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow">
830 <template> 832 <template>
831 <style scope="paper-progress">:host { 833 <style scope="paper-progress">:host {
832 display: block; 834 display: block;
833 width: 200px; 835 width: 200px;
834 position: relative; 836 position: relative;
835 overflow: hidden; 837 overflow: hidden;
836 } 838 }
837 839
838 :host([hidden]) { 840 :host([hidden]) {
839 display: none !important; 841 display: none !important;
840 } 842 }
841 843
842 #progressContainer { 844 #progressContainer {
843 ; 845 ;
844 position: relative; 846 position: relative;
845 } 847 }
846 848
847 #progressContainer, .indeterminate::after { 849 #progressContainer, .indeterminate::after {
848 height: var(--paper-progress-height, 4px); 850 height: var(--paper-progress-height, 4px);
849 } 851 }
850 852
851 #primaryProgress, #secondaryProgress, .indeterminate::after { 853 #primaryProgress, #secondaryProgress, .indeterminate::after {
852 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 854 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
853 } 855 }
854 856
855 #progressContainer, .indeterminate::after { 857 #progressContainer, .indeterminate::after {
856 background: var(--paper-progress-container-color,var(--google-grey-300));; 858 background: var(--paper-progress-container-color,var(--google-grey-300));
857 } 859 }
858 860
859 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress { 861 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress {
860 -webkit-transition-property: -webkit-transform; 862 -webkit-transition-property: -webkit-transform;
861 transition-property: transform; 863 transition-property: transform;
862 864
863 865
864 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s); 866 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);
865 transition-duration: var(--paper-progress-transition-duration, 0.08s); 867 transition-duration: var(--paper-progress-transition-duration, 0.08s);
866 868
867 869
868 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease); 870 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);
869 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease); 871 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);
870 872
871 873
872 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); 874 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
873 transition-delay: var(--paper-progress-transition-delay, 0s); 875 transition-delay: var(--paper-progress-transition-delay, 0s);
874 } 876 }
875 877
876 #primaryProgress, #secondaryProgress { 878 #primaryProgress, #secondaryProgress {
877 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 879 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
878 -webkit-transform-origin: left center; 880 -webkit-transform-origin: left center;
879 transform-origin: left center; 881 transform-origin: left center;
880 -webkit-transform: scaleX(0); 882 -webkit-transform: scaleX(0);
881 transform: scaleX(0); 883 transform: scaleX(0);
882 will-change: transform; 884 will-change: transform;
883 } 885 }
884 886
885 #primaryProgress { 887 #primaryProgress {
886 background: var(--paper-progress-active-color,var(--google-green-500));; 888 background: var(--paper-progress-active-color,var(--google-green-500));
887 } 889 }
888 890
889 #secondaryProgress { 891 #secondaryProgress {
890 background: var(--paper-progress-secondary-color,var(--google-green-100));; 892 background: var(--paper-progress-secondary-color,var(--google-green-100));
891 } 893 }
892 894
893 :host([disabled]) #primaryProgress { 895 :host([disabled]) #primaryProgress {
894 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ;; 896 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ;
895 } 897 }
896 898
897 :host([disabled]) #secondaryProgress { 899 :host([disabled]) #secondaryProgress {
898 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0));; 900 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0));
899 } 901 }
900 902
901 :host(:not([disabled])) #primaryProgress.indeterminate { 903 :host(:not([disabled])) #primaryProgress.indeterminate {
902 -webkit-transform-origin: right center; 904 -webkit-transform-origin: right center;
903 transform-origin: right center; 905 transform-origin: right center;
904 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite; 906 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite;
905 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite; 907 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite;
906 } 908 }
907 909
908 :host(:not([disabled])) #primaryProgress.indeterminate::after { 910 :host(:not([disabled])) #primaryProgress.indeterminate::after {
(...skipping 396 matching lines...) Expand 10 before | Expand all | Expand 10 after
1305 1307
1306 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> 1308 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]">
1307 </div> 1309 </div>
1308 </div> 1310 </div>
1309 1311
1310 </template> 1312 </template>
1311 1313
1312 </dom-module> 1314 </dom-module>
1313 1315
1314 1316
1317
1318
1315 <style is="custom-style" css-build="shadow">html { 1319 <style is="custom-style" css-build="shadow">html {
1316 --primary-text-color: var(--light-theme-text-color); 1320 --primary-text-color: var(--light-theme-text-color);
1317 --primary-background-color: var(--light-theme-background-color); 1321 --primary-background-color: var(--light-theme-background-color);
1318 --secondary-text-color: var(--light-theme-secondary-color); 1322 --secondary-text-color: var(--light-theme-secondary-color);
1319 --disabled-text-color: var(--light-theme-disabled-color); 1323 --disabled-text-color: var(--light-theme-disabled-color);
1320 --divider-color: var(--light-theme-divider-color); 1324 --divider-color: var(--light-theme-divider-color);
1321 --error-color: var(--paper-deep-orange-a700); 1325 --error-color: var(--paper-deep-orange-a700);
1322 1326
1323 1327
1324 --primary-color: var(--paper-indigo-500); 1328 --primary-color: var(--paper-indigo-500);
(...skipping 19 matching lines...) Expand all
1344 --dark-theme-text-color: #ffffff; 1348 --dark-theme-text-color: #ffffff;
1345 --dark-theme-secondary-color: #bcbcbc; 1349 --dark-theme-secondary-color: #bcbcbc;
1346 --dark-theme-disabled-color: #646464; 1350 --dark-theme-disabled-color: #646464;
1347 --dark-theme-divider-color: #3c3c3c; 1351 --dark-theme-divider-color: #3c3c3c;
1348 1352
1349 1353
1350 --text-primary-color: var(--dark-theme-text-color); 1354 --text-primary-color: var(--dark-theme-text-color);
1351 --default-primary-color: var(--primary-color); 1355 --default-primary-color: var(--primary-color);
1352 } 1356 }
1353 1357
1354 </style> 1358 </style><style>
1355 <style>
1356 /* Copyright 2015 The Chromium Authors. All rights reserved. 1359 /* Copyright 2015 The Chromium Authors. All rights reserved.
1357 * Use of this source code is governed by a BSD-style license that can be 1360 * Use of this source code is governed by a BSD-style license that can be
1358 * found in the LICENSE file. */ 1361 * found in the LICENSE file. */
1359 1362
1360 <if expr="not chromeos and not is_android"> 1363 <if expr="not chromeos and not is_android">
1361 @font-face { 1364 @font-face {
1362 font-family: 'Roboto'; 1365 font-family: 'Roboto';
1363 font-style: normal; 1366 font-style: normal;
1364 font-weight: 400; 1367 font-weight: 400;
1365 src: local('Roboto'), local('Roboto-Regular'), 1368 src: local('Roboto'), local('Roboto-Regular'),
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
1417 1420
1418 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;; 1421 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;
1419 1422
1420 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;; 1423 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;;
1421 1424
1422 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;; 1425 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;
1423 1426
1424 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;; 1427 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;
1425 } 1428 }
1426 1429
1427 </style> 1430 </style><dom-module id="paper-item-shared-styles" assetpath="chrome://resources/ polymer/v1_0/paper-item/" css-build="shadow">
1428 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/" css-build="shadow">
1429 <template> 1431 <template>
1430 <style scope="paper-item-shared-styles">:host, .paper-item { 1432 <style scope="paper-item-shared-styles">:host, .paper-item {
1431 display: block; 1433 display: block;
1432 position: relative; 1434 position: relative;
1433 min-height: var(--paper-item-min-height, 48px); 1435 min-height: var(--paper-item-min-height, 48px);
1434 padding: 0px 16px; 1436 padding: 0px 16px;
1435 } 1437 }
1436 1438
1437 .paper-item { 1439 .paper-item {
1438 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height); 1440 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);
1439 border:none; 1441 border:none;
1440 outline: none; 1442 outline: none;
1441 background: white; 1443 background: white;
1442 width: 100%; 1444 width: 100%;
1443 text-align: left; 1445 text-align: left;
1444 } 1446 }
1445 1447
1446 :host([hidden]), .paper-item[hidden] { 1448 :host([hidden]), .paper-item[hidden] {
1447 display: none !important; 1449 display: none !important;
1448 } 1450 }
1449 1451
1450 :host(.iron-selected), .paper-item.iron-selected { 1452 :host(.iron-selected), .paper-item.iron-selected {
1451 font-weight: var(--paper-item-selected-weight, bold); 1453 font-weight: var(--paper-item-selected-weight, bold);
1452 1454
1453 ; 1455 ;
1454 } 1456 }
1455 1457
1456 :host([disabled]), .paper-item[disabled] { 1458 :host([disabled]), .paper-item[disabled] {
1457 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 1459 color: var(--paper-item-disabled-color,var(--disabled-text-color));
1458 1460
1459 ; 1461 ;
1460 } 1462 }
1461 1463
1462 :host(:focus), .paper-item:focus { 1464 :host(:focus), .paper-item:focus {
1463 position: relative; 1465 position: relative;
1464 outline: 0; 1466 outline: 0;
1465 1467
1466 ; 1468 ;
1467 } 1469 }
1468 1470
1469 :host(:focus):before, .paper-item:focus:before { 1471 :host(:focus):before, .paper-item:focus:before {
1470 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 1472 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
1471 1473
1472 background: currentColor; 1474 background: currentColor;
1473 content: ''; 1475 content: '';
1474 opacity: var(--dark-divider-opacity); 1476 opacity: var(--dark-divider-opacity);
1475 pointer-events: none; 1477 pointer-events: none;
1476 1478
1477 ; 1479 ;
1478 } 1480 }
1479 1481
1480 </style> 1482 </style>
1481 </template> 1483 </template>
1482 </dom-module> 1484 </dom-module>
1483
1484
1485 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow"> 1485 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">
1486 <template> 1486 <template>
1487 1487
1488 <style scope="paper-item">:host, .paper-item { 1488 <style scope="paper-item">:host, .paper-item {
1489 display: block; 1489 display: block;
1490 position: relative; 1490 position: relative;
1491 min-height: var(--paper-item-min-height, 48px); 1491 min-height: var(--paper-item-min-height, 48px);
1492 padding: 0px 16px; 1492 padding: 0px 16px;
1493 } 1493 }
1494 1494
(...skipping 10 matching lines...) Expand all
1505 display: none !important; 1505 display: none !important;
1506 } 1506 }
1507 1507
1508 :host(.iron-selected), .paper-item.iron-selected { 1508 :host(.iron-selected), .paper-item.iron-selected {
1509 font-weight: var(--paper-item-selected-weight, bold); 1509 font-weight: var(--paper-item-selected-weight, bold);
1510 1510
1511 ; 1511 ;
1512 } 1512 }
1513 1513
1514 :host([disabled]), .paper-item[disabled] { 1514 :host([disabled]), .paper-item[disabled] {
1515 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 1515 color: var(--paper-item-disabled-color,var(--disabled-text-color));
1516 1516
1517 ; 1517 ;
1518 } 1518 }
1519 1519
1520 :host(:focus), .paper-item:focus { 1520 :host(:focus), .paper-item:focus {
1521 position: relative; 1521 position: relative;
1522 outline: 0; 1522 outline: 0;
1523 1523
1524 ; 1524 ;
1525 } 1525 }
(...skipping 25 matching lines...) Expand all
1551 </dom-module> 1551 </dom-module>
1552 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow"> 1552 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow">
1553 <template> 1553 <template>
1554 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected { 1554 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected {
1555 font-weight: bold; 1555 font-weight: bold;
1556 1556
1557 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); 1557 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
1558 } 1558 }
1559 1559
1560 .selectable-content > ::content > [disabled] { 1560 .selectable-content > ::content > [disabled] {
1561 color: var(--paper-menu-disabled-color,var(--disabled-text-color));; 1561 color: var(--paper-menu-disabled-color,var(--disabled-text-color));
1562 } 1562 }
1563 1563
1564 .selectable-content > ::content > *:focus { 1564 .selectable-content > ::content > *:focus {
1565 position: relative; 1565 position: relative;
1566 outline: 0; 1566 outline: 0;
1567 1567
1568 ; 1568 ;
1569 } 1569 }
1570 1570
1571 .selectable-content > ::content > *:focus:after { 1571 .selectable-content > ::content > *:focus:after {
1572 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 1572 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
1573 background: currentColor; 1573 background: currentColor;
1574 opacity: var(--dark-divider-opacity); 1574 opacity: var(--dark-divider-opacity);
1575 content: ''; 1575 content: '';
1576 pointer-events: none; 1576 pointer-events: none;
1577 1577
1578 ; 1578 ;
1579 } 1579 }
1580 1580
1581 .selectable-content > ::content > *[colored]:focus:after { 1581 .selectable-content > ::content > *[colored]:focus:after {
1582 opacity: 0.26; 1582 opacity: 0.26;
1583 } 1583 }
1584 1584
1585 </style> 1585 </style>
1586 </template> 1586 </template>
1587 </dom-module> 1587 </dom-module>
1588
1589
1590 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/" css-build="shadow"> 1588 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/" css-build="shadow">
1591 <template> 1589 <template>
1592 1590
1593 <style scope="paper-menu">.selectable-content > ::content > .iron-selected { 1591 <style scope="paper-menu">.selectable-content > ::content > .iron-selected {
1594 font-weight: bold; 1592 font-weight: bold;
1595 1593
1596 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); 1594 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
1597 } 1595 }
1598 1596
1599 .selectable-content > ::content > [disabled] { 1597 .selectable-content > ::content > [disabled] {
1600 color: var(--paper-menu-disabled-color,var(--disabled-text-color));; 1598 color: var(--paper-menu-disabled-color,var(--disabled-text-color));
1601 } 1599 }
1602 1600
1603 .selectable-content > ::content > *:focus { 1601 .selectable-content > ::content > *:focus {
1604 position: relative; 1602 position: relative;
1605 outline: 0; 1603 outline: 0;
1606 1604
1607 ; 1605 ;
1608 } 1606 }
1609 1607
1610 .selectable-content > ::content > *:focus:after { 1608 .selectable-content > ::content > *:focus:after {
1611 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left); 1609 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);
1612 background: currentColor; 1610 background: currentColor;
1613 opacity: var(--dark-divider-opacity); 1611 opacity: var(--dark-divider-opacity);
1614 content: ''; 1612 content: '';
1615 pointer-events: none; 1613 pointer-events: none;
1616 1614
1617 ; 1615 ;
1618 } 1616 }
1619 1617
1620 .selectable-content > ::content > *[colored]:focus:after { 1618 .selectable-content > ::content > *[colored]:focus:after {
1621 opacity: 0.26; 1619 opacity: 0.26;
1622 } 1620 }
1623 1621
1624 :host { 1622 :host {
1625 display: block; 1623 display: block;
1626 padding: 8px 0; 1624 padding: 8px 0;
1627 1625
1628 background: var(--paper-menu-background-color,var(--primary-background-c olor));; 1626 background: var(--paper-menu-background-color,var(--primary-background-c olor));
1629 color: var(--paper-menu-color,var(--primary-text-color));; 1627 color: var(--paper-menu-color,var(--primary-text-color));
1630 1628
1631 ; 1629 ;
1632 } 1630 }
1633 1631
1634 </style> 1632 </style>
1635 1633
1636 <div class="selectable-content"> 1634 <div class="selectable-content">
1637 <content></content> 1635 <content></content>
1638 </div> 1636 </div>
1639 </template> 1637 </template>
1640 1638
1641 </dom-module> 1639 </dom-module>
1642 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" css-build="shadow"> 1640 <dom-module id="iron-overlay-backdrop" assetpath="" css-build="shadow">
1643 1641
1644 <template> 1642 <template>
1645 <style scope="iron-overlay-backdrop">:host { 1643 <style scope="iron-overlay-backdrop">:host {
1646 position: fixed; 1644 position: fixed;
1647 top: 0; 1645 top: 0;
1648 left: 0; 1646 left: 0;
1649 width: 100%; 1647 width: 100%;
1650 height: 100%; 1648 height: 100%;
1651 background-color: var(--iron-overlay-backdrop-background-color, #000); 1649 background-color: var(--iron-overlay-backdrop-background-color, #000);
1652 opacity: 0; 1650 opacity: 0;
1653 transition: opacity 0.2s; 1651 transition: opacity 0.2s;
1654 pointer-events: none; 1652 pointer-events: none;
1655 ; 1653 ;
1656 } 1654 }
1657 1655
1658 :host(.opened) { 1656 :host(.opened) {
1659 opacity: var(--iron-overlay-backdrop-opacity, 0.6); 1657 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
1660 pointer-events: auto; 1658 pointer-events: auto;
1661 ; 1659 ;
1662 } 1660 }
1663 1661
1664 </style> 1662 </style>
1665 1663
1666 <content></content> 1664 <content></content>
1667 </template> 1665 </template>
1668 1666
1669 </dom-module> 1667 </dom-module>
1670 1668
1671 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 1669 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1672
1673
1674 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow"> 1670 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
1675 <template> 1671 <template>
1676 <style scope="iron-dropdown">:host { 1672 <style scope="iron-dropdown">:host {
1677 position: fixed; 1673 position: fixed;
1678 } 1674 }
1679 1675
1680 #contentWrapper ::content > * { 1676 #contentWrapper ::content > * {
1681 overflow: auto; 1677 overflow: auto;
1682 } 1678 }
1683 1679
(...skipping 29 matching lines...) Expand all
1713 1709
1714 iron-dropdown { 1710 iron-dropdown {
1715 ; 1711 ;
1716 } 1712 }
1717 1713
1718 .dropdown-content { 1714 .dropdown-content {
1719 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 1715 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
1720 1716
1721 position: relative; 1717 position: relative;
1722 border-radius: 2px; 1718 border-radius: 2px;
1723 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color));; 1719 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color));
1724 1720
1725 ; 1721 ;
1726 } 1722 }
1727 1723
1728 :host([vertical-align="top"]) .dropdown-content { 1724 :host([vertical-align="top"]) .dropdown-content {
1729 margin-bottom: 20px; 1725 margin-bottom: 20px;
1730 margin-top: -10px; 1726 margin-top: -10px;
1731 top: 10px; 1727 top: 10px;
1732 } 1728 }
1733 1729
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
1777 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1773 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1778 -webkit-tap-highlight-color: transparent; 1774 -webkit-tap-highlight-color: transparent;
1779 1775
1780 1776
1781 box-sizing: border-box !important; 1777 box-sizing: border-box !important;
1782 1778
1783 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px); 1779 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px);
1784 } 1780 }
1785 1781
1786 :host #ink { 1782 :host #ink {
1787 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; 1783 color: var(--paper-icon-button-ink-color,var(--primary-text-color));
1788 opacity: 0.6; 1784 opacity: 0.6;
1789 } 1785 }
1790 1786
1791 :host([disabled]) { 1787 :host([disabled]) {
1792 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; 1788 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));
1793 pointer-events: none; 1789 pointer-events: none;
1794 cursor: auto; 1790 cursor: auto;
1795 1791
1796 ; 1792 ;
1797 } 1793 }
1798 1794
1799 :host(:hover) { 1795 :host(:hover) {
1800 ; 1796 ;
1801 } 1797 }
1802 1798
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
1858 } 1854 }
1859 1855
1860 } 1856 }
1861 1857
1862 .spinner-layer { 1858 .spinner-layer {
1863 position: absolute; 1859 position: absolute;
1864 width: 100%; 1860 width: 100%;
1865 height: 100%; 1861 height: 100%;
1866 opacity: 0; 1862 opacity: 0;
1867 white-space: nowrap; 1863 white-space: nowrap;
1868 border-color: var(--paper-spinner-color,var(--google-blue-500));; 1864 border-color: var(--paper-spinner-color,var(--google-blue-500));
1869 } 1865 }
1870 1866
1871 .layer-1 { 1867 .layer-1 {
1872 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 1868 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
1873 } 1869 }
1874 1870
1875 .layer-2 { 1871 .layer-2 {
1876 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 1872 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
1877 } 1873 }
1878 1874
1879 .layer-3 { 1875 .layer-3 {
1880 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 1876 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
1881 } 1877 }
1882 1878
1883 .layer-4 { 1879 .layer-4 {
1884 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 1880 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
1885 } 1881 }
1886 1882
1887 .active .spinner-layer { 1883 .active .spinner-layer {
1888 -webkit-animation-name: fill-unfill-rotate; 1884 -webkit-animation-name: fill-unfill-rotate;
1889 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1885 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1890 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1886 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1891 -webkit-animation-iteration-count: infinite; 1887 -webkit-animation-iteration-count: infinite;
1892 animation-name: fill-unfill-rotate; 1888 animation-name: fill-unfill-rotate;
1893 animation-duration: var(--paper-spinner-full-cycle-duration); 1889 animation-duration: var(--paper-spinner-full-cycle-duration);
1894 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1890 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after
2342 2338
2343 to { 2339 to {
2344 opacity: 0 2340 opacity: 0
2345 } 2341 }
2346 2342
2347 } 2343 }
2348 2344
2349 </style> 2345 </style>
2350 </template> 2346 </template>
2351 </dom-module> 2347 </dom-module>
2352
2353
2354 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 2348 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
2355 <template strip-whitespace=""> 2349 <template strip-whitespace="">
2356 <style scope="paper-spinner-lite">:host { 2350 <style scope="paper-spinner-lite">:host {
2357 display: inline-block; 2351 display: inline-block;
2358 position: relative; 2352 position: relative;
2359 width: 28px; 2353 width: 28px;
2360 height: 28px; 2354 height: 28px;
2361 2355
2362 2356
2363 --paper-spinner-container-rotation-duration: 1568ms; 2357 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
2398 } 2392 }
2399 2393
2400 } 2394 }
2401 2395
2402 .spinner-layer { 2396 .spinner-layer {
2403 position: absolute; 2397 position: absolute;
2404 width: 100%; 2398 width: 100%;
2405 height: 100%; 2399 height: 100%;
2406 opacity: 0; 2400 opacity: 0;
2407 white-space: nowrap; 2401 white-space: nowrap;
2408 border-color: var(--paper-spinner-color,var(--google-blue-500));; 2402 border-color: var(--paper-spinner-color,var(--google-blue-500));
2409 } 2403 }
2410 2404
2411 .layer-1 { 2405 .layer-1 {
2412 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 2406 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
2413 } 2407 }
2414 2408
2415 .layer-2 { 2409 .layer-2 {
2416 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 2410 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
2417 } 2411 }
2418 2412
2419 .layer-3 { 2413 .layer-3 {
2420 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 2414 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
2421 } 2415 }
2422 2416
2423 .layer-4 { 2417 .layer-4 {
2424 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 2418 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
2425 } 2419 }
2426 2420
2427 .active .spinner-layer { 2421 .active .spinner-layer {
2428 -webkit-animation-name: fill-unfill-rotate; 2422 -webkit-animation-name: fill-unfill-rotate;
2429 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 2423 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
2430 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 2424 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
2431 -webkit-animation-iteration-count: infinite; 2425 -webkit-animation-iteration-count: infinite;
2432 animation-name: fill-unfill-rotate; 2426 animation-name: fill-unfill-rotate;
2433 animation-duration: var(--paper-spinner-full-cycle-duration); 2427 animation-duration: var(--paper-spinner-full-cycle-duration);
2434 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 2428 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 849 matching lines...) Expand 10 before | Expand all | Expand 10 after
3284 :root { 3278 :root {
3285 /* This is a custom, Chrome-specific color that does not have a --paper or 3279 /* This is a custom, Chrome-specific color that does not have a --paper or
3286 * --google equivalent. */ 3280 * --google equivalent. */
3287 --md-background-color: #f1f1f1; 3281 --md-background-color: #f1f1f1;
3288 --md-loading-message-color: #6e6e6e; 3282 --md-loading-message-color: #6e6e6e;
3289 /* This is --google-blue-700, rewritten as a native custom property for speed. 3283 /* This is --google-blue-700, rewritten as a native custom property for speed.
3290 */ 3284 */
3291 --md-toolbar-color: rgb(51, 103, 214); 3285 --md-toolbar-color: rgb(51, 103, 214);
3292 } 3286 }
3293 3287
3294 </style> 3288 </style><dom-module id="downloads-manager" assetpath="chrome://downloads/" css-b uild="shadow">
3295
3296 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh adow">
3297 <template> 3289 <template>
3298 <style scope="downloads-manager">:host { 3290 <style scope="downloads-manager">:host {
3299 display: flex; 3291 display: flex;
3300 flex: 1 0; 3292 flex: 1 0;
3301 flex-direction: column; 3293 flex-direction: column;
3302 height: 100%; 3294 height: 100%;
3303 z-index: 0; 3295 z-index: 0;
3304 } 3296 }
3305 3297
3306 [hidden] { 3298 [hidden] {
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
3378 </template> 3370 </template>
3379 </iron-list> 3371 </iron-list>
3380 <div id="no-downloads" hidden="[[hasDownloads_]]"> 3372 <div id="no-downloads" hidden="[[hasDownloads_]]">
3381 <div> 3373 <div>
3382 <div class="illustration"></div> 3374 <div class="illustration"></div>
3383 <span>[[noDownloadsText_(inSearchMode_)]]</span> 3375 <span>[[noDownloadsText_(inSearchMode_)]]</span>
3384 </div> 3376 </div>
3385 </div> 3377 </div>
3386 </template> 3378 </template>
3387 </dom-module> 3379 </dom-module>
3388 </div> 3380 </div><script src="crisper.js"></script></body></html>
3389 <downloads-manager></downloads-manager>
3390 <if expr="is_macosx">
3391 <command id="clear-all-command" shortcut="Alt|c Alt|ç"></command>
3392 <command id="undo-command" shortcut="Meta|z"></command>
3393 <command id="find-command" shortcut="Meta|f"></command>
3394 </if>
3395 <if expr="not is_macosx">
3396 <command id="clear-all-command" shortcut="Alt|c"></command>
3397 <command id="undo-command" shortcut="Ctrl|z"></command>
3398 <command id="find-command" shortcut="Ctrl|f"></command>
3399 </if>
3400 <link rel="import" href="chrome://resources/html/polymer.html">
3401 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_history/app.vulcanized.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698