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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2517243002: [Sync] Removing complexity around PROXY_TABS now that empty sessions are provided when disabled. (Closed)
Patch Set: Reverted ios change. Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/history/other_devices.js ('k') | chrome/browser/resources/md_history/app.js » ('j') | chrome/browser/resources/md_history/app.js » ('J')
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
11 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 11 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
15 Code distributed by Google as part of the polymer project is also 15 Code distributed by Google as part of the polymer project is also
16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
17 --><!-- 17 --><!--
18 @license 18 @license
19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
23 Code distributed by Google as part of the polymer project is also 23 Code distributed by Google as part of the polymer project is also
24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
25 --> 25 -->
26 <meta charset="utf-8"> 26 <meta charset="utf-8">
27 <title>$i18n{title}</title> 27 <title>$i18n{title}</title>
28 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
29 <style>
30 /* Copyright 2016 The Chromium Authors. All rights reserved.
31 * Use of this source code is governed by a BSD-style license that can be
32 * found in the LICENSE file. */
33
34 :root {
35 /* This is a custom, Chrome-specific color that does not have a --paper or
36 * --google equivalent. */
37 --md-background-color: rgb(241, 241, 241);
38 /* This is --google-blue-700, rewritten as a native custom property for speed.
39 */
40 --md-toolbar-color: rgb(51, 103, 214);
41 }
42
43 </style>
44 <style> 28 <style>
45 html { 29 html {
46 background: var(--md-background-color); 30 background: var(--md-background-color);
47 } 31 }
48 32
49 html, 33 html,
50 body { 34 body {
51 height: 100%; 35 height: 100%;
52 } 36 }
53 37
54 body { 38 body {
55 display: flex; 39 display: flex;
56 margin: 0; 40 margin: 0;
57 } 41 }
58 42
59 :root { 43 :root {
60 --downloads-card-margin: 24px; 44 --downloads-card-margin: 24px;
61 --downloads-card-width: 640px; 45 --downloads-card-width: 640px;
62 } 46 }
63 </style> 47 </style>
64 </head> 48 </head>
65 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script> 49 <body><div hidden="" by-vulcanize=""><link rel="stylesheet" href="chrome://resou rces/css/text_defaults_md.css"><style>
66 <script src="chrome://downloads/strings.js"></script> 50 /* Copyright 2016 The Chromium Authors. All rights reserved.
67 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow"> 51 * Use of this source code is governed by a BSD-style license that can be
52 * found in the LICENSE file. */
53
54 :root {
55 /* This is a custom, Chrome-specific color that does not have a --paper or
56 * --google equivalent. */
57 --md-background-color: rgb(241, 241, 241);
58 /* This is --google-blue-700, rewritten as a native custom property for speed.
59 */
60 --md-toolbar-color: rgb(51, 103, 214);
61 }
62
63 </style></div>
64 <downloads-manager></downloads-manager>
65 <if expr="is_macosx">
66 <command id="clear-all-command" shortcut="Alt|c Alt|ç"></command>
67 <command id="undo-command" shortcut="Meta|z"></command>
68 <command id="find-command" shortcut="Meta|f"></command>
69 </if>
70 <if expr="not is_macosx">
71 <command id="clear-all-command" shortcut="Alt|c"></command>
72 <command id="undo-command" shortcut="Ctrl|z"></command>
73 <command id="find-command" shortcut="Ctrl|f"></command>
74 </if>
75 <div hidden="" by-vulcanize=""></div><link rel="import" href="chrome://resourc es/html/polymer.html">
76 <div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_time_da ta.js"></script><script src="chrome://downloads/strings.js"></script></div><div hidden="" by-vulcanize=""><dom-module id="iron-list" assetpath="chrome://resourc es/polymer/v1_0/iron-list/" css-build="shadow">
68 <template> 77 <template>
69 <style scope="iron-list">:host { 78 <style scope="iron-list">:host {
70 display: block; 79 display: block;
71 position: relative; 80 position: relative;
72 } 81 }
73 82
74 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 83 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
75 :host { 84 :host {
76 will-change: transform; 85 will-change: transform;
77 } 86 }
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
226 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 235 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
227 236
228 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 237 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
229 238
230 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 239 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
231 240
232 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 241 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
233 } 242 }
234 243
235 </style> 244 </style>
236
237
238 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 245 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
239 <template> 246 <template>
240 <style scope="iron-icon">:host { 247 <style scope="iron-icon">:host {
241 display: var(--layout-inline_-_display); 248 display: var(--layout-inline_-_display);
242 -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) ; 249 -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) ;
243 position: relative; 250 position: relative;
244 251
245 vertical-align: middle; 252 vertical-align: middle;
246 253
247 fill: var(--iron-icon-fill-color, currentcolor); 254 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 125 matching lines...) Expand 10 before | Expand all | Expand 10 after
373 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); 380 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
374 } 381 }
375 382
376 :host([elevation="5"]) { 383 :host([elevation="5"]) {
377 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); 384 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
378 } 385 }
379 386
380 </style> 387 </style>
381 </template> 388 </template>
382 </dom-module> 389 </dom-module>
383
384
385 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow"> 390 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
386 <template strip-whitespace=""> 391 <template strip-whitespace="">
387 <style scope="paper-button">:host { 392 <style scope="paper-button">:host {
388 display: block; 393 display: block;
389 position: relative; 394 position: relative;
390 } 395 }
391 396
392 :host([elevation="1"]) { 397 :host([elevation="1"]) {
393 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 398 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
394 } 399 }
(...skipping 422 matching lines...) Expand 10 before | Expand all | Expand 10 after
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>
827
828
829 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow"> 832 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow">
830 <template> 833 <template>
831 <style scope="paper-progress">:host { 834 <style scope="paper-progress">:host {
832 display: block; 835 display: block;
833 width: 200px; 836 width: 200px;
834 position: relative; 837 position: relative;
835 overflow: hidden; 838 overflow: hidden;
836 } 839 }
837 840
838 :host([hidden]) { 841 :host([hidden]) {
839 display: none !important; 842 display: none !important;
840 } 843 }
841 844
842 #progressContainer { 845 #progressContainer {
843 ; 846 ;
844 position: relative; 847 position: relative;
845 } 848 }
846 849
847 #progressContainer, .indeterminate::after { 850 #progressContainer, .indeterminate::after {
848 height: var(--paper-progress-height, 4px); 851 height: var(--paper-progress-height, 4px);
849 } 852 }
850 853
851 #primaryProgress, #secondaryProgress, .indeterminate::after { 854 #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); 855 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 } 856 }
854 857
855 #progressContainer, .indeterminate::after { 858 #progressContainer, .indeterminate::after {
856 background: var(--paper-progress-container-color,var(--google-grey-300));; 859 background: var(--paper-progress-container-color,var(--google-grey-300));
857 } 860 }
858 861
859 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress { 862 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress {
860 -webkit-transition-property: -webkit-transform; 863 -webkit-transition-property: -webkit-transform;
861 transition-property: transform; 864 transition-property: transform;
862 865
863 866
864 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s); 867 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);
865 transition-duration: var(--paper-progress-transition-duration, 0.08s); 868 transition-duration: var(--paper-progress-transition-duration, 0.08s);
866 869
867 870
868 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease); 871 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);
869 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease); 872 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);
870 873
871 874
872 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); 875 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
873 transition-delay: var(--paper-progress-transition-delay, 0s); 876 transition-delay: var(--paper-progress-transition-delay, 0s);
874 } 877 }
875 878
876 #primaryProgress, #secondaryProgress { 879 #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); 880 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; 881 -webkit-transform-origin: left center;
879 transform-origin: left center; 882 transform-origin: left center;
880 -webkit-transform: scaleX(0); 883 -webkit-transform: scaleX(0);
881 transform: scaleX(0); 884 transform: scaleX(0);
882 will-change: transform; 885 will-change: transform;
883 } 886 }
884 887
885 #primaryProgress { 888 #primaryProgress {
886 background: var(--paper-progress-active-color,var(--google-green-500));; 889 background: var(--paper-progress-active-color,var(--google-green-500));
887 } 890 }
888 891
889 #secondaryProgress { 892 #secondaryProgress {
890 background: var(--paper-progress-secondary-color,var(--google-green-100));; 893 background: var(--paper-progress-secondary-color,var(--google-green-100));
891 } 894 }
892 895
893 :host([disabled]) #primaryProgress { 896 :host([disabled]) #primaryProgress {
894 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ;; 897 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ;
895 } 898 }
896 899
897 :host([disabled]) #secondaryProgress { 900 :host([disabled]) #secondaryProgress {
898 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0));; 901 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0));
899 } 902 }
900 903
901 :host(:not([disabled])) #primaryProgress.indeterminate { 904 :host(:not([disabled])) #primaryProgress.indeterminate {
902 -webkit-transform-origin: right center; 905 -webkit-transform-origin: right center;
903 transform-origin: right center; 906 transform-origin: right center;
904 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite; 907 -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; 908 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite;
906 } 909 }
907 910
908 :host(:not([disabled])) #primaryProgress.indeterminate::after { 911 :host(:not([disabled])) #primaryProgress.indeterminate::after {
(...skipping 396 matching lines...) Expand 10 before | Expand all | Expand 10 after
1305 1308
1306 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> 1309 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]">
1307 </div> 1310 </div>
1308 </div> 1311 </div>
1309 1312
1310 </template> 1313 </template>
1311 1314
1312 </dom-module> 1315 </dom-module>
1313 1316
1314 1317
1318
1319
1315 <style is="custom-style" css-build="shadow">html { 1320 <style is="custom-style" css-build="shadow">html {
1316 --primary-text-color: var(--light-theme-text-color); 1321 --primary-text-color: var(--light-theme-text-color);
1317 --primary-background-color: var(--light-theme-background-color); 1322 --primary-background-color: var(--light-theme-background-color);
1318 --secondary-text-color: var(--light-theme-secondary-color); 1323 --secondary-text-color: var(--light-theme-secondary-color);
1319 --disabled-text-color: var(--light-theme-disabled-color); 1324 --disabled-text-color: var(--light-theme-disabled-color);
1320 --divider-color: var(--light-theme-divider-color); 1325 --divider-color: var(--light-theme-divider-color);
1321 --error-color: var(--paper-deep-orange-a700); 1326 --error-color: var(--paper-deep-orange-a700);
1322 1327
1323 1328
1324 --primary-color: var(--paper-indigo-500); 1329 --primary-color: var(--paper-indigo-500);
(...skipping 20 matching lines...) Expand all
1345 --dark-theme-secondary-color: #bcbcbc; 1350 --dark-theme-secondary-color: #bcbcbc;
1346 --dark-theme-disabled-color: #646464; 1351 --dark-theme-disabled-color: #646464;
1347 --dark-theme-divider-color: #3c3c3c; 1352 --dark-theme-divider-color: #3c3c3c;
1348 1353
1349 1354
1350 --text-primary-color: var(--dark-theme-text-color); 1355 --text-primary-color: var(--dark-theme-text-color);
1351 --default-primary-color: var(--primary-color); 1356 --default-primary-color: var(--primary-color);
1352 } 1357 }
1353 1358
1354 </style> 1359 </style>
1355 <style>
1356 /* Copyright 2015 The Chromium Authors. All rights reserved.
1357 * Use of this source code is governed by a BSD-style license that can be
1358 * found in the LICENSE file. */
1359
1360 <if expr="not chromeos and not is_android">
1361 @font-face {
1362 font-family: 'Roboto';
1363 font-style: normal;
1364 font-weight: 400;
1365 src: local('Roboto'), local('Roboto-Regular'),
1366 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
1367 }
1368
1369 @font-face {
1370 font-family: 'Roboto';
1371 font-style: normal;
1372 font-weight: 500;
1373 src: local('Roboto Medium'), local('Roboto-Medium'),
1374 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
1375 }
1376
1377 @font-face {
1378 font-family: 'Roboto';
1379 font-style: normal;
1380 font-weight: 700;
1381 src: local('Roboto Bold'), local('Roboto-Bold'),
1382 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
1383 }
1384 </if>
1385
1386 </style>
1387 <style is="custom-style" css-build="shadow">html { 1360 <style is="custom-style" css-build="shadow">html {
1388 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 1361 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
1389 1362
1390 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 1363 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
1391 1364
1392 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 1365 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
1393 1366
1394 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 1367 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
1395 1368
1396 1369
(...skipping 21 matching lines...) Expand all
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;; 1391 --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 1392
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;; 1393 --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 1394
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;; 1395 --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 1396
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;; 1397 --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 } 1398 }
1426 1399
1427 </style> 1400 </style>
1428 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/" css-build="shadow"> 1401 <style>
1402 /* Copyright 2015 The Chromium Authors. All rights reserved.
1403 * Use of this source code is governed by a BSD-style license that can be
1404 * found in the LICENSE file. */
1405
1406 <if expr="not chromeos and not is_android">
1407 @font-face {
1408 font-family: 'Roboto';
1409 font-style: normal;
1410 font-weight: 400;
1411 src: local('Roboto'), local('Roboto-Regular'),
1412 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
1413 }
1414
1415 @font-face {
1416 font-family: 'Roboto';
1417 font-style: normal;
1418 font-weight: 500;
1419 src: local('Roboto Medium'), local('Roboto-Medium'),
1420 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
1421 }
1422
1423 @font-face {
1424 font-family: 'Roboto';
1425 font-style: normal;
1426 font-weight: 700;
1427 src: local('Roboto Bold'), local('Roboto-Bold'),
1428 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
1429 }
1430 </if>
1431
1432 </style><dom-module id="paper-item-shared-styles" assetpath="chrome://resources/ polymer/v1_0/paper-item/" css-build="shadow">
1429 <template> 1433 <template>
1430 <style scope="paper-item-shared-styles">:host, .paper-item { 1434 <style scope="paper-item-shared-styles">:host, .paper-item {
1431 display: block; 1435 display: block;
1432 position: relative; 1436 position: relative;
1433 min-height: var(--paper-item-min-height, 48px); 1437 min-height: var(--paper-item-min-height, 48px);
1434 padding: 0px 16px; 1438 padding: 0px 16px;
1435 } 1439 }
1436 1440
1437 .paper-item { 1441 .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); 1442 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; 1443 border:none;
1440 outline: none; 1444 outline: none;
1441 background: white; 1445 background: white;
1442 width: 100%; 1446 width: 100%;
1443 text-align: left; 1447 text-align: left;
1444 } 1448 }
1445 1449
1446 :host([hidden]), .paper-item[hidden] { 1450 :host([hidden]), .paper-item[hidden] {
1447 display: none !important; 1451 display: none !important;
1448 } 1452 }
1449 1453
1450 :host(.iron-selected), .paper-item.iron-selected { 1454 :host(.iron-selected), .paper-item.iron-selected {
1451 font-weight: var(--paper-item-selected-weight, bold); 1455 font-weight: var(--paper-item-selected-weight, bold);
1452 1456
1453 ; 1457 ;
1454 } 1458 }
1455 1459
1456 :host([disabled]), .paper-item[disabled] { 1460 :host([disabled]), .paper-item[disabled] {
1457 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 1461 color: var(--paper-item-disabled-color,var(--disabled-text-color));
1458 1462
1459 ; 1463 ;
1460 } 1464 }
1461 1465
1462 :host(:focus), .paper-item:focus { 1466 :host(:focus), .paper-item:focus {
1463 position: relative; 1467 position: relative;
1464 outline: 0; 1468 outline: 0;
1465 1469
1466 ; 1470 ;
1467 } 1471 }
1468 1472
1469 :host(:focus):before, .paper-item:focus:before { 1473 :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); 1474 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 1475
1472 background: currentColor; 1476 background: currentColor;
1473 content: ''; 1477 content: '';
1474 opacity: var(--dark-divider-opacity); 1478 opacity: var(--dark-divider-opacity);
1475 pointer-events: none; 1479 pointer-events: none;
1476 1480
1477 ; 1481 ;
1478 } 1482 }
1479 1483
1480 </style> 1484 </style>
1481 </template> 1485 </template>
1482 </dom-module> 1486 </dom-module>
1483
1484
1485 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow"> 1487 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">
1486 <template> 1488 <template>
1487 1489
1488 <style scope="paper-item">:host, .paper-item { 1490 <style scope="paper-item">:host, .paper-item {
1489 display: block; 1491 display: block;
1490 position: relative; 1492 position: relative;
1491 min-height: var(--paper-item-min-height, 48px); 1493 min-height: var(--paper-item-min-height, 48px);
1492 padding: 0px 16px; 1494 padding: 0px 16px;
1493 } 1495 }
1494 1496
(...skipping 10 matching lines...) Expand all
1505 display: none !important; 1507 display: none !important;
1506 } 1508 }
1507 1509
1508 :host(.iron-selected), .paper-item.iron-selected { 1510 :host(.iron-selected), .paper-item.iron-selected {
1509 font-weight: var(--paper-item-selected-weight, bold); 1511 font-weight: var(--paper-item-selected-weight, bold);
1510 1512
1511 ; 1513 ;
1512 } 1514 }
1513 1515
1514 :host([disabled]), .paper-item[disabled] { 1516 :host([disabled]), .paper-item[disabled] {
1515 color: var(--paper-item-disabled-color,var(--disabled-text-color));; 1517 color: var(--paper-item-disabled-color,var(--disabled-text-color));
1516 1518
1517 ; 1519 ;
1518 } 1520 }
1519 1521
1520 :host(:focus), .paper-item:focus { 1522 :host(:focus), .paper-item:focus {
1521 position: relative; 1523 position: relative;
1522 outline: 0; 1524 outline: 0;
1523 1525
1524 ; 1526 ;
1525 } 1527 }
(...skipping 25 matching lines...) Expand all
1551 </dom-module> 1553 </dom-module>
1552 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow"> 1554 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow">
1553 <template> 1555 <template>
1554 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected { 1556 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected {
1555 font-weight: bold; 1557 font-weight: bold;
1556 1558
1557 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); 1559 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
1558 } 1560 }
1559 1561
1560 .selectable-content > ::content > [disabled] { 1562 .selectable-content > ::content > [disabled] {
1561 color: var(--paper-menu-disabled-color,var(--disabled-text-color));; 1563 color: var(--paper-menu-disabled-color,var(--disabled-text-color));
1562 } 1564 }
1563 1565
1564 .selectable-content > ::content > *:focus { 1566 .selectable-content > ::content > *:focus {
1565 position: relative; 1567 position: relative;
1566 outline: 0; 1568 outline: 0;
1567 1569
1568 ; 1570 ;
1569 } 1571 }
1570 1572
1571 .selectable-content > ::content > *:focus:after { 1573 .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); 1574 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; 1575 background: currentColor;
1574 opacity: var(--dark-divider-opacity); 1576 opacity: var(--dark-divider-opacity);
1575 content: ''; 1577 content: '';
1576 pointer-events: none; 1578 pointer-events: none;
1577 1579
1578 ; 1580 ;
1579 } 1581 }
1580 1582
1581 .selectable-content > ::content > *[colored]:focus:after { 1583 .selectable-content > ::content > *[colored]:focus:after {
1582 opacity: 0.26; 1584 opacity: 0.26;
1583 } 1585 }
1584 1586
1585 </style> 1587 </style>
1586 </template> 1588 </template>
1587 </dom-module> 1589 </dom-module>
1588
1589
1590 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/" css-build="shadow"> 1590 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/" css-build="shadow">
1591 <template> 1591 <template>
1592 1592
1593 <style scope="paper-menu">.selectable-content > ::content > .iron-selected { 1593 <style scope="paper-menu">.selectable-content > ::content > .iron-selected {
1594 font-weight: bold; 1594 font-weight: bold;
1595 1595
1596 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); 1596 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
1597 } 1597 }
1598 1598
1599 .selectable-content > ::content > [disabled] { 1599 .selectable-content > ::content > [disabled] {
1600 color: var(--paper-menu-disabled-color,var(--disabled-text-color));; 1600 color: var(--paper-menu-disabled-color,var(--disabled-text-color));
1601 } 1601 }
1602 1602
1603 .selectable-content > ::content > *:focus { 1603 .selectable-content > ::content > *:focus {
1604 position: relative; 1604 position: relative;
1605 outline: 0; 1605 outline: 0;
1606 1606
1607 ; 1607 ;
1608 } 1608 }
1609 1609
1610 .selectable-content > ::content > *:focus:after { 1610 .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); 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);
1612 background: currentColor; 1612 background: currentColor;
1613 opacity: var(--dark-divider-opacity); 1613 opacity: var(--dark-divider-opacity);
1614 content: ''; 1614 content: '';
1615 pointer-events: none; 1615 pointer-events: none;
1616 1616
1617 ; 1617 ;
1618 } 1618 }
1619 1619
1620 .selectable-content > ::content > *[colored]:focus:after { 1620 .selectable-content > ::content > *[colored]:focus:after {
1621 opacity: 0.26; 1621 opacity: 0.26;
1622 } 1622 }
1623 1623
1624 :host { 1624 :host {
1625 display: block; 1625 display: block;
1626 padding: 8px 0; 1626 padding: 8px 0;
1627 1627
1628 background: var(--paper-menu-background-color,var(--primary-background-c olor));; 1628 background: var(--paper-menu-background-color,var(--primary-background-c olor));
1629 color: var(--paper-menu-color,var(--primary-text-color));; 1629 color: var(--paper-menu-color,var(--primary-text-color));
1630 1630
1631 ; 1631 ;
1632 } 1632 }
1633 1633
1634 </style> 1634 </style>
1635 1635
1636 <div class="selectable-content"> 1636 <div class="selectable-content">
1637 <content></content> 1637 <content></content>
1638 </div> 1638 </div>
1639 </template> 1639 </template>
1640 1640
1641 </dom-module> 1641 </dom-module>
1642 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" css-build="shadow"> 1642 <dom-module id="iron-overlay-backdrop" assetpath="/" css-build="shadow">
1643 1643
1644 <template> 1644 <template>
1645 <style scope="iron-overlay-backdrop">:host { 1645 <style scope="iron-overlay-backdrop">:host {
1646 position: fixed; 1646 position: fixed;
1647 top: 0; 1647 top: 0;
1648 left: 0; 1648 left: 0;
1649 width: 100%; 1649 width: 100%;
1650 height: 100%; 1650 height: 100%;
1651 background-color: var(--iron-overlay-backdrop-background-color, #000); 1651 background-color: var(--iron-overlay-backdrop-background-color, #000);
1652 opacity: 0; 1652 opacity: 0;
1653 transition: opacity 0.2s; 1653 transition: opacity 0.2s;
1654 pointer-events: none; 1654 pointer-events: none;
1655 ; 1655 ;
1656 } 1656 }
1657 1657
1658 :host(.opened) { 1658 :host(.opened) {
1659 opacity: var(--iron-overlay-backdrop-opacity, 0.6); 1659 opacity: var(--iron-overlay-backdrop-opacity, 0.6);
1660 pointer-events: auto; 1660 pointer-events: auto;
1661 ; 1661 ;
1662 } 1662 }
1663 1663
1664 </style> 1664 </style>
1665 1665
1666 <content></content> 1666 <content></content>
1667 </template> 1667 </template>
1668 1668
1669 </dom-module> 1669 </dom-module>
1670 1670
1671 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 1671 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script><dom-module id="iron-dropdown" assetpath="chrome://reso urces/polymer/v1_0/iron-dropdown/" css-build="shadow">
1672
1673
1674 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
1675 <template> 1672 <template>
1676 <style scope="iron-dropdown">:host { 1673 <style scope="iron-dropdown">:host {
1677 position: fixed; 1674 position: fixed;
1678 } 1675 }
1679 1676
1680 #contentWrapper ::content > * { 1677 #contentWrapper ::content > * {
1681 overflow: auto; 1678 overflow: auto;
1682 } 1679 }
1683 1680
1684 #contentWrapper.animating ::content > * { 1681 #contentWrapper.animating ::content > * {
(...skipping 28 matching lines...) Expand all
1713 1710
1714 iron-dropdown { 1711 iron-dropdown {
1715 ; 1712 ;
1716 } 1713 }
1717 1714
1718 .dropdown-content { 1715 .dropdown-content {
1719 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 1716 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
1720 1717
1721 position: relative; 1718 position: relative;
1722 border-radius: 2px; 1719 border-radius: 2px;
1723 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color));; 1720 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color));
1724 1721
1725 ; 1722 ;
1726 } 1723 }
1727 1724
1728 :host([vertical-align="top"]) .dropdown-content { 1725 :host([vertical-align="top"]) .dropdown-content {
1729 margin-bottom: 20px; 1726 margin-bottom: 20px;
1730 margin-top: -10px; 1727 margin-top: -10px;
1731 top: 10px; 1728 top: 10px;
1732 } 1729 }
1733 1730
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
1777 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1774 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1778 -webkit-tap-highlight-color: transparent; 1775 -webkit-tap-highlight-color: transparent;
1779 1776
1780 1777
1781 box-sizing: border-box !important; 1778 box-sizing: border-box !important;
1782 1779
1783 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px); 1780 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px);
1784 } 1781 }
1785 1782
1786 :host #ink { 1783 :host #ink {
1787 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; 1784 color: var(--paper-icon-button-ink-color,var(--primary-text-color));
1788 opacity: 0.6; 1785 opacity: 0.6;
1789 } 1786 }
1790 1787
1791 :host([disabled]) { 1788 :host([disabled]) {
1792 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; 1789 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));
1793 pointer-events: none; 1790 pointer-events: none;
1794 cursor: auto; 1791 cursor: auto;
1795 1792
1796 ; 1793 ;
1797 } 1794 }
1798 1795
1799 :host(:hover) { 1796 :host(:hover) {
1800 ; 1797 ;
1801 } 1798 }
1802 1799
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
1858 } 1855 }
1859 1856
1860 } 1857 }
1861 1858
1862 .spinner-layer { 1859 .spinner-layer {
1863 position: absolute; 1860 position: absolute;
1864 width: 100%; 1861 width: 100%;
1865 height: 100%; 1862 height: 100%;
1866 opacity: 0; 1863 opacity: 0;
1867 white-space: nowrap; 1864 white-space: nowrap;
1868 border-color: var(--paper-spinner-color,var(--google-blue-500));; 1865 border-color: var(--paper-spinner-color,var(--google-blue-500));
1869 } 1866 }
1870 1867
1871 .layer-1 { 1868 .layer-1 {
1872 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 1869 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
1873 } 1870 }
1874 1871
1875 .layer-2 { 1872 .layer-2 {
1876 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 1873 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
1877 } 1874 }
1878 1875
1879 .layer-3 { 1876 .layer-3 {
1880 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 1877 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
1881 } 1878 }
1882 1879
1883 .layer-4 { 1880 .layer-4 {
1884 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 1881 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
1885 } 1882 }
1886 1883
1887 .active .spinner-layer { 1884 .active .spinner-layer {
1888 -webkit-animation-name: fill-unfill-rotate; 1885 -webkit-animation-name: fill-unfill-rotate;
1889 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1886 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1890 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1887 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1891 -webkit-animation-iteration-count: infinite; 1888 -webkit-animation-iteration-count: infinite;
1892 animation-name: fill-unfill-rotate; 1889 animation-name: fill-unfill-rotate;
1893 animation-duration: var(--paper-spinner-full-cycle-duration); 1890 animation-duration: var(--paper-spinner-full-cycle-duration);
1894 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1891 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 2339
2343 to { 2340 to {
2344 opacity: 0 2341 opacity: 0
2345 } 2342 }
2346 2343
2347 } 2344 }
2348 2345
2349 </style> 2346 </style>
2350 </template> 2347 </template>
2351 </dom-module> 2348 </dom-module>
2352
2353
2354 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 2349 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
2355 <template strip-whitespace=""> 2350 <template strip-whitespace="">
2356 <style scope="paper-spinner-lite">:host { 2351 <style scope="paper-spinner-lite">:host {
2357 display: inline-block; 2352 display: inline-block;
2358 position: relative; 2353 position: relative;
2359 width: 28px; 2354 width: 28px;
2360 height: 28px; 2355 height: 28px;
2361 2356
2362 2357
2363 --paper-spinner-container-rotation-duration: 1568ms; 2358 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
2398 } 2393 }
2399 2394
2400 } 2395 }
2401 2396
2402 .spinner-layer { 2397 .spinner-layer {
2403 position: absolute; 2398 position: absolute;
2404 width: 100%; 2399 width: 100%;
2405 height: 100%; 2400 height: 100%;
2406 opacity: 0; 2401 opacity: 0;
2407 white-space: nowrap; 2402 white-space: nowrap;
2408 border-color: var(--paper-spinner-color,var(--google-blue-500));; 2403 border-color: var(--paper-spinner-color,var(--google-blue-500));
2409 } 2404 }
2410 2405
2411 .layer-1 { 2406 .layer-1 {
2412 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 2407 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
2413 } 2408 }
2414 2409
2415 .layer-2 { 2410 .layer-2 {
2416 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 2411 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
2417 } 2412 }
2418 2413
2419 .layer-3 { 2414 .layer-3 {
2420 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 2415 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
2421 } 2416 }
2422 2417
2423 .layer-4 { 2418 .layer-4 {
2424 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 2419 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
2425 } 2420 }
2426 2421
2427 .active .spinner-layer { 2422 .active .spinner-layer {
2428 -webkit-animation-name: fill-unfill-rotate; 2423 -webkit-animation-name: fill-unfill-rotate;
2429 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 2424 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
2430 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 2425 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
2431 -webkit-animation-iteration-count: infinite; 2426 -webkit-animation-iteration-count: infinite;
2432 animation-name: fill-unfill-rotate; 2427 animation-name: fill-unfill-rotate;
2433 animation-duration: var(--paper-spinner-full-cycle-duration); 2428 animation-duration: var(--paper-spinner-full-cycle-duration);
2434 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 2429 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 856 matching lines...) Expand 10 before | Expand all | Expand 10 after
3291 3286
3292 :root { 3287 :root {
3293 /* This is a custom, Chrome-specific color that does not have a --paper or 3288 /* This is a custom, Chrome-specific color that does not have a --paper or
3294 * --google equivalent. */ 3289 * --google equivalent. */
3295 --md-background-color: rgb(241, 241, 241); 3290 --md-background-color: rgb(241, 241, 241);
3296 /* This is --google-blue-700, rewritten as a native custom property for speed. 3291 /* This is --google-blue-700, rewritten as a native custom property for speed.
3297 */ 3292 */
3298 --md-toolbar-color: rgb(51, 103, 214); 3293 --md-toolbar-color: rgb(51, 103, 214);
3299 } 3294 }
3300 3295
3301 </style> 3296 </style><dom-module id="downloads-manager" assetpath="chrome://downloads/" css-b uild="shadow">
3302
3303 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh adow">
3304 <template> 3297 <template>
3305 <style scope="downloads-manager">:host { 3298 <style scope="downloads-manager">:host {
3306 display: flex; 3299 display: flex;
3307 flex: 1 0; 3300 flex: 1 0;
3308 flex-direction: column; 3301 flex-direction: column;
3309 height: 100%; 3302 height: 100%;
3310 z-index: 0; 3303 z-index: 0;
3311 } 3304 }
3312 3305
3313 [hidden] { 3306 [hidden] {
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
3385 </template> 3378 </template>
3386 </iron-list> 3379 </iron-list>
3387 <div id="no-downloads" hidden="[[hasDownloads_]]"> 3380 <div id="no-downloads" hidden="[[hasDownloads_]]">
3388 <div> 3381 <div>
3389 <div class="illustration"></div> 3382 <div class="illustration"></div>
3390 <span>[[noDownloadsText_(inSearchMode_)]]</span> 3383 <span>[[noDownloadsText_(inSearchMode_)]]</span>
3391 </div> 3384 </div>
3392 </div> 3385 </div>
3393 </template> 3386 </template>
3394 </dom-module> 3387 </dom-module>
3395 </div> 3388 </div><script src="crisper.js"></script></body></html>
3396 <downloads-manager></downloads-manager>
3397 <if expr="is_macosx">
3398 <command id="clear-all-command" shortcut="Alt|c Alt|ç"></command>
3399 <command id="undo-command" shortcut="Meta|z"></command>
3400 <command id="find-command" shortcut="Meta|f"></command>
3401 </if>
3402 <if expr="not is_macosx">
3403 <command id="clear-all-command" shortcut="Alt|c"></command>
3404 <command id="undo-command" shortcut="Ctrl|z"></command>
3405 <command id="find-command" shortcut="Ctrl|f"></command>
3406 </if>
3407 <link rel="import" href="chrome://resources/html/polymer.html">
3408 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/history/other_devices.js ('k') | chrome/browser/resources/md_history/app.js » ('j') | chrome/browser/resources/md_history/app.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698