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

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

Issue 1862213002: Roll third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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
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
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
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
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
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
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
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698