| OLD | NEW |
| 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!-
- | 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!-
- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><!-- | 9 --><!-- |
| 10 @license | 10 @license |
| (...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 55 display: flex; | 55 display: flex; |
| 56 margin: 0; | 56 margin: 0; |
| 57 } | 57 } |
| 58 | 58 |
| 59 :root { | 59 :root { |
| 60 --downloads-card-margin: 24px; | 60 --downloads-card-margin: 24px; |
| 61 --downloads-card-width: 640px; | 61 --downloads-card-width: 640px; |
| 62 } | 62 } |
| 63 </style> | 63 </style> |
| 64 </head> | 64 </head> |
| 65 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> | 65 <body><div hidden="" by-vulcanize=""> |
| 66 |
| 67 <script src="chrome://resources/js/load_time_data.js"></script> |
| 66 <script src="chrome://downloads/strings.js"></script> | 68 <script src="chrome://downloads/strings.js"></script> |
| 69 <style> |
| 70 /* Copyright 2016 The Chromium Authors. All rights reserved. |
| 71 * Use of this source code is governed by a BSD-style license that can be |
| 72 * found in the LICENSE file. */ |
| 73 |
| 74 :root { |
| 75 /* This is a custom, Chrome-specific color that does not have a --paper or |
| 76 * --google equivalent. */ |
| 77 --md-background-color: rgb(241, 241, 241); |
| 78 /* This is --google-blue-700, rewritten as a native custom property for speed. |
| 79 */ |
| 80 --md-toolbar-color: rgb(51, 103, 214); |
| 81 } |
| 82 |
| 83 </style> |
| 84 |
| 67 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
" css-build="shadow"> | 85 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
" css-build="shadow"> |
| 68 <template> | 86 <template> |
| 69 <style scope="iron-list">:host { | 87 <style scope="iron-list">:host { |
| 70 display: block; | 88 display: block; |
| 71 position: relative; | 89 position: relative; |
| 72 } | 90 } |
| 73 | 91 |
| 74 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | 92 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
| 75 :host { | 93 :host { |
| 76 will-change: transform; | 94 will-change: transform; |
| (...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 226 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou
t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; | 244 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou
t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; |
| 227 | 245 |
| 228 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; | 246 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l
ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; |
| 229 | 247 |
| 230 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; | 248 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0;
--layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; |
| 231 | 249 |
| 232 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; | 250 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay
out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; |
| 233 } | 251 } |
| 234 | 252 |
| 235 </style> | 253 </style> |
| 236 | |
| 237 | |
| 238 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> | 254 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
" css-build="shadow"> |
| 239 <template> | 255 <template> |
| 240 <style scope="iron-icon">:host { | 256 <style scope="iron-icon">:host { |
| 241 display: var(--layout-inline_-_display); | 257 display: var(--layout-inline_-_display); |
| 242 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al
ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(-
-layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_
-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-
justify-content); justify-content: var(--layout-center-center_-_justify-content)
; | 258 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al
ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(-
-layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_
-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-
justify-content); justify-content: var(--layout-center-center_-_justify-content)
; |
| 243 position: relative; | 259 position: relative; |
| 244 | 260 |
| 245 vertical-align: middle; | 261 vertical-align: middle; |
| 246 | 262 |
| 247 fill: var(--iron-icon-fill-color, currentcolor); | 263 fill: var(--iron-icon-fill-color, currentcolor); |
| (...skipping 125 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 373 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | 389 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
| 374 } | 390 } |
| 375 | 391 |
| 376 :host([elevation="5"]) { | 392 :host([elevation="5"]) { |
| 377 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | 393 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
| 378 } | 394 } |
| 379 | 395 |
| 380 </style> | 396 </style> |
| 381 </template> | 397 </template> |
| 382 </dom-module> | 398 </dom-module> |
| 383 | |
| 384 | |
| 385 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> | 399 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> |
| 386 <template strip-whitespace=""> | 400 <template strip-whitespace=""> |
| 387 <style scope="paper-button">:host { | 401 <style scope="paper-button">:host { |
| 388 display: block; | 402 display: block; |
| 389 position: relative; | 403 position: relative; |
| 390 } | 404 } |
| 391 | 405 |
| 392 :host([elevation="1"]) { | 406 :host([elevation="1"]) { |
| 393 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 407 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 394 } | 408 } |
| (...skipping 422 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 817 --dark-primary-opacity: 0.87; | 831 --dark-primary-opacity: 0.87; |
| 818 | 832 |
| 819 | 833 |
| 820 --light-divider-opacity: 0.12; | 834 --light-divider-opacity: 0.12; |
| 821 --light-disabled-opacity: 0.3; | 835 --light-disabled-opacity: 0.3; |
| 822 --light-secondary-opacity: 0.7; | 836 --light-secondary-opacity: 0.7; |
| 823 --light-primary-opacity: 1.0; | 837 --light-primary-opacity: 1.0; |
| 824 } | 838 } |
| 825 | 839 |
| 826 </style> | 840 </style> |
| 827 | |
| 828 | |
| 829 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/" css-build="shadow"> | 841 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/" css-build="shadow"> |
| 830 <template> | 842 <template> |
| 831 <style scope="paper-progress">:host { | 843 <style scope="paper-progress">:host { |
| 832 display: block; | 844 display: block; |
| 833 width: 200px; | 845 width: 200px; |
| 834 position: relative; | 846 position: relative; |
| 835 overflow: hidden; | 847 overflow: hidden; |
| 836 } | 848 } |
| 837 | 849 |
| 838 :host([hidden]) { | 850 :host([hidden]) { |
| 839 display: none !important; | 851 display: none !important; |
| 840 } | 852 } |
| 841 | 853 |
| 842 #progressContainer { | 854 #progressContainer { |
| 843 ; | 855 ; |
| 844 position: relative; | 856 position: relative; |
| 845 } | 857 } |
| 846 | 858 |
| 847 #progressContainer, .indeterminate::after { | 859 #progressContainer, .indeterminate::after { |
| 848 height: var(--paper-progress-height, 4px); | 860 height: var(--paper-progress-height, 4px); |
| 849 } | 861 } |
| 850 | 862 |
| 851 #primaryProgress, #secondaryProgress, .indeterminate::after { | 863 #primaryProgress, #secondaryProgress, .indeterminate::after { |
| 852 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 864 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 } | 865 } |
| 854 | 866 |
| 855 #progressContainer, .indeterminate::after { | 867 #progressContainer, .indeterminate::after { |
| 856 background: var(--paper-progress-container-color,var(--google-grey-300));; | 868 background: var(--paper-progress-container-color,var(--google-grey-300)); |
| 857 } | 869 } |
| 858 | 870 |
| 859 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress { | 871 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress { |
| 860 -webkit-transition-property: -webkit-transform; | 872 -webkit-transition-property: -webkit-transform; |
| 861 transition-property: transform; | 873 transition-property: transform; |
| 862 | 874 |
| 863 | 875 |
| 864 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); | 876 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); |
| 865 transition-duration: var(--paper-progress-transition-duration, 0.08s); | 877 transition-duration: var(--paper-progress-transition-duration, 0.08s); |
| 866 | 878 |
| 867 | 879 |
| 868 -webkit-transition-timing-function: var(--paper-progress-transition-timi
ng-function, ease); | 880 -webkit-transition-timing-function: var(--paper-progress-transition-timi
ng-function, ease); |
| 869 transition-timing-function: var(--paper-progress-transition-timing-funct
ion, ease); | 881 transition-timing-function: var(--paper-progress-transition-timing-funct
ion, ease); |
| 870 | 882 |
| 871 | 883 |
| 872 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); | 884 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s); |
| 873 transition-delay: var(--paper-progress-transition-delay, 0s); | 885 transition-delay: var(--paper-progress-transition-delay, 0s); |
| 874 } | 886 } |
| 875 | 887 |
| 876 #primaryProgress, #secondaryProgress { | 888 #primaryProgress, #secondaryProgress { |
| 877 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 889 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); |
| 878 -webkit-transform-origin: left center; | 890 -webkit-transform-origin: left center; |
| 879 transform-origin: left center; | 891 transform-origin: left center; |
| 880 -webkit-transform: scaleX(0); | 892 -webkit-transform: scaleX(0); |
| 881 transform: scaleX(0); | 893 transform: scaleX(0); |
| 882 will-change: transform; | 894 will-change: transform; |
| 883 } | 895 } |
| 884 | 896 |
| 885 #primaryProgress { | 897 #primaryProgress { |
| 886 background: var(--paper-progress-active-color,var(--google-green-500));; | 898 background: var(--paper-progress-active-color,var(--google-green-500)); |
| 887 } | 899 } |
| 888 | 900 |
| 889 #secondaryProgress { | 901 #secondaryProgress { |
| 890 background: var(--paper-progress-secondary-color,var(--google-green-100));; | 902 background: var(--paper-progress-secondary-color,var(--google-green-100)); |
| 891 } | 903 } |
| 892 | 904 |
| 893 :host([disabled]) #primaryProgress { | 905 :host([disabled]) #primaryProgress { |
| 894 background: var(--paper-progress-disabled-active-color,var(--google-grey-500))
;; | 906 background: var(--paper-progress-disabled-active-color,var(--google-grey-500))
; |
| 895 } | 907 } |
| 896 | 908 |
| 897 :host([disabled]) #secondaryProgress { | 909 :host([disabled]) #secondaryProgress { |
| 898 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30
0));; | 910 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30
0)); |
| 899 } | 911 } |
| 900 | 912 |
| 901 :host(:not([disabled])) #primaryProgress.indeterminate { | 913 :host(:not([disabled])) #primaryProgress.indeterminate { |
| 902 -webkit-transform-origin: right center; | 914 -webkit-transform-origin: right center; |
| 903 transform-origin: right center; | 915 transform-origin: right center; |
| 904 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-
cycle-duration, 2s) linear infinite; | 916 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate-
cycle-duration, 2s) linear infinite; |
| 905 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du
ration, 2s) linear infinite; | 917 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du
ration, 2s) linear infinite; |
| 906 } | 918 } |
| 907 | 919 |
| 908 :host(:not([disabled])) #primaryProgress.indeterminate::after { | 920 :host(:not([disabled])) #primaryProgress.indeterminate::after { |
| (...skipping 396 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1305 | 1317 |
| 1306 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> | 1318 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> |
| 1307 </div> | 1319 </div> |
| 1308 </div> | 1320 </div> |
| 1309 | 1321 |
| 1310 </template> | 1322 </template> |
| 1311 | 1323 |
| 1312 </dom-module> | 1324 </dom-module> |
| 1313 | 1325 |
| 1314 | 1326 |
| 1327 |
| 1328 |
| 1315 <style is="custom-style" css-build="shadow">html { | 1329 <style is="custom-style" css-build="shadow">html { |
| 1316 --primary-text-color: var(--light-theme-text-color); | 1330 --primary-text-color: var(--light-theme-text-color); |
| 1317 --primary-background-color: var(--light-theme-background-color); | 1331 --primary-background-color: var(--light-theme-background-color); |
| 1318 --secondary-text-color: var(--light-theme-secondary-color); | 1332 --secondary-text-color: var(--light-theme-secondary-color); |
| 1319 --disabled-text-color: var(--light-theme-disabled-color); | 1333 --disabled-text-color: var(--light-theme-disabled-color); |
| 1320 --divider-color: var(--light-theme-divider-color); | 1334 --divider-color: var(--light-theme-divider-color); |
| 1321 --error-color: var(--paper-deep-orange-a700); | 1335 --error-color: var(--paper-deep-orange-a700); |
| 1322 | 1336 |
| 1323 | 1337 |
| 1324 --primary-color: var(--paper-indigo-500); | 1338 --primary-color: var(--paper-indigo-500); |
| (...skipping 20 matching lines...) Expand all Loading... |
| 1345 --dark-theme-secondary-color: #bcbcbc; | 1359 --dark-theme-secondary-color: #bcbcbc; |
| 1346 --dark-theme-disabled-color: #646464; | 1360 --dark-theme-disabled-color: #646464; |
| 1347 --dark-theme-divider-color: #3c3c3c; | 1361 --dark-theme-divider-color: #3c3c3c; |
| 1348 | 1362 |
| 1349 | 1363 |
| 1350 --text-primary-color: var(--dark-theme-text-color); | 1364 --text-primary-color: var(--dark-theme-text-color); |
| 1351 --default-primary-color: var(--primary-color); | 1365 --default-primary-color: var(--primary-color); |
| 1352 } | 1366 } |
| 1353 | 1367 |
| 1354 </style> | 1368 </style> |
| 1355 <style> | |
| 1356 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 1357 * Use of this source code is governed by a BSD-style license that can be | |
| 1358 * found in the LICENSE file. */ | |
| 1359 | |
| 1360 <if expr="not chromeos and not is_android"> | |
| 1361 @font-face { | |
| 1362 font-family: 'Roboto'; | |
| 1363 font-style: normal; | |
| 1364 font-weight: 400; | |
| 1365 src: local('Roboto'), local('Roboto-Regular'), | |
| 1366 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); | |
| 1367 } | |
| 1368 | |
| 1369 @font-face { | |
| 1370 font-family: 'Roboto'; | |
| 1371 font-style: normal; | |
| 1372 font-weight: 500; | |
| 1373 src: local('Roboto Medium'), local('Roboto-Medium'), | |
| 1374 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); | |
| 1375 } | |
| 1376 | |
| 1377 @font-face { | |
| 1378 font-family: 'Roboto'; | |
| 1379 font-style: normal; | |
| 1380 font-weight: 700; | |
| 1381 src: local('Roboto Bold'), local('Roboto-Bold'), | |
| 1382 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2'); | |
| 1383 } | |
| 1384 </if> | |
| 1385 | |
| 1386 </style> | |
| 1387 <style is="custom-style" css-build="shadow">html { | 1369 <style is="custom-style" css-build="shadow">html { |
| 1388 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper
-font-common-base_-_-webkit-font-smoothing: antialiased;; | 1370 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper
-font-common-base_-_-webkit-font-smoothing: antialiased;; |
| 1389 | 1371 |
| 1390 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo',
monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; | 1372 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo',
monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; |
| 1391 | 1373 |
| 1392 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;
; | 1374 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility;
; |
| 1393 | 1375 |
| 1394 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra
p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; | 1376 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra
p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; |
| 1395 | 1377 |
| 1396 | 1378 |
| (...skipping 21 matching lines...) Expand all Loading... |
| 1418 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family
); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_-
webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo
n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common-
nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common-
nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu
_-_font-weight: 500; --paper-font-menu_-_line-height: 24px;; | 1400 --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 | 1401 |
| 1420 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami
ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base
_-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font
-common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font
-common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo
nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap
er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018
em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo
rm: uppercase;; | 1402 --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 | 1403 |
| 1422 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil
y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_-
_-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co
de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;; | 1404 --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 | 1405 |
| 1424 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil
y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_-
_-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co
de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;; | 1406 --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 } | 1407 } |
| 1426 | 1408 |
| 1427 </style> | 1409 </style> |
| 1410 <style> |
| 1411 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 1412 * Use of this source code is governed by a BSD-style license that can be |
| 1413 * found in the LICENSE file. */ |
| 1414 |
| 1415 <if expr="not chromeos and not is_android"> |
| 1416 @font-face { |
| 1417 font-family: 'Roboto'; |
| 1418 font-style: normal; |
| 1419 font-weight: 400; |
| 1420 src: local('Roboto'), local('Roboto-Regular'), |
| 1421 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); |
| 1422 } |
| 1423 |
| 1424 @font-face { |
| 1425 font-family: 'Roboto'; |
| 1426 font-style: normal; |
| 1427 font-weight: 500; |
| 1428 src: local('Roboto Medium'), local('Roboto-Medium'), |
| 1429 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); |
| 1430 } |
| 1431 |
| 1432 @font-face { |
| 1433 font-family: 'Roboto'; |
| 1434 font-style: normal; |
| 1435 font-weight: 700; |
| 1436 src: local('Roboto Bold'), local('Roboto-Bold'), |
| 1437 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2'); |
| 1438 } |
| 1439 </if> |
| 1440 |
| 1441 </style> |
| 1428 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/" css-build="shadow"> | 1442 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/" css-build="shadow"> |
| 1429 <template> | 1443 <template> |
| 1430 <style scope="paper-item-shared-styles">:host, .paper-item { | 1444 <style scope="paper-item-shared-styles">:host, .paper-item { |
| 1431 display: block; | 1445 display: block; |
| 1432 position: relative; | 1446 position: relative; |
| 1433 min-height: var(--paper-item-min-height, 48px); | 1447 min-height: var(--paper-item-min-height, 48px); |
| 1434 padding: 0px 16px; | 1448 padding: 0px 16px; |
| 1435 } | 1449 } |
| 1436 | 1450 |
| 1437 .paper-item { | 1451 .paper-item { |
| 1438 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing:
var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-
subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line
-height: var(--paper-font-subhead_-_line-height); | 1452 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing:
var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font-
subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line
-height: var(--paper-font-subhead_-_line-height); |
| 1439 border:none; | 1453 border:none; |
| 1440 outline: none; | 1454 outline: none; |
| 1441 background: white; | 1455 background: white; |
| 1442 width: 100%; | 1456 width: 100%; |
| 1443 text-align: left; | 1457 text-align: left; |
| 1444 } | 1458 } |
| 1445 | 1459 |
| 1446 :host([hidden]), .paper-item[hidden] { | 1460 :host([hidden]), .paper-item[hidden] { |
| 1447 display: none !important; | 1461 display: none !important; |
| 1448 } | 1462 } |
| 1449 | 1463 |
| 1450 :host(.iron-selected), .paper-item.iron-selected { | 1464 :host(.iron-selected), .paper-item.iron-selected { |
| 1451 font-weight: var(--paper-item-selected-weight, bold); | 1465 font-weight: var(--paper-item-selected-weight, bold); |
| 1452 | 1466 |
| 1453 ; | 1467 ; |
| 1454 } | 1468 } |
| 1455 | 1469 |
| 1456 :host([disabled]), .paper-item[disabled] { | 1470 :host([disabled]), .paper-item[disabled] { |
| 1457 color: var(--paper-item-disabled-color,var(--disabled-text-color));; | 1471 color: var(--paper-item-disabled-color,var(--disabled-text-color)); |
| 1458 | 1472 |
| 1459 ; | 1473 ; |
| 1460 } | 1474 } |
| 1461 | 1475 |
| 1462 :host(:focus), .paper-item:focus { | 1476 :host(:focus), .paper-item:focus { |
| 1463 position: relative; | 1477 position: relative; |
| 1464 outline: 0; | 1478 outline: 0; |
| 1465 | 1479 |
| 1466 ; | 1480 ; |
| 1467 } | 1481 } |
| 1468 | 1482 |
| 1469 :host(:focus):before, .paper-item:focus:before { | 1483 :host(:focus):before, .paper-item:focus:before { |
| 1470 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 1484 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 | 1485 |
| 1472 background: currentColor; | 1486 background: currentColor; |
| 1473 content: ''; | 1487 content: ''; |
| 1474 opacity: var(--dark-divider-opacity); | 1488 opacity: var(--dark-divider-opacity); |
| 1475 pointer-events: none; | 1489 pointer-events: none; |
| 1476 | 1490 |
| 1477 ; | 1491 ; |
| 1478 } | 1492 } |
| 1479 | 1493 |
| 1480 </style> | 1494 </style> |
| 1481 </template> | 1495 </template> |
| 1482 </dom-module> | 1496 </dom-module> |
| 1483 | |
| 1484 | |
| 1485 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> | 1497 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> |
| 1486 <template> | 1498 <template> |
| 1487 | 1499 |
| 1488 <style scope="paper-item">:host, .paper-item { | 1500 <style scope="paper-item">:host, .paper-item { |
| 1489 display: block; | 1501 display: block; |
| 1490 position: relative; | 1502 position: relative; |
| 1491 min-height: var(--paper-item-min-height, 48px); | 1503 min-height: var(--paper-item-min-height, 48px); |
| 1492 padding: 0px 16px; | 1504 padding: 0px 16px; |
| 1493 } | 1505 } |
| 1494 | 1506 |
| (...skipping 10 matching lines...) Expand all Loading... |
| 1505 display: none !important; | 1517 display: none !important; |
| 1506 } | 1518 } |
| 1507 | 1519 |
| 1508 :host(.iron-selected), .paper-item.iron-selected { | 1520 :host(.iron-selected), .paper-item.iron-selected { |
| 1509 font-weight: var(--paper-item-selected-weight, bold); | 1521 font-weight: var(--paper-item-selected-weight, bold); |
| 1510 | 1522 |
| 1511 ; | 1523 ; |
| 1512 } | 1524 } |
| 1513 | 1525 |
| 1514 :host([disabled]), .paper-item[disabled] { | 1526 :host([disabled]), .paper-item[disabled] { |
| 1515 color: var(--paper-item-disabled-color,var(--disabled-text-color));; | 1527 color: var(--paper-item-disabled-color,var(--disabled-text-color)); |
| 1516 | 1528 |
| 1517 ; | 1529 ; |
| 1518 } | 1530 } |
| 1519 | 1531 |
| 1520 :host(:focus), .paper-item:focus { | 1532 :host(:focus), .paper-item:focus { |
| 1521 position: relative; | 1533 position: relative; |
| 1522 outline: 0; | 1534 outline: 0; |
| 1523 | 1535 |
| 1524 ; | 1536 ; |
| 1525 } | 1537 } |
| (...skipping 25 matching lines...) Expand all Loading... |
| 1551 </dom-module> | 1563 </dom-module> |
| 1552 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-menu/" css-build="shadow"> | 1564 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-menu/" css-build="shadow"> |
| 1553 <template> | 1565 <template> |
| 1554 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i
ron-selected { | 1566 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i
ron-selected { |
| 1555 font-weight: bold; | 1567 font-weight: bold; |
| 1556 | 1568 |
| 1557 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); | 1569 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); |
| 1558 } | 1570 } |
| 1559 | 1571 |
| 1560 .selectable-content > ::content > [disabled] { | 1572 .selectable-content > ::content > [disabled] { |
| 1561 color: var(--paper-menu-disabled-color,var(--disabled-text-color));; | 1573 color: var(--paper-menu-disabled-color,var(--disabled-text-color)); |
| 1562 } | 1574 } |
| 1563 | 1575 |
| 1564 .selectable-content > ::content > *:focus { | 1576 .selectable-content > ::content > *:focus { |
| 1565 position: relative; | 1577 position: relative; |
| 1566 outline: 0; | 1578 outline: 0; |
| 1567 | 1579 |
| 1568 ; | 1580 ; |
| 1569 } | 1581 } |
| 1570 | 1582 |
| 1571 .selectable-content > ::content > *:focus:after { | 1583 .selectable-content > ::content > *:focus:after { |
| 1572 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 1584 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); |
| 1573 background: currentColor; | 1585 background: currentColor; |
| 1574 opacity: var(--dark-divider-opacity); | 1586 opacity: var(--dark-divider-opacity); |
| 1575 content: ''; | 1587 content: ''; |
| 1576 pointer-events: none; | 1588 pointer-events: none; |
| 1577 | 1589 |
| 1578 ; | 1590 ; |
| 1579 } | 1591 } |
| 1580 | 1592 |
| 1581 .selectable-content > ::content > *[colored]:focus:after { | 1593 .selectable-content > ::content > *[colored]:focus:after { |
| 1582 opacity: 0.26; | 1594 opacity: 0.26; |
| 1583 } | 1595 } |
| 1584 | 1596 |
| 1585 </style> | 1597 </style> |
| 1586 </template> | 1598 </template> |
| 1587 </dom-module> | 1599 </dom-module> |
| 1588 | |
| 1589 | |
| 1590 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/" css-build="shadow"> | 1600 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/" css-build="shadow"> |
| 1591 <template> | 1601 <template> |
| 1592 | 1602 |
| 1593 <style scope="paper-menu">.selectable-content > ::content > .iron-selected { | 1603 <style scope="paper-menu">.selectable-content > ::content > .iron-selected { |
| 1594 font-weight: bold; | 1604 font-weight: bold; |
| 1595 | 1605 |
| 1596 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); | 1606 font-weight: var(--paper-menu-selected-item_-_font-weight, bold); |
| 1597 } | 1607 } |
| 1598 | 1608 |
| 1599 .selectable-content > ::content > [disabled] { | 1609 .selectable-content > ::content > [disabled] { |
| 1600 color: var(--paper-menu-disabled-color,var(--disabled-text-color));; | 1610 color: var(--paper-menu-disabled-color,var(--disabled-text-color)); |
| 1601 } | 1611 } |
| 1602 | 1612 |
| 1603 .selectable-content > ::content > *:focus { | 1613 .selectable-content > ::content > *:focus { |
| 1604 position: relative; | 1614 position: relative; |
| 1605 outline: 0; | 1615 outline: 0; |
| 1606 | 1616 |
| 1607 ; | 1617 ; |
| 1608 } | 1618 } |
| 1609 | 1619 |
| 1610 .selectable-content > ::content > *:focus:after { | 1620 .selectable-content > ::content > *:focus:after { |
| 1611 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 1621 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); |
| 1612 background: currentColor; | 1622 background: currentColor; |
| 1613 opacity: var(--dark-divider-opacity); | 1623 opacity: var(--dark-divider-opacity); |
| 1614 content: ''; | 1624 content: ''; |
| 1615 pointer-events: none; | 1625 pointer-events: none; |
| 1616 | 1626 |
| 1617 ; | 1627 ; |
| 1618 } | 1628 } |
| 1619 | 1629 |
| 1620 .selectable-content > ::content > *[colored]:focus:after { | 1630 .selectable-content > ::content > *[colored]:focus:after { |
| 1621 opacity: 0.26; | 1631 opacity: 0.26; |
| 1622 } | 1632 } |
| 1623 | 1633 |
| 1624 :host { | 1634 :host { |
| 1625 display: block; | 1635 display: block; |
| 1626 padding: 8px 0; | 1636 padding: 8px 0; |
| 1627 | 1637 |
| 1628 background: var(--paper-menu-background-color,var(--primary-background-c
olor));; | 1638 background: var(--paper-menu-background-color,var(--primary-background-c
olor)); |
| 1629 color: var(--paper-menu-color,var(--primary-text-color));; | 1639 color: var(--paper-menu-color,var(--primary-text-color)); |
| 1630 | 1640 |
| 1631 ; | 1641 ; |
| 1632 } | 1642 } |
| 1633 | 1643 |
| 1634 </style> | 1644 </style> |
| 1635 | 1645 |
| 1636 <div class="selectable-content"> | 1646 <div class="selectable-content"> |
| 1637 <content></content> | 1647 <content></content> |
| 1638 </div> | 1648 </div> |
| 1639 </template> | 1649 </template> |
| (...skipping 22 matching lines...) Expand all Loading... |
| 1662 } | 1672 } |
| 1663 | 1673 |
| 1664 </style> | 1674 </style> |
| 1665 | 1675 |
| 1666 <content></content> | 1676 <content></content> |
| 1667 </template> | 1677 </template> |
| 1668 | 1678 |
| 1669 </dom-module> | 1679 </dom-module> |
| 1670 | 1680 |
| 1671 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 1681 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 1672 | |
| 1673 | |
| 1674 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> | 1682 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> |
| 1675 <template> | 1683 <template> |
| 1676 <style scope="iron-dropdown">:host { | 1684 <style scope="iron-dropdown">:host { |
| 1677 position: fixed; | 1685 position: fixed; |
| 1678 } | 1686 } |
| 1679 | 1687 |
| 1680 #contentWrapper ::content > * { | 1688 #contentWrapper ::content > * { |
| 1681 overflow: auto; | 1689 overflow: auto; |
| 1682 } | 1690 } |
| 1683 | 1691 |
| (...skipping 29 matching lines...) Expand all Loading... |
| 1713 | 1721 |
| 1714 iron-dropdown { | 1722 iron-dropdown { |
| 1715 ; | 1723 ; |
| 1716 } | 1724 } |
| 1717 | 1725 |
| 1718 .dropdown-content { | 1726 .dropdown-content { |
| 1719 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 1727 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 1720 | 1728 |
| 1721 position: relative; | 1729 position: relative; |
| 1722 border-radius: 2px; | 1730 border-radius: 2px; |
| 1723 background-color: var(--paper-menu-button-dropdown-background,var(--prim
ary-background-color));; | 1731 background-color: var(--paper-menu-button-dropdown-background,var(--prim
ary-background-color)); |
| 1724 | 1732 |
| 1725 ; | 1733 ; |
| 1726 } | 1734 } |
| 1727 | 1735 |
| 1728 :host([vertical-align="top"]) .dropdown-content { | 1736 :host([vertical-align="top"]) .dropdown-content { |
| 1729 margin-bottom: 20px; | 1737 margin-bottom: 20px; |
| 1730 margin-top: -10px; | 1738 margin-top: -10px; |
| 1731 top: 10px; | 1739 top: 10px; |
| 1732 } | 1740 } |
| 1733 | 1741 |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1777 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | 1785 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| 1778 -webkit-tap-highlight-color: transparent; | 1786 -webkit-tap-highlight-color: transparent; |
| 1779 | 1787 |
| 1780 | 1788 |
| 1781 box-sizing: border-box !important; | 1789 box-sizing: border-box !important; |
| 1782 | 1790 |
| 1783 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic
on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px); | 1791 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic
on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px); |
| 1784 } | 1792 } |
| 1785 | 1793 |
| 1786 :host #ink { | 1794 :host #ink { |
| 1787 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; | 1795 color: var(--paper-icon-button-ink-color,var(--primary-text-color)); |
| 1788 opacity: 0.6; | 1796 opacity: 0.6; |
| 1789 } | 1797 } |
| 1790 | 1798 |
| 1791 :host([disabled]) { | 1799 :host([disabled]) { |
| 1792 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; | 1800 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color)); |
| 1793 pointer-events: none; | 1801 pointer-events: none; |
| 1794 cursor: auto; | 1802 cursor: auto; |
| 1795 | 1803 |
| 1796 ; | 1804 ; |
| 1797 } | 1805 } |
| 1798 | 1806 |
| 1799 :host(:hover) { | 1807 :host(:hover) { |
| 1800 ; | 1808 ; |
| 1801 } | 1809 } |
| 1802 | 1810 |
| (...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1858 } | 1866 } |
| 1859 | 1867 |
| 1860 } | 1868 } |
| 1861 | 1869 |
| 1862 .spinner-layer { | 1870 .spinner-layer { |
| 1863 position: absolute; | 1871 position: absolute; |
| 1864 width: 100%; | 1872 width: 100%; |
| 1865 height: 100%; | 1873 height: 100%; |
| 1866 opacity: 0; | 1874 opacity: 0; |
| 1867 white-space: nowrap; | 1875 white-space: nowrap; |
| 1868 border-color: var(--paper-spinner-color,var(--google-blue-500));; | 1876 border-color: var(--paper-spinner-color,var(--google-blue-500)); |
| 1869 } | 1877 } |
| 1870 | 1878 |
| 1871 .layer-1 { | 1879 .layer-1 { |
| 1872 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; | 1880 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); |
| 1873 } | 1881 } |
| 1874 | 1882 |
| 1875 .layer-2 { | 1883 .layer-2 { |
| 1876 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; | 1884 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); |
| 1877 } | 1885 } |
| 1878 | 1886 |
| 1879 .layer-3 { | 1887 .layer-3 { |
| 1880 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; | 1888 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); |
| 1881 } | 1889 } |
| 1882 | 1890 |
| 1883 .layer-4 { | 1891 .layer-4 { |
| 1884 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; | 1892 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); |
| 1885 } | 1893 } |
| 1886 | 1894 |
| 1887 .active .spinner-layer { | 1895 .active .spinner-layer { |
| 1888 -webkit-animation-name: fill-unfill-rotate; | 1896 -webkit-animation-name: fill-unfill-rotate; |
| 1889 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); | 1897 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); |
| 1890 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 1898 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
| 1891 -webkit-animation-iteration-count: infinite; | 1899 -webkit-animation-iteration-count: infinite; |
| 1892 animation-name: fill-unfill-rotate; | 1900 animation-name: fill-unfill-rotate; |
| 1893 animation-duration: var(--paper-spinner-full-cycle-duration); | 1901 animation-duration: var(--paper-spinner-full-cycle-duration); |
| 1894 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 1902 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
| (...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2342 | 2350 |
| 2343 to { | 2351 to { |
| 2344 opacity: 0 | 2352 opacity: 0 |
| 2345 } | 2353 } |
| 2346 | 2354 |
| 2347 } | 2355 } |
| 2348 | 2356 |
| 2349 </style> | 2357 </style> |
| 2350 </template> | 2358 </template> |
| 2351 </dom-module> | 2359 </dom-module> |
| 2352 | |
| 2353 | |
| 2354 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p
aper-spinner/" css-build="shadow"> | 2360 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p
aper-spinner/" css-build="shadow"> |
| 2355 <template strip-whitespace=""> | 2361 <template strip-whitespace=""> |
| 2356 <style scope="paper-spinner-lite">:host { | 2362 <style scope="paper-spinner-lite">:host { |
| 2357 display: inline-block; | 2363 display: inline-block; |
| 2358 position: relative; | 2364 position: relative; |
| 2359 width: 28px; | 2365 width: 28px; |
| 2360 height: 28px; | 2366 height: 28px; |
| 2361 | 2367 |
| 2362 | 2368 |
| 2363 --paper-spinner-container-rotation-duration: 1568ms; | 2369 --paper-spinner-container-rotation-duration: 1568ms; |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2398 } | 2404 } |
| 2399 | 2405 |
| 2400 } | 2406 } |
| 2401 | 2407 |
| 2402 .spinner-layer { | 2408 .spinner-layer { |
| 2403 position: absolute; | 2409 position: absolute; |
| 2404 width: 100%; | 2410 width: 100%; |
| 2405 height: 100%; | 2411 height: 100%; |
| 2406 opacity: 0; | 2412 opacity: 0; |
| 2407 white-space: nowrap; | 2413 white-space: nowrap; |
| 2408 border-color: var(--paper-spinner-color,var(--google-blue-500));; | 2414 border-color: var(--paper-spinner-color,var(--google-blue-500)); |
| 2409 } | 2415 } |
| 2410 | 2416 |
| 2411 .layer-1 { | 2417 .layer-1 { |
| 2412 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; | 2418 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); |
| 2413 } | 2419 } |
| 2414 | 2420 |
| 2415 .layer-2 { | 2421 .layer-2 { |
| 2416 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; | 2422 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); |
| 2417 } | 2423 } |
| 2418 | 2424 |
| 2419 .layer-3 { | 2425 .layer-3 { |
| 2420 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; | 2426 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); |
| 2421 } | 2427 } |
| 2422 | 2428 |
| 2423 .layer-4 { | 2429 .layer-4 { |
| 2424 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; | 2430 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); |
| 2425 } | 2431 } |
| 2426 | 2432 |
| 2427 .active .spinner-layer { | 2433 .active .spinner-layer { |
| 2428 -webkit-animation-name: fill-unfill-rotate; | 2434 -webkit-animation-name: fill-unfill-rotate; |
| 2429 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); | 2435 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); |
| 2430 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 2436 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
| 2431 -webkit-animation-iteration-count: infinite; | 2437 -webkit-animation-iteration-count: infinite; |
| 2432 animation-name: fill-unfill-rotate; | 2438 animation-name: fill-unfill-rotate; |
| 2433 animation-duration: var(--paper-spinner-full-cycle-duration); | 2439 animation-duration: var(--paper-spinner-full-cycle-duration); |
| 2434 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | 2440 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); |
| (...skipping 842 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3277 </paper-item> | 3283 </paper-item> |
| 3278 <paper-item on-tap="onOpenDownloadsFolderTap_" on-blur="onItemBlur_"
> | 3284 <paper-item on-tap="onOpenDownloadsFolderTap_" on-blur="onItemBlur_"
> |
| 3279 $i18n{openDownloadsFolder} | 3285 $i18n{openDownloadsFolder} |
| 3280 </paper-item> | 3286 </paper-item> |
| 3281 </paper-menu> | 3287 </paper-menu> |
| 3282 </paper-menu-button> | 3288 </paper-menu-button> |
| 3283 </div> | 3289 </div> |
| 3284 </cr-toolbar> | 3290 </cr-toolbar> |
| 3285 </template> | 3291 </template> |
| 3286 </dom-module> | 3292 </dom-module> |
| 3287 <style> | |
| 3288 /* Copyright 2016 The Chromium Authors. All rights reserved. | |
| 3289 * Use of this source code is governed by a BSD-style license that can be | |
| 3290 * found in the LICENSE file. */ | |
| 3291 | |
| 3292 :root { | |
| 3293 /* This is a custom, Chrome-specific color that does not have a --paper or | |
| 3294 * --google equivalent. */ | |
| 3295 --md-background-color: rgb(241, 241, 241); | |
| 3296 /* This is --google-blue-700, rewritten as a native custom property for speed. | |
| 3297 */ | |
| 3298 --md-toolbar-color: rgb(51, 103, 214); | |
| 3299 } | |
| 3300 | |
| 3301 </style> | |
| 3302 | |
| 3303 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh
adow"> | 3293 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh
adow"> |
| 3304 <template> | 3294 <template> |
| 3305 <style scope="downloads-manager">:host { | 3295 <style scope="downloads-manager">:host { |
| 3306 display: flex; | 3296 display: flex; |
| 3307 flex: 1 0; | 3297 flex: 1 0; |
| 3308 flex-direction: column; | 3298 flex-direction: column; |
| 3309 height: 100%; | 3299 height: 100%; |
| 3310 z-index: 0; | 3300 z-index: 0; |
| 3311 } | 3301 } |
| 3312 | 3302 |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3399 <command id="undo-command" shortcut="Meta|z"></command> | 3389 <command id="undo-command" shortcut="Meta|z"></command> |
| 3400 <command id="find-command" shortcut="Meta|f"></command> | 3390 <command id="find-command" shortcut="Meta|f"></command> |
| 3401 </if> | 3391 </if> |
| 3402 <if expr="not is_macosx"> | 3392 <if expr="not is_macosx"> |
| 3403 <command id="clear-all-command" shortcut="Alt|c"></command> | 3393 <command id="clear-all-command" shortcut="Alt|c"></command> |
| 3404 <command id="undo-command" shortcut="Ctrl|z"></command> | 3394 <command id="undo-command" shortcut="Ctrl|z"></command> |
| 3405 <command id="find-command" shortcut="Ctrl|f"></command> | 3395 <command id="find-command" shortcut="Ctrl|f"></command> |
| 3406 </if> | 3396 </if> |
| 3407 <link rel="import" href="chrome://resources/html/polymer.html"> | 3397 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3408 <script src="crisper.js"></script></body></html> | 3398 <script src="crisper.js"></script></body></html> |
| OLD | NEW |