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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2597013002: Run clang-format on ui/webui/resources (Closed)
Patch Set: remove cr_shared_menu.js 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.vulcanized.html » ('j') | ui/webui/resources/cr_elements/network/cr_network_list_item.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: #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>
28 <style> 45 <style>
29 html { 46 html {
30 background: var(--md-background-color); 47 background: var(--md-background-color);
31 } 48 }
32 49
33 html, 50 html,
34 body { 51 body {
35 height: 100%; 52 height: 100%;
36 } 53 }
37 54
38 body { 55 body {
39 display: flex; 56 display: flex;
40 margin: 0; 57 margin: 0;
41 } 58 }
42 59
43 :root { 60 :root {
44 --downloads-card-margin: 24px; 61 --downloads-card-margin: 24px;
45 --downloads-card-width: 640px; 62 --downloads-card-width: 640px;
46 } 63 }
47 </style> 64 </style>
48 </head> 65 </head>
49 <body><div hidden="" by-vulcanize=""><link rel="stylesheet" href="chrome://resou rces/css/text_defaults_md.css"><style> 66 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script>
50 /* Copyright 2016 The Chromium Authors. All rights reserved. 67 <script src="chrome://downloads/strings.js"></script>
51 * Use of this source code is governed by a BSD-style license that can be 68 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow">
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">
78 <template> 69 <template>
79 <style scope="iron-list">:host { 70 <style scope="iron-list">:host {
80 display: block; 71 display: block;
81 position: relative; 72 position: relative;
82 } 73 }
83 74
84 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 75 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
85 :host { 76 :host {
86 will-change: transform; 77 will-change: transform;
87 } 78 }
(...skipping 148 matching lines...) Expand 10 before | Expand all | Expand 10 after
236 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 227 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
237 228
238 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 229 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
239 230
240 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 231 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
241 232
242 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 233 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
243 } 234 }
244 235
245 </style> 236 </style>
237
238
246 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 239 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
247 <template> 240 <template>
248 <style scope="iron-icon">:host { 241 <style scope="iron-icon">:host {
249 display: var(--layout-inline_-_display); 242 display: var(--layout-inline_-_display);
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) ; 243 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
251 position: relative; 244 position: relative;
252 245
253 vertical-align: middle; 246 vertical-align: middle;
254 247
255 fill: var(--iron-icon-fill-color, currentcolor); 248 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 125 matching lines...) Expand 10 before | Expand all | Expand 10 after
381 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); 374 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
382 } 375 }
383 376
384 :host([elevation="5"]) { 377 :host([elevation="5"]) {
385 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); 378 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
386 } 379 }
387 380
388 </style> 381 </style>
389 </template> 382 </template>
390 </dom-module> 383 </dom-module>
384
385
391 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow"> 386 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
392 <template strip-whitespace=""> 387 <template strip-whitespace="">
393 <style scope="paper-button">:host { 388 <style scope="paper-button">:host {
394 display: block; 389 display: block;
395 position: relative; 390 position: relative;
396 } 391 }
397 392
398 :host([elevation="1"]) { 393 :host([elevation="1"]) {
399 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 394 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
400 } 395 }
(...skipping 422 matching lines...) Expand 10 before | Expand all | Expand 10 after
823 --dark-primary-opacity: 0.87; 818 --dark-primary-opacity: 0.87;
824 819
825 820
826 --light-divider-opacity: 0.12; 821 --light-divider-opacity: 0.12;
827 --light-disabled-opacity: 0.3; 822 --light-disabled-opacity: 0.3;
828 --light-secondary-opacity: 0.7; 823 --light-secondary-opacity: 0.7;
829 --light-primary-opacity: 1.0; 824 --light-primary-opacity: 1.0;
830 } 825 }
831 826
832 </style> 827 </style>
828
829
833 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow"> 830 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow">
834 <template> 831 <template>
835 <style scope="paper-progress">:host { 832 <style scope="paper-progress">:host {
836 display: block; 833 display: block;
837 width: 200px; 834 width: 200px;
838 position: relative; 835 position: relative;
839 overflow: hidden; 836 overflow: hidden;
840 } 837 }
841 838
842 :host([hidden]) { 839 :host([hidden]) {
843 display: none !important; 840 display: none !important;
844 } 841 }
845 842
846 #progressContainer { 843 #progressContainer {
847 ; 844 ;
848 position: relative; 845 position: relative;
849 } 846 }
850 847
851 #progressContainer, .indeterminate::after { 848 #progressContainer, .indeterminate::after {
852 height: var(--paper-progress-height, 4px); 849 height: var(--paper-progress-height, 4px);
853 } 850 }
854 851
855 #primaryProgress, #secondaryProgress, .indeterminate::after { 852 #primaryProgress, #secondaryProgress, .indeterminate::after {
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); 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);
857 } 854 }
858 855
859 #progressContainer, .indeterminate::after { 856 #progressContainer, .indeterminate::after {
860 background: var(--paper-progress-container-color,var(--google-grey-300)); 857 background: var(--paper-progress-container-color,var(--google-grey-300));;
861 } 858 }
862 859
863 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress { 860 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress {
864 -webkit-transition-property: -webkit-transform; 861 -webkit-transition-property: -webkit-transform;
865 transition-property: transform; 862 transition-property: transform;
866 863
867 864
868 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s); 865 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);
869 transition-duration: var(--paper-progress-transition-duration, 0.08s); 866 transition-duration: var(--paper-progress-transition-duration, 0.08s);
870 867
871 868
872 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease); 869 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);
873 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease); 870 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);
874 871
875 872
876 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); 873 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);
877 transition-delay: var(--paper-progress-transition-delay, 0s); 874 transition-delay: var(--paper-progress-transition-delay, 0s);
878 } 875 }
879 876
880 #primaryProgress, #secondaryProgress { 877 #primaryProgress, #secondaryProgress {
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); 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);
882 -webkit-transform-origin: left center; 879 -webkit-transform-origin: left center;
883 transform-origin: left center; 880 transform-origin: left center;
884 -webkit-transform: scaleX(0); 881 -webkit-transform: scaleX(0);
885 transform: scaleX(0); 882 transform: scaleX(0);
886 will-change: transform; 883 will-change: transform;
887 } 884 }
888 885
889 #primaryProgress { 886 #primaryProgress {
890 background: var(--paper-progress-active-color,var(--google-green-500)); 887 background: var(--paper-progress-active-color,var(--google-green-500));;
891 } 888 }
892 889
893 #secondaryProgress { 890 #secondaryProgress {
894 background: var(--paper-progress-secondary-color,var(--google-green-100)); 891 background: var(--paper-progress-secondary-color,var(--google-green-100));;
895 } 892 }
896 893
897 :host([disabled]) #primaryProgress { 894 :host([disabled]) #primaryProgress {
898 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ; 895 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ;;
899 } 896 }
900 897
901 :host([disabled]) #secondaryProgress { 898 :host([disabled]) #secondaryProgress {
902 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0)); 899 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0));;
903 } 900 }
904 901
905 :host(:not([disabled])) #primaryProgress.indeterminate { 902 :host(:not([disabled])) #primaryProgress.indeterminate {
906 -webkit-transform-origin: right center; 903 -webkit-transform-origin: right center;
907 transform-origin: right center; 904 transform-origin: right center;
908 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite; 905 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite;
909 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite; 906 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite;
910 } 907 }
911 908
912 :host(:not([disabled])) #primaryProgress.indeterminate::after { 909 :host(:not([disabled])) #primaryProgress.indeterminate::after {
(...skipping 396 matching lines...) Expand 10 before | Expand all | Expand 10 after
1309 1306
1310 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> 1307 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]">
1311 </div> 1308 </div>
1312 </div> 1309 </div>
1313 1310
1314 </template> 1311 </template>
1315 1312
1316 </dom-module> 1313 </dom-module>
1317 1314
1318 1315
1319
1320
1321 <style is="custom-style" css-build="shadow">html { 1316 <style is="custom-style" css-build="shadow">html {
1322 --primary-text-color: var(--light-theme-text-color); 1317 --primary-text-color: var(--light-theme-text-color);
1323 --primary-background-color: var(--light-theme-background-color); 1318 --primary-background-color: var(--light-theme-background-color);
1324 --secondary-text-color: var(--light-theme-secondary-color); 1319 --secondary-text-color: var(--light-theme-secondary-color);
1325 --disabled-text-color: var(--light-theme-disabled-color); 1320 --disabled-text-color: var(--light-theme-disabled-color);
1326 --divider-color: var(--light-theme-divider-color); 1321 --divider-color: var(--light-theme-divider-color);
1327 --error-color: var(--paper-deep-orange-a700); 1322 --error-color: var(--paper-deep-orange-a700);
1328 1323
1329 1324
1330 --primary-color: var(--paper-indigo-500); 1325 --primary-color: var(--paper-indigo-500);
(...skipping 20 matching lines...) Expand all
1351 --dark-theme-secondary-color: #bcbcbc; 1346 --dark-theme-secondary-color: #bcbcbc;
1352 --dark-theme-disabled-color: #646464; 1347 --dark-theme-disabled-color: #646464;
1353 --dark-theme-divider-color: #3c3c3c; 1348 --dark-theme-divider-color: #3c3c3c;
1354 1349
1355 1350
1356 --text-primary-color: var(--dark-theme-text-color); 1351 --text-primary-color: var(--dark-theme-text-color);
1357 --default-primary-color: var(--primary-color); 1352 --default-primary-color: var(--primary-color);
1358 } 1353 }
1359 1354
1360 </style> 1355 </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>
1361 <style is="custom-style" css-build="shadow">html { 1388 <style is="custom-style" css-build="shadow">html {
1362 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 1389 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
1363 1390
1364 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 1391 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
1365 1392
1366 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 1393 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
1367 1394
1368 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 1395 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
1369 1396
1370 1397
(...skipping 21 matching lines...) Expand all
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;; 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;;
1393 1420
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;; 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;;
1395 1422
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;; 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;;
1397 1424
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;; 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;;
1399 } 1426 }
1400 1427
1401 </style> 1428 </style>
1402 <style> 1429 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/" css-build="shadow">
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">
1434 <template> 1430 <template>
1435 <style scope="paper-item-shared-styles">:host, .paper-item { 1431 <style scope="paper-item-shared-styles">:host, .paper-item {
1436 display: block; 1432 display: block;
1437 position: relative; 1433 position: relative;
1438 min-height: var(--paper-item-min-height, 48px); 1434 min-height: var(--paper-item-min-height, 48px);
1439 padding: 0px 16px; 1435 padding: 0px 16px;
1440 } 1436 }
1441 1437
1442 .paper-item { 1438 .paper-item {
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); 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);
1444 border:none; 1440 border:none;
1445 outline: none; 1441 outline: none;
1446 background: white; 1442 background: white;
1447 width: 100%; 1443 width: 100%;
1448 text-align: left; 1444 text-align: left;
1449 } 1445 }
1450 1446
1451 :host([hidden]), .paper-item[hidden] { 1447 :host([hidden]), .paper-item[hidden] {
1452 display: none !important; 1448 display: none !important;
1453 } 1449 }
1454 1450
1455 :host(.iron-selected), .paper-item.iron-selected { 1451 :host(.iron-selected), .paper-item.iron-selected {
1456 font-weight: var(--paper-item-selected-weight, bold); 1452 font-weight: var(--paper-item-selected-weight, bold);
1457 1453
1458 ; 1454 ;
1459 } 1455 }
1460 1456
1461 :host([disabled]), .paper-item[disabled] { 1457 :host([disabled]), .paper-item[disabled] {
1462 color: var(--paper-item-disabled-color,var(--disabled-text-color)); 1458 color: var(--paper-item-disabled-color,var(--disabled-text-color));;
1463 1459
1464 ; 1460 ;
1465 } 1461 }
1466 1462
1467 :host(:focus), .paper-item:focus { 1463 :host(:focus), .paper-item:focus {
1468 position: relative; 1464 position: relative;
1469 outline: 0; 1465 outline: 0;
1470 1466
1471 ; 1467 ;
1472 } 1468 }
1473 1469
1474 :host(:focus):before, .paper-item:focus:before { 1470 :host(:focus):before, .paper-item:focus:before {
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); 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);
1476 1472
1477 background: currentColor; 1473 background: currentColor;
1478 content: ''; 1474 content: '';
1479 opacity: var(--dark-divider-opacity); 1475 opacity: var(--dark-divider-opacity);
1480 pointer-events: none; 1476 pointer-events: none;
1481 1477
1482 ; 1478 ;
1483 } 1479 }
1484 1480
1485 </style> 1481 </style>
1486 </template> 1482 </template>
1487 </dom-module> 1483 </dom-module>
1484
1485
1488 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow"> 1486 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">
1489 <template> 1487 <template>
1490 1488
1491 <style scope="paper-item">:host, .paper-item { 1489 <style scope="paper-item">:host, .paper-item {
1492 display: block; 1490 display: block;
1493 position: relative; 1491 position: relative;
1494 min-height: var(--paper-item-min-height, 48px); 1492 min-height: var(--paper-item-min-height, 48px);
1495 padding: 0px 16px; 1493 padding: 0px 16px;
1496 } 1494 }
1497 1495
(...skipping 10 matching lines...) Expand all
1508 display: none !important; 1506 display: none !important;
1509 } 1507 }
1510 1508
1511 :host(.iron-selected), .paper-item.iron-selected { 1509 :host(.iron-selected), .paper-item.iron-selected {
1512 font-weight: var(--paper-item-selected-weight, bold); 1510 font-weight: var(--paper-item-selected-weight, bold);
1513 1511
1514 ; 1512 ;
1515 } 1513 }
1516 1514
1517 :host([disabled]), .paper-item[disabled] { 1515 :host([disabled]), .paper-item[disabled] {
1518 color: var(--paper-item-disabled-color,var(--disabled-text-color)); 1516 color: var(--paper-item-disabled-color,var(--disabled-text-color));;
1519 1517
1520 ; 1518 ;
1521 } 1519 }
1522 1520
1523 :host(:focus), .paper-item:focus { 1521 :host(:focus), .paper-item:focus {
1524 position: relative; 1522 position: relative;
1525 outline: 0; 1523 outline: 0;
1526 1524
1527 ; 1525 ;
1528 } 1526 }
(...skipping 25 matching lines...) Expand all
1554 </dom-module> 1552 </dom-module>
1555 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow"> 1553 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow">
1556 <template> 1554 <template>
1557 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected { 1555 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected {
1558 font-weight: bold; 1556 font-weight: bold;
1559 1557
1560 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); 1558 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);
1561 } 1559 }
1562 1560
1563 .selectable-content > ::content > [disabled] { 1561 .selectable-content > ::content > [disabled] {
1564 color: var(--paper-menu-disabled-color,var(--disabled-text-color)); 1562 color: var(--paper-menu-disabled-color,var(--disabled-text-color));;
1565 } 1563 }
1566 1564
1567 .selectable-content > ::content > *:focus { 1565 .selectable-content > ::content > *:focus {
1568 position: relative; 1566 position: relative;
1569 outline: 0; 1567 outline: 0;
1570 1568
1571 ; 1569 ;
1572 } 1570 }
1573 1571
1574 .selectable-content > ::content > *:focus:after { 1572 .selectable-content > ::content > *:focus:after {
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); 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);
1576 background: currentColor; 1574 background: currentColor;
1577 opacity: var(--dark-divider-opacity); 1575 opacity: var(--dark-divider-opacity);
1578 content: ''; 1576 content: '';
1579 pointer-events: none; 1577 pointer-events: none;
1580 1578
1581 ; 1579 ;
1582 } 1580 }
1583 1581
1584 .selectable-content > ::content > *[colored]:focus:after { 1582 .selectable-content > ::content > *[colored]:focus:after {
1585 opacity: 0.26; 1583 opacity: 0.26;
1586 } 1584 }
1587 1585
1588 </style> 1586 </style>
1589 </template> 1587 </template>
1590 </dom-module> 1588 </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="/" css-build="shadow"> 1643 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" 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><dom-module id="iron-dropdown" assetpath="chrome://reso urces/polymer/v1_0/iron-dropdown/" css-build="shadow"> 1672 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1673
1674
1675 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
1673 <template> 1676 <template>
1674 <style scope="iron-dropdown">:host { 1677 <style scope="iron-dropdown">:host {
1675 position: fixed; 1678 position: fixed;
1676 } 1679 }
1677 1680
1678 #contentWrapper ::content > * { 1681 #contentWrapper ::content > * {
1679 overflow: auto; 1682 overflow: auto;
1680 } 1683 }
1681 1684
1682 #contentWrapper.animating ::content > * { 1685 #contentWrapper.animating ::content > * {
(...skipping 28 matching lines...) Expand all
1711 1714
1712 iron-dropdown { 1715 iron-dropdown {
1713 ; 1716 ;
1714 } 1717 }
1715 1718
1716 .dropdown-content { 1719 .dropdown-content {
1717 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 1720 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
1718 1721
1719 position: relative; 1722 position: relative;
1720 border-radius: 2px; 1723 border-radius: 2px;
1721 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color)); 1724 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color));;
1722 1725
1723 ; 1726 ;
1724 } 1727 }
1725 1728
1726 :host([vertical-align="top"]) .dropdown-content { 1729 :host([vertical-align="top"]) .dropdown-content {
1727 margin-bottom: 20px; 1730 margin-bottom: 20px;
1728 margin-top: -10px; 1731 margin-top: -10px;
1729 top: 10px; 1732 top: 10px;
1730 } 1733 }
1731 1734
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
1775 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 1778 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1776 -webkit-tap-highlight-color: transparent; 1779 -webkit-tap-highlight-color: transparent;
1777 1780
1778 1781
1779 box-sizing: border-box !important; 1782 box-sizing: border-box !important;
1780 1783
1781 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px); 1784 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px);
1782 } 1785 }
1783 1786
1784 :host #ink { 1787 :host #ink {
1785 color: var(--paper-icon-button-ink-color,var(--primary-text-color)); 1788 color: var(--paper-icon-button-ink-color,var(--primary-text-color));;
1786 opacity: 0.6; 1789 opacity: 0.6;
1787 } 1790 }
1788 1791
1789 :host([disabled]) { 1792 :host([disabled]) {
1790 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color)); 1793 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));;
1791 pointer-events: none; 1794 pointer-events: none;
1792 cursor: auto; 1795 cursor: auto;
1793 1796
1794 ; 1797 ;
1795 } 1798 }
1796 1799
1797 :host(:hover) { 1800 :host(:hover) {
1798 ; 1801 ;
1799 } 1802 }
1800 1803
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
1856 } 1859 }
1857 1860
1858 } 1861 }
1859 1862
1860 .spinner-layer { 1863 .spinner-layer {
1861 position: absolute; 1864 position: absolute;
1862 width: 100%; 1865 width: 100%;
1863 height: 100%; 1866 height: 100%;
1864 opacity: 0; 1867 opacity: 0;
1865 white-space: nowrap; 1868 white-space: nowrap;
1866 border-color: var(--paper-spinner-color,var(--google-blue-500)); 1869 border-color: var(--paper-spinner-color,var(--google-blue-500));;
1867 } 1870 }
1868 1871
1869 .layer-1 { 1872 .layer-1 {
1870 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); 1873 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));;
1871 } 1874 }
1872 1875
1873 .layer-2 { 1876 .layer-2 {
1874 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); 1877 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));;
1875 } 1878 }
1876 1879
1877 .layer-3 { 1880 .layer-3 {
1878 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); 1881 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));;
1879 } 1882 }
1880 1883
1881 .layer-4 { 1884 .layer-4 {
1882 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); 1885 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));;
1883 } 1886 }
1884 1887
1885 .active .spinner-layer { 1888 .active .spinner-layer {
1886 -webkit-animation-name: fill-unfill-rotate; 1889 -webkit-animation-name: fill-unfill-rotate;
1887 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1890 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1888 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1891 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1889 -webkit-animation-iteration-count: infinite; 1892 -webkit-animation-iteration-count: infinite;
1890 animation-name: fill-unfill-rotate; 1893 animation-name: fill-unfill-rotate;
1891 animation-duration: var(--paper-spinner-full-cycle-duration); 1894 animation-duration: var(--paper-spinner-full-cycle-duration);
1892 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1895 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after
2340 2343
2341 to { 2344 to {
2342 opacity: 0 2345 opacity: 0
2343 } 2346 }
2344 2347
2345 } 2348 }
2346 2349
2347 </style> 2350 </style>
2348 </template> 2351 </template>
2349 </dom-module> 2352 </dom-module>
2353
2354
2350 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 2355 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
2351 <template strip-whitespace=""> 2356 <template strip-whitespace="">
2352 <style scope="paper-spinner-lite">:host { 2357 <style scope="paper-spinner-lite">:host {
2353 display: inline-block; 2358 display: inline-block;
2354 position: relative; 2359 position: relative;
2355 width: 28px; 2360 width: 28px;
2356 height: 28px; 2361 height: 28px;
2357 2362
2358 2363
2359 --paper-spinner-container-rotation-duration: 1568ms; 2364 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
2394 } 2399 }
2395 2400
2396 } 2401 }
2397 2402
2398 .spinner-layer { 2403 .spinner-layer {
2399 position: absolute; 2404 position: absolute;
2400 width: 100%; 2405 width: 100%;
2401 height: 100%; 2406 height: 100%;
2402 opacity: 0; 2407 opacity: 0;
2403 white-space: nowrap; 2408 white-space: nowrap;
2404 border-color: var(--paper-spinner-color,var(--google-blue-500)); 2409 border-color: var(--paper-spinner-color,var(--google-blue-500));;
2405 } 2410 }
2406 2411
2407 .layer-1 { 2412 .layer-1 {
2408 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); 2413 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));;
2409 } 2414 }
2410 2415
2411 .layer-2 { 2416 .layer-2 {
2412 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); 2417 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));;
2413 } 2418 }
2414 2419
2415 .layer-3 { 2420 .layer-3 {
2416 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); 2421 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));;
2417 } 2422 }
2418 2423
2419 .layer-4 { 2424 .layer-4 {
2420 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); 2425 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));;
2421 } 2426 }
2422 2427
2423 .active .spinner-layer { 2428 .active .spinner-layer {
2424 -webkit-animation-name: fill-unfill-rotate; 2429 -webkit-animation-name: fill-unfill-rotate;
2425 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 2430 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
2426 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 2431 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
2427 -webkit-animation-iteration-count: infinite; 2432 -webkit-animation-iteration-count: infinite;
2428 animation-name: fill-unfill-rotate; 2433 animation-name: fill-unfill-rotate;
2429 animation-duration: var(--paper-spinner-full-cycle-duration); 2434 animation-duration: var(--paper-spinner-full-cycle-duration);
2430 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 2435 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 845 matching lines...) Expand 10 before | Expand all | Expand 10 after
3276 :root { 3281 :root {
3277 /* This is a custom, Chrome-specific color that does not have a --paper or 3282 /* This is a custom, Chrome-specific color that does not have a --paper or
3278 * --google equivalent. */ 3283 * --google equivalent. */
3279 --md-background-color: #f1f1f1; 3284 --md-background-color: #f1f1f1;
3280 --md-loading-message-color: #6e6e6e; 3285 --md-loading-message-color: #6e6e6e;
3281 /* This is --google-blue-700, rewritten as a native custom property for speed. 3286 /* This is --google-blue-700, rewritten as a native custom property for speed.
3282 */ 3287 */
3283 --md-toolbar-color: rgb(51, 103, 214); 3288 --md-toolbar-color: rgb(51, 103, 214);
3284 } 3289 }
3285 3290
3286 </style><dom-module id="downloads-manager" assetpath="chrome://downloads/" css-b uild="shadow"> 3291 </style>
3292
3293 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh adow">
3287 <template> 3294 <template>
3288 <style scope="downloads-manager">:host { 3295 <style scope="downloads-manager">:host {
3289 display: flex; 3296 display: flex;
3290 flex: 1 0; 3297 flex: 1 0;
3291 flex-direction: column; 3298 flex-direction: column;
3292 height: 100%; 3299 height: 100%;
3293 z-index: 0; 3300 z-index: 0;
3294 } 3301 }
3295 3302
3296 [hidden] { 3303 [hidden] {
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
3368 </template> 3375 </template>
3369 </iron-list> 3376 </iron-list>
3370 <div id="no-downloads" hidden="[[hasDownloads_]]"> 3377 <div id="no-downloads" hidden="[[hasDownloads_]]">
3371 <div> 3378 <div>
3372 <div class="illustration"></div> 3379 <div class="illustration"></div>
3373 <span>[[noDownloadsText_(inSearchMode_)]]</span> 3380 <span>[[noDownloadsText_(inSearchMode_)]]</span>
3374 </div> 3381 </div>
3375 </div> 3382 </div>
3376 </template> 3383 </template>
3377 </dom-module> 3384 </dom-module>
3378 </div><script src="crisper.js"></script></body></html> 3385 </div>
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.vulcanized.html » ('j') | ui/webui/resources/cr_elements/network/cr_network_list_item.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698