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

Issues Search
    My Issues | Starred     Open | Closed | All

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

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

Powered by Google App Engine
This is Rietveld 408576698