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