| OLD | NEW |
| 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- | 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2016 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 18 matching lines...) Expand all Loading... |
| 29 } | 29 } |
| 30 | 30 |
| 31 body { | 31 body { |
| 32 display: flex; | 32 display: flex; |
| 33 margin: 0; | 33 margin: 0; |
| 34 } | 34 } |
| 35 </style> | 35 </style> |
| 36 </head> | 36 </head> |
| 37 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> | 37 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> |
| 38 <script src="chrome://downloads/strings.js"></script> | 38 <script src="chrome://downloads/strings.js"></script> |
| 39 |
| 39 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> | 40 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> |
| 40 <template> | 41 <template> |
| 41 <style> | 42 <style> |
| 42 :host { | 43 :host { |
| 43 display: block; | 44 display: block; |
| 44 position: relative; | 45 position: relative; |
| 45 } | 46 } |
| 46 | 47 |
| 47 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | 48 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
| 48 :host { | 49 :host { |
| (...skipping 190 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 239 -webkit-align-items: center; | 240 -webkit-align-items: center; |
| 240 align-items: center; | 241 align-items: center; |
| 241 }; | 242 }; |
| 242 | 243 |
| 243 --layout-end: { | 244 --layout-end: { |
| 244 -ms-flex-align: end; | 245 -ms-flex-align: end; |
| 245 -webkit-align-items: flex-end; | 246 -webkit-align-items: flex-end; |
| 246 align-items: flex-end; | 247 align-items: flex-end; |
| 247 }; | 248 }; |
| 248 | 249 |
| 250 --layout-baseline: { |
| 251 -ms-flex-align: baseline; |
| 252 -webkit-align-items: baseline; |
| 253 align-items: baseline; |
| 254 }; |
| 255 |
| 249 /* alignment in main axis */ | 256 /* alignment in main axis */ |
| 250 | 257 |
| 251 --layout-start-justified: { | 258 --layout-start-justified: { |
| 252 -ms-flex-pack: start; | 259 -ms-flex-pack: start; |
| 253 -webkit-justify-content: flex-start; | 260 -webkit-justify-content: flex-start; |
| 254 justify-content: flex-start; | 261 justify-content: flex-start; |
| 255 }; | 262 }; |
| 256 | 263 |
| 257 --layout-center-justified: { | 264 --layout-center-justified: { |
| 258 -ms-flex-pack: center; | 265 -ms-flex-pack: center; |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 302 -webkit-align-self: flex-end; | 309 -webkit-align-self: flex-end; |
| 303 align-self: flex-end; | 310 align-self: flex-end; |
| 304 }; | 311 }; |
| 305 | 312 |
| 306 --layout-self-stretch: { | 313 --layout-self-stretch: { |
| 307 -ms-align-self: stretch; | 314 -ms-align-self: stretch; |
| 308 -webkit-align-self: stretch; | 315 -webkit-align-self: stretch; |
| 309 align-self: stretch; | 316 align-self: stretch; |
| 310 }; | 317 }; |
| 311 | 318 |
| 319 --layout-self-baseline: { |
| 320 -ms-align-self: baseline; |
| 321 -webkit-align-self: baseline; |
| 322 align-self: baseline; |
| 323 }; |
| 324 |
| 325 /* multi-line alignment in main axis */ |
| 326 |
| 327 --layout-start-aligned: { |
| 328 -ms-flex-line-pack: start; /* IE10 */ |
| 329 -ms-align-content: flex-start; |
| 330 -webkit-align-content: flex-start; |
| 331 align-content: flex-start; |
| 332 }; |
| 333 |
| 334 --layout-end-aligned: { |
| 335 -ms-flex-line-pack: end; /* IE10 */ |
| 336 -ms-align-content: flex-end; |
| 337 -webkit-align-content: flex-end; |
| 338 align-content: flex-end; |
| 339 }; |
| 340 |
| 341 --layout-center-aligned: { |
| 342 -ms-flex-line-pack: center; /* IE10 */ |
| 343 -ms-align-content: center; |
| 344 -webkit-align-content: center; |
| 345 align-content: center; |
| 346 }; |
| 347 |
| 348 --layout-between-aligned: { |
| 349 -ms-flex-line-pack: justify; /* IE10 */ |
| 350 -ms-align-content: space-between; |
| 351 -webkit-align-content: space-between; |
| 352 align-content: space-between; |
| 353 }; |
| 354 |
| 355 --layout-around-aligned: { |
| 356 -ms-flex-line-pack: distribute; /* IE10 */ |
| 357 -ms-align-content: space-around; |
| 358 -webkit-align-content: space-around; |
| 359 align-content: space-around; |
| 360 }; |
| 361 |
| 312 /******************************* | 362 /******************************* |
| 313 Other Layout | 363 Other Layout |
| 314 *******************************/ | 364 *******************************/ |
| 315 | 365 |
| 316 --layout-block: { | 366 --layout-block: { |
| 317 display: block; | 367 display: block; |
| 318 }; | 368 }; |
| 319 | 369 |
| 320 --layout-invisible: { | 370 --layout-invisible: { |
| 321 visibility: hidden !important; | 371 visibility: hidden !important; |
| (...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 369 --layout-fixed-left: { | 419 --layout-fixed-left: { |
| 370 position: fixed; | 420 position: fixed; |
| 371 top: 0; | 421 top: 0; |
| 372 bottom: 0; | 422 bottom: 0; |
| 373 left: 0; | 423 left: 0; |
| 374 }; | 424 }; |
| 375 | 425 |
| 376 } | 426 } |
| 377 | 427 |
| 378 </style> | 428 </style> |
| 379 | |
| 380 | |
| 381 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> | 429 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> |
| 382 | 430 |
| 383 <style> | 431 <style> |
| 384 :host { | 432 :host { |
| 385 @apply(--layout-inline); | 433 @apply(--layout-inline); |
| 386 @apply(--layout-center-center); | 434 @apply(--layout-center-center); |
| 387 position: relative; | 435 position: relative; |
| 388 | 436 |
| 389 vertical-align: middle; | 437 vertical-align: middle; |
| 390 | 438 |
| (...skipping 470 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 861 :host([elevation="4"]) { | 909 :host([elevation="4"]) { |
| 862 @apply(--shadow-elevation-8dp); | 910 @apply(--shadow-elevation-8dp); |
| 863 } | 911 } |
| 864 | 912 |
| 865 :host([elevation="5"]) { | 913 :host([elevation="5"]) { |
| 866 @apply(--shadow-elevation-16dp); | 914 @apply(--shadow-elevation-16dp); |
| 867 } | 915 } |
| 868 </style> | 916 </style> |
| 869 </template> | 917 </template> |
| 870 </dom-module> | 918 </dom-module> |
| 871 | |
| 872 | |
| 873 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> | 919 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> |
| 874 <template> | 920 <template> |
| 875 <style include="paper-material-shared-styles"></style> | 921 <style include="paper-material-shared-styles"></style> |
| 876 <style> | 922 <style> |
| 877 :host([animated]) { | 923 :host([animated]) { |
| 878 @apply(--shadow-transition); | 924 @apply(--shadow-transition); |
| 879 } | 925 } |
| 880 </style> | 926 </style> |
| 881 | 927 |
| 882 <content></content> | 928 <content></content> |
| (...skipping 371 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1254 | 1300 |
| 1255 /* opacity for light text on a dark background */ | 1301 /* opacity for light text on a dark background */ |
| 1256 --light-divider-opacity: 0.12; | 1302 --light-divider-opacity: 0.12; |
| 1257 --light-disabled-opacity: 0.3; /* or hint text or icon */ | 1303 --light-disabled-opacity: 0.3; /* or hint text or icon */ |
| 1258 --light-secondary-opacity: 0.7; | 1304 --light-secondary-opacity: 0.7; |
| 1259 --light-primary-opacity: 1.0; | 1305 --light-primary-opacity: 1.0; |
| 1260 | 1306 |
| 1261 } | 1307 } |
| 1262 | 1308 |
| 1263 </style> | 1309 </style> |
| 1264 | |
| 1265 | |
| 1266 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> | 1310 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> |
| 1267 <template> | 1311 <template> |
| 1268 <style> | 1312 <style> |
| 1269 :host { | 1313 :host { |
| 1270 display: block; | 1314 display: block; |
| 1271 width: 200px; | 1315 width: 200px; |
| 1272 position: relative; | 1316 position: relative; |
| 1273 overflow: hidden; | 1317 overflow: hidden; |
| 1274 } | 1318 } |
| 1275 | 1319 |
| 1276 #progressContainer { | 1320 #progressContainer { |
| 1277 position: relative; | 1321 position: relative; |
| 1278 } | 1322 } |
| 1279 | 1323 |
| 1280 #progressContainer, | 1324 #progressContainer, |
| 1281 /* the stripe for the indeterminate animation*/ | 1325 /* the stripe for the indeterminate animation*/ |
| 1282 .indeterminate::after { | 1326 .indeterminate::after { |
| 1283 height: var(--paper-progress-height, 4px); | 1327 height: var(--paper-progress-height, 4px); |
| 1284 } | 1328 } |
| 1285 | 1329 |
| 1286 #primaryProgress, | 1330 #primaryProgress, |
| 1287 #secondaryProgress, | 1331 #secondaryProgress, |
| 1288 .indeterminate::after { | 1332 .indeterminate::after { |
| 1289 @apply(--layout-fit); | 1333 @apply(--layout-fit); |
| 1290 } | 1334 } |
| 1291 | 1335 |
| 1292 #progressContainer, | 1336 #progressContainer, |
| 1293 .indeterminate::after { | 1337 .indeterminate::after { |
| 1294 background-color: var(--paper-progress-container-color, --google-grey-30
0); | 1338 background: var(--paper-progress-container-color, --google-grey-300); |
| 1295 } | 1339 } |
| 1296 | 1340 |
| 1297 :host(.transiting) #primaryProgress, | 1341 :host(.transiting) #primaryProgress, |
| 1298 :host(.transiting) #secondaryProgress { | 1342 :host(.transiting) #secondaryProgress { |
| 1299 -webkit-transition-property: -webkit-transform; | 1343 -webkit-transition-property: -webkit-transform; |
| 1300 transition-property: transform; | 1344 transition-property: transform; |
| 1301 | 1345 |
| 1302 /* Duration */ | 1346 /* Duration */ |
| 1303 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); | 1347 -webkit-transition-duration: var(--paper-progress-transition-duration, 0
.08s); |
| 1304 transition-duration: var(--paper-progress-transition-duration, 0.08s); | 1348 transition-duration: var(--paper-progress-transition-duration, 0.08s); |
| (...skipping 11 matching lines...) Expand all Loading... |
| 1316 #secondaryProgress { | 1360 #secondaryProgress { |
| 1317 @apply(--layout-fit); | 1361 @apply(--layout-fit); |
| 1318 -webkit-transform-origin: left center; | 1362 -webkit-transform-origin: left center; |
| 1319 transform-origin: left center; | 1363 transform-origin: left center; |
| 1320 -webkit-transform: scaleX(0); | 1364 -webkit-transform: scaleX(0); |
| 1321 transform: scaleX(0); | 1365 transform: scaleX(0); |
| 1322 will-change: transform; | 1366 will-change: transform; |
| 1323 } | 1367 } |
| 1324 | 1368 |
| 1325 #primaryProgress { | 1369 #primaryProgress { |
| 1326 background-color: var(--paper-progress-active-color, --google-green-500)
; | 1370 background: var(--paper-progress-active-color, --google-green-500); |
| 1327 } | 1371 } |
| 1328 | 1372 |
| 1329 #secondaryProgress { | 1373 #secondaryProgress { |
| 1330 position: relative; | 1374 background: var(--paper-progress-secondary-color, --google-green-100); |
| 1331 background-color: var(--paper-progress-secondary-color, --google-green-1
00); | |
| 1332 } | 1375 } |
| 1333 | 1376 |
| 1334 :host([disabled]) #primaryProgress { | 1377 :host([disabled]) #primaryProgress { |
| 1335 background-color: var(--paper-progress-disabled-active-color, --google-g
rey-500); | 1378 background: var(--paper-progress-disabled-active-color, --google-grey-50
0); |
| 1336 } | 1379 } |
| 1337 | 1380 |
| 1338 :host([disabled]) #secondaryProgress { | 1381 :host([disabled]) #secondaryProgress { |
| 1339 background-color: var(--paper-progress-disabled-secondary-color, --googl
e-grey-300); | 1382 background: var(--paper-progress-disabled-secondary-color, --google-grey
-300); |
| 1340 } | 1383 } |
| 1341 | 1384 |
| 1342 :host(:not([disabled])) #primaryProgress.indeterminate { | 1385 :host(:not([disabled])) #primaryProgress.indeterminate { |
| 1343 -webkit-transform-origin: right center; | 1386 -webkit-transform-origin: right center; |
| 1344 transform-origin: right center; | 1387 transform-origin: right center; |
| 1345 -webkit-animation: indeterminate-bar 2s linear infinite; | 1388 -webkit-animation: indeterminate-bar 2s linear infinite; |
| 1346 animation: indeterminate-bar 2s linear infinite; | 1389 animation: indeterminate-bar 2s linear infinite; |
| 1347 } | 1390 } |
| 1348 | 1391 |
| 1349 :host(:not([disabled])) #primaryProgress.indeterminate::after { | 1392 :host(:not([disabled])) #primaryProgress.indeterminate::after { |
| (...skipping 420 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1770 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"
></div> | 1813 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"
></div> |
| 1771 </div> | 1814 </div> |
| 1772 | 1815 |
| 1773 </template> | 1816 </template> |
| 1774 | 1817 |
| 1775 | 1818 |
| 1776 | 1819 |
| 1777 </dom-module> | 1820 </dom-module> |
| 1778 | 1821 |
| 1779 | 1822 |
| 1823 |
| 1824 |
| 1780 <style is="custom-style"> | 1825 <style is="custom-style"> |
| 1781 | 1826 |
| 1782 :root { | 1827 :root { |
| 1783 /* | 1828 /* |
| 1784 * You can use these generic variables in your elements for easy theming. | 1829 * You can use these generic variables in your elements for easy theming. |
| 1785 * For example, if all your elements use `--primary-text-color` as its main | 1830 * For example, if all your elements use `--primary-text-color` as its main |
| 1786 * color, then switching from a light to a dark theme is just a matter of | 1831 * color, then switching from a light to a dark theme is just a matter of |
| 1787 * changing the value of `--primary-text-color` in your application. | 1832 * changing the value of `--primary-text-color` in your application. |
| 1788 */ | 1833 */ |
| 1789 --primary-text-color: var(--light-theme-text-color); | 1834 --primary-text-color: var(--light-theme-text-color); |
| (...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1873 background: currentColor; | 1918 background: currentColor; |
| 1874 content: ''; | 1919 content: ''; |
| 1875 opacity: var(--dark-divider-opacity); | 1920 opacity: var(--dark-divider-opacity); |
| 1876 pointer-events: none; | 1921 pointer-events: none; |
| 1877 | 1922 |
| 1878 @apply(--paper-item-focused-before); | 1923 @apply(--paper-item-focused-before); |
| 1879 } | 1924 } |
| 1880 </style> | 1925 </style> |
| 1881 </template> | 1926 </template> |
| 1882 </dom-module> | 1927 </dom-module> |
| 1883 | |
| 1884 | |
| 1885 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/"> | 1928 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/"> |
| 1886 <template> | 1929 <template> |
| 1887 <style include="paper-item-shared-styles"></style> | 1930 <style include="paper-item-shared-styles"></style> |
| 1888 <style> | 1931 <style> |
| 1889 :host { | 1932 :host { |
| 1890 @apply(--layout-horizontal); | 1933 @apply(--layout-horizontal); |
| 1891 @apply(--layout-center); | 1934 @apply(--layout-center); |
| 1892 @apply(--paper-font-subhead); | 1935 @apply(--paper-font-subhead); |
| 1893 | 1936 |
| 1894 @apply(--paper-item); | 1937 @apply(--paper-item); |
| (...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1929 | 1972 |
| 1930 @apply(--paper-menu-focused-item-after); | 1973 @apply(--paper-menu-focused-item-after); |
| 1931 } | 1974 } |
| 1932 | 1975 |
| 1933 .selectable-content > ::content > *[colored]:focus:after { | 1976 .selectable-content > ::content > *[colored]:focus:after { |
| 1934 opacity: 0.26; | 1977 opacity: 0.26; |
| 1935 } | 1978 } |
| 1936 </style> | 1979 </style> |
| 1937 </template> | 1980 </template> |
| 1938 </dom-module> | 1981 </dom-module> |
| 1939 | |
| 1940 | |
| 1941 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> | 1982 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> |
| 1942 <template> | 1983 <template> |
| 1943 <style include="paper-menu-shared-styles"></style> | 1984 <style include="paper-menu-shared-styles"></style> |
| 1944 <style> | 1985 <style> |
| 1945 :host { | 1986 :host { |
| 1946 display: block; | 1987 display: block; |
| 1947 padding: 8px 0; | 1988 padding: 8px 0; |
| 1948 | 1989 |
| 1949 background: var(--paper-menu-background-color, --primary-background-colo
r); | 1990 background: var(--paper-menu-background-color, --primary-background-colo
r); |
| 1950 color: var(--paper-menu-color, --primary-text-color); | 1991 color: var(--paper-menu-color, --primary-text-color); |
| (...skipping 14 matching lines...) Expand all Loading... |
| 1965 | 2006 |
| 1966 :host { | 2007 :host { |
| 1967 position: fixed; | 2008 position: fixed; |
| 1968 top: 0; | 2009 top: 0; |
| 1969 left: 0; | 2010 left: 0; |
| 1970 width: 100vw; | 2011 width: 100vw; |
| 1971 height: 100vh; | 2012 height: 100vh; |
| 1972 background-color: var(--iron-overlay-backdrop-background-color, #000); | 2013 background-color: var(--iron-overlay-backdrop-background-color, #000); |
| 1973 opacity: 0; | 2014 opacity: 0; |
| 1974 transition: opacity 0.2s; | 2015 transition: opacity 0.2s; |
| 2016 pointer-events: none; |
| 1975 | 2017 |
| 1976 @apply(--iron-overlay-backdrop); | 2018 @apply(--iron-overlay-backdrop); |
| 1977 } | 2019 } |
| 1978 | 2020 |
| 1979 :host([opened]) { | 2021 :host([opened]) { |
| 1980 opacity: var(--iron-overlay-backdrop-opacity, 0.6); | 2022 opacity: var(--iron-overlay-backdrop-opacity, 0.6); |
| 2023 pointer-events: auto; |
| 1981 | 2024 |
| 1982 @apply(--iron-overlay-backdrop-opened); | 2025 @apply(--iron-overlay-backdrop-opened); |
| 1983 } | 2026 } |
| 1984 | 2027 |
| 1985 </style> | 2028 </style> |
| 1986 | 2029 |
| 1987 <template> | 2030 <template> |
| 1988 <content></content> | 2031 <content></content> |
| 1989 </template> | 2032 </template> |
| 1990 | 2033 |
| 1991 </dom-module> | 2034 </dom-module> |
| 1992 | 2035 |
| 1993 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 2036 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 1994 | |
| 1995 | |
| 1996 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> | 2037 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> |
| 1997 <style> | 2038 <style> |
| 1998 :host { | 2039 :host { |
| 1999 position: fixed; | 2040 position: fixed; |
| 2000 } | 2041 } |
| 2001 | 2042 |
| 2002 #contentWrapper ::content > * { | 2043 #contentWrapper ::content > * { |
| 2003 overflow: auto; | 2044 overflow: auto; |
| 2004 } | 2045 } |
| 2005 | 2046 |
| 2006 #contentWrapper.animating ::content > * { | 2047 #contentWrapper.animating ::content > * { |
| 2007 overflow: hidden; | 2048 overflow: hidden; |
| 2008 } | 2049 } |
| 2009 </style> | 2050 </style> |
| 2010 <template> | 2051 <template> |
| 2011 <div id="contentWrapper"> | 2052 <div id="contentWrapper"> |
| 2012 <content id="content" select=".dropdown-content"></content> | 2053 <content id="content" select=".dropdown-content"></content> |
| 2013 </div> | 2054 </div> |
| 2014 </template> | 2055 </template> |
| 2015 | 2056 |
| 2016 </dom-module> | 2057 </dom-module> |
| 2017 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa
per-menu-button/"> | 2058 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa
per-menu-button/"> |
| 2018 <style> | 2059 <template> |
| 2019 :host { | 2060 <style> |
| 2020 display: inline-block; | 2061 :host { |
| 2021 position: relative; | 2062 display: inline-block; |
| 2022 padding: 8px; | 2063 position: relative; |
| 2023 outline: none; | 2064 padding: 8px; |
| 2065 outline: none; |
| 2024 | 2066 |
| 2025 @apply(--paper-menu-button); | 2067 @apply(--paper-menu-button); |
| 2026 } | 2068 } |
| 2027 | 2069 |
| 2028 :host([disabled]) { | 2070 :host([disabled]) { |
| 2029 cursor: auto; | 2071 cursor: auto; |
| 2030 color: var(--disabled-text-color); | 2072 color: var(--disabled-text-color); |
| 2031 | 2073 |
| 2032 @apply(--paper-menu-button-disabled); | 2074 @apply(--paper-menu-button-disabled); |
| 2033 } | 2075 } |
| 2034 | 2076 |
| 2035 :host([vertical-align="top"]) paper-material { | 2077 iron-dropdown { |
| 2036 margin-bottom: 20px; | 2078 @apply(--paper-menu-button-dropdown); |
| 2037 margin-top: -10px; | 2079 } |
| 2038 top: 10px; | |
| 2039 } | |
| 2040 | 2080 |
| 2041 :host([vertical-align="bottom"]) paper-material { | 2081 .dropdown-content { |
| 2042 bottom: 10px; | 2082 @apply(--shadow-elevation-2dp); |
| 2043 margin-bottom: -10px; | |
| 2044 margin-top: 20px; | |
| 2045 } | |
| 2046 | 2083 |
| 2047 iron-dropdown { | 2084 position: relative; |
| 2048 @apply(--paper-menu-button-dropdown); | 2085 border-radius: 2px; |
| 2049 } | 2086 background-color: var(--paper-menu-button-dropdown-background, --primary
-background-color); |
| 2050 | 2087 |
| 2051 .dropdown-content { | 2088 @apply(--paper-menu-button-content); |
| 2052 border-radius: 2px; | 2089 } |
| 2053 background-color: var(--paper-menu-button-dropdown-background, --primary-b
ackground-color); | 2090 |
| 2054 @apply(--paper-menu-button-content); | 2091 :host([vertical-align="top"]) .dropdown-content { |
| 2055 } | 2092 margin-bottom: 20px; |
| 2056 </style> | 2093 margin-top: -10px; |
| 2057 <template> | 2094 top: 10px; |
| 2058 <div id="trigger" on-tap="open"> | 2095 } |
| 2096 |
| 2097 :host([vertical-align="bottom"]) .dropdown-content { |
| 2098 bottom: 10px; |
| 2099 margin-bottom: -10px; |
| 2100 margin-top: 20px; |
| 2101 } |
| 2102 </style> |
| 2103 |
| 2104 <div id="trigger" on-tap="toggle"> |
| 2059 <content select=".dropdown-trigger"></content> | 2105 <content select=".dropdown-trigger"></content> |
| 2060 </div> | 2106 </div> |
| 2061 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon
talAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOf
fset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimat
ionConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[
noAnimations]]" focus-target="[[_dropdownContent]]"> | 2107 |
| 2062 <paper-material class="dropdown-content"> | 2108 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon
talAlign]]" vertical-align="[[verticalAlign]]" horizontal-offset="[[horizontalOf
fset]]" vertical-offset="[[verticalOffset]]" open-animation-config="[[openAnimat
ionConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[
noAnimations]]" focus-target="[[_dropdownContent]]" on-iron-overlay-canceled="__
onIronOverlayCanceled"> |
| 2109 <div class="dropdown-content"> |
| 2063 <content id="content" select=".dropdown-content"></content> | 2110 <content id="content" select=".dropdown-content"></content> |
| 2064 </paper-material> | 2111 </div> |
| 2065 </iron-dropdown> | 2112 </iron-dropdown> |
| 2066 </template> | 2113 </template> |
| 2067 </dom-module> | 2114 |
| 2115 </dom-module> |
| 2068 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa
per-icon-button/"> | 2116 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa
per-icon-button/"> |
| 2069 <template strip-whitespace=""> | 2117 <template strip-whitespace=""> |
| 2070 <style> | 2118 <style> |
| 2071 :host { | 2119 :host { |
| 2072 display: inline-block; | 2120 display: inline-block; |
| 2073 position: relative; | 2121 position: relative; |
| 2074 padding: 8px; | 2122 padding: 8px; |
| 2075 outline: none; | 2123 outline: none; |
| 2076 -webkit-tap-highlight-color: rgba(0,0,0,0); | 2124 -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 2077 -webkit-user-select: none; | 2125 -webkit-user-select: none; |
| 2078 -moz-user-select: none; | 2126 -moz-user-select: none; |
| 2079 -ms-user-select: none; | 2127 -ms-user-select: none; |
| 2080 user-select: none; | 2128 user-select: none; |
| 2081 cursor: pointer; | 2129 cursor: pointer; |
| 2082 z-index: 0; | 2130 z-index: 0; |
| 2083 line-height: 1; | 2131 line-height: 1; |
| 2084 | 2132 |
| 2085 width: 40px; | 2133 width: 40px; |
| 2086 height: 40px; | 2134 height: 40px; |
| 2087 | 2135 |
| 2088 /* Because of polymer/2558, this style has lower specificity than * */ | 2136 /* Because of polymer/2558, this style has lower specificity than * */ |
| 2089 box-sizing: border-box !important; | 2137 box-sizing: border-box !important; |
| 2138 |
| 2090 @apply(--paper-icon-button); | 2139 @apply(--paper-icon-button); |
| 2091 } | 2140 } |
| 2092 | 2141 |
| 2093 :host #ink { | 2142 :host #ink { |
| 2094 color: var(--paper-icon-button-ink-color, --primary-text-color); | 2143 color: var(--paper-icon-button-ink-color, --primary-text-color); |
| 2095 opacity: 0.6; | 2144 opacity: 0.6; |
| 2096 } | 2145 } |
| 2097 | 2146 |
| 2098 :host([disabled]) { | 2147 :host([disabled]) { |
| 2099 color: var(--paper-icon-button-disabled-text, --disabled-text-color); | 2148 color: var(--paper-icon-button-disabled-text, --disabled-text-color); |
| 2100 pointer-events: none; | 2149 pointer-events: none; |
| 2101 cursor: auto; | 2150 cursor: auto; |
| 2151 |
| 2102 @apply(--paper-icon-button-disabled); | 2152 @apply(--paper-icon-button-disabled); |
| 2103 } | 2153 } |
| 2104 | 2154 |
| 2105 :host(:hover) { | 2155 :host(:hover) { |
| 2106 @apply(--paper-icon-button-hover); | 2156 @apply(--paper-icon-button-hover); |
| 2107 } | 2157 } |
| 2108 | 2158 |
| 2109 iron-icon { | 2159 iron-icon { |
| 2110 --iron-icon-width: 100%; | 2160 --iron-icon-width: 100%; |
| 2111 --iron-icon-height: 100%; | 2161 --iron-icon-height: 100%; |
| 2112 } | 2162 } |
| 2113 </style> | 2163 </style> |
| 2164 |
| 2114 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> | 2165 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico
n> |
| 2115 </template> | 2166 </template> |
| 2116 | 2167 |
| 2117 </dom-module> | 2168 </dom-module> |
| 2118 <style> | 2169 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/
iron-a11y-announcer/"> |
| 2119 /* Copyright 2015 The Chromium Authors. All rights reserved. | 2170 <style> |
| 2120 * Use of this source code is governed by a BSD-style license that can be | 2171 :host { |
| 2121 * found in the LICENSE file. */ | 2172 display: inline-block; |
| 2173 position: fixed; |
| 2174 clip: rect(0px,0px,0px,0px); |
| 2175 } |
| 2176 </style> |
| 2122 | 2177 |
| 2123 @font-face { | 2178 <template> |
| 2124 font-family: 'Roboto'; | 2179 <div aria-live$="[[mode]]">[[_text]]</div> |
| 2125 font-style: normal; | 2180 </template> |
| 2126 font-weight: 300; | |
| 2127 src: local('Roboto Light'), local('Roboto-Light'), | |
| 2128 url("chrome://resources/roboto/roboto-light.woff2") format('woff2'); | |
| 2129 } | |
| 2130 | 2181 |
| 2131 @font-face { | 2182 </dom-module> |
| 2132 font-family: 'Roboto'; | |
| 2133 font-style: normal; | |
| 2134 font-weight: 400; | |
| 2135 src: local('Roboto'), local('Roboto-Regular'), | |
| 2136 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); | |
| 2137 } | |
| 2138 | |
| 2139 @font-face { | |
| 2140 font-family: 'Roboto'; | |
| 2141 font-style: normal; | |
| 2142 font-weight: 500; | |
| 2143 src: local('Roboto Medium'), local('Roboto-Medium'), | |
| 2144 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); | |
| 2145 } | |
| 2146 | |
| 2147 </style> | |
| 2148 <style is="custom-style"> | 2183 <style is="custom-style"> |
| 2149 | 2184 |
| 2150 :root { | 2185 :root { |
| 2151 | 2186 |
| 2152 /* Shared Styles */ | 2187 /* Shared Styles */ |
| 2153 --paper-font-common-base: { | 2188 --paper-font-common-base: { |
| 2154 font-family: 'Roboto', 'Noto', sans-serif; | 2189 font-family: 'Roboto', 'Noto', sans-serif; |
| 2155 -webkit-font-smoothing: antialiased; | 2190 -webkit-font-smoothing: antialiased; |
| 2156 }; | 2191 }; |
| 2157 | 2192 |
| (...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2294 @apply(--paper-font-common-code); | 2329 @apply(--paper-font-common-code); |
| 2295 | 2330 |
| 2296 font-size: 14px; | 2331 font-size: 14px; |
| 2297 font-weight: 500; | 2332 font-weight: 500; |
| 2298 line-height: 20px; | 2333 line-height: 20px; |
| 2299 }; | 2334 }; |
| 2300 | 2335 |
| 2301 } | 2336 } |
| 2302 | 2337 |
| 2303 </style> | 2338 </style> |
| 2339 <style> |
| 2340 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2341 * Use of this source code is governed by a BSD-style license that can be |
| 2342 * found in the LICENSE file. */ |
| 2304 | 2343 |
| 2344 @font-face { |
| 2345 font-family: 'Roboto'; |
| 2346 font-style: normal; |
| 2347 font-weight: 300; |
| 2348 src: local('Roboto Light'), local('Roboto-Light'), |
| 2349 url("chrome://resources/roboto/roboto-light.woff2") format('woff2'); |
| 2350 } |
| 2305 | 2351 |
| 2352 @font-face { |
| 2353 font-family: 'Roboto'; |
| 2354 font-style: normal; |
| 2355 font-weight: 400; |
| 2356 src: local('Roboto'), local('Roboto-Regular'), |
| 2357 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); |
| 2358 } |
| 2359 |
| 2360 @font-face { |
| 2361 font-family: 'Roboto'; |
| 2362 font-style: normal; |
| 2363 font-weight: 500; |
| 2364 src: local('Roboto Medium'), local('Roboto-Medium'), |
| 2365 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); |
| 2366 } |
| 2367 |
| 2368 </style> |
| 2306 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_
0/paper-input/"> | 2369 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_
0/paper-input/"> |
| 2307 <template> | 2370 <template> |
| 2308 <style> | 2371 <style> |
| 2309 :host { | 2372 :host { |
| 2310 display: block; | 2373 display: block; |
| 2311 padding: 8px 0; | 2374 padding: 8px 0; |
| 2312 | 2375 |
| 2313 @apply(--paper-input-container); | 2376 @apply(--paper-input-container); |
| 2314 } | 2377 } |
| 2315 | 2378 |
| (...skipping 550 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2866 <command id="undo-command" shortcut="Meta-U+005A"></command> | 2929 <command id="undo-command" shortcut="Meta-U+005A"></command> |
| 2867 <command id="find-command" shortcut="Meta-U+0046"></command> | 2930 <command id="find-command" shortcut="Meta-U+0046"></command> |
| 2868 </if> | 2931 </if> |
| 2869 <if expr="not is_macosx"> | 2932 <if expr="not is_macosx"> |
| 2870 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 2933 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
| 2871 <command id="find-command" shortcut="Ctrl-U+0046"></command> | 2934 <command id="find-command" shortcut="Ctrl-U+0046"></command> |
| 2872 </if> | 2935 </if> |
| 2873 <link rel="import" href="chrome://resources/html/polymer.html"> | 2936 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2874 | 2937 |
| 2875 <script src="crisper.js"></script></body></html> | 2938 <script src="crisper.js"></script></body></html> |
| OLD | NEW |