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 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 } | 52 } |
53 | 53 |
54 body { | 54 body { |
55 display: flex; | 55 display: flex; |
56 margin: 0; | 56 margin: 0; |
57 } | 57 } |
58 </style> | 58 </style> |
59 </head> | 59 </head> |
60 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> | 60 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim
e_data.js"></script> |
61 <script src="chrome://downloads/strings.js"></script> | 61 <script src="chrome://downloads/strings.js"></script> |
62 <style> | |
63 /* Copyright 2016 The Chromium Authors. All rights reserved. | |
64 * Use of this source code is governed by a BSD-style license that can be | |
65 * found in the LICENSE file. */ | |
66 | |
67 :root { | |
68 /* This is a custom, Chrome-specific color that does not have a --paper or | |
69 * --google equivalent. */ | |
70 --md-background-color: rgb(241, 241, 241); | |
71 /* This is --google-blue-700, rewritten as a native custom property for speed. | |
72 */ | |
73 --md-toolbar-color: rgb(51, 103, 214); | |
74 } | |
75 | |
76 </style> | |
77 | |
78 | |
79 | |
80 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> | 62 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> |
81 <template> | 63 <template> |
82 <style> | 64 <style> |
83 :host { | 65 :host { |
84 display: block; | 66 display: block; |
85 position: relative; | 67 position: relative; |
86 } | 68 } |
87 | 69 |
88 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | 70 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
89 :host { | 71 :host { |
(...skipping 373 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
463 --layout-fixed-left: { | 445 --layout-fixed-left: { |
464 position: fixed; | 446 position: fixed; |
465 top: 0; | 447 top: 0; |
466 bottom: 0; | 448 bottom: 0; |
467 left: 0; | 449 left: 0; |
468 }; | 450 }; |
469 | 451 |
470 } | 452 } |
471 | 453 |
472 </style> | 454 </style> |
| 455 |
| 456 |
473 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> | 457 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> |
474 | 458 |
475 <style> | 459 <style> |
476 :host { | 460 :host { |
477 @apply(--layout-inline); | 461 @apply(--layout-inline); |
478 @apply(--layout-center-center); | 462 @apply(--layout-center-center); |
479 position: relative; | 463 position: relative; |
480 | 464 |
481 vertical-align: middle; | 465 vertical-align: middle; |
482 | 466 |
(...skipping 165 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
648 :host([elevation="4"]) { | 632 :host([elevation="4"]) { |
649 @apply(--shadow-elevation-8dp); | 633 @apply(--shadow-elevation-8dp); |
650 } | 634 } |
651 | 635 |
652 :host([elevation="5"]) { | 636 :host([elevation="5"]) { |
653 @apply(--shadow-elevation-16dp); | 637 @apply(--shadow-elevation-16dp); |
654 } | 638 } |
655 </style> | 639 </style> |
656 </template> | 640 </template> |
657 </dom-module> | 641 </dom-module> |
| 642 |
| 643 |
658 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> | 644 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> |
659 <template> | 645 <template> |
660 <style include="paper-material-shared-styles"></style> | 646 <style include="paper-material-shared-styles"></style> |
661 <style> | 647 <style> |
662 :host([animated]) { | 648 :host([animated]) { |
663 @apply(--shadow-transition); | 649 @apply(--shadow-transition); |
664 } | 650 } |
665 </style> | 651 </style> |
666 | 652 |
667 <content></content> | 653 <content></content> |
(...skipping 406 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1074 | 1060 |
1075 /* opacity for light text on a dark background */ | 1061 /* opacity for light text on a dark background */ |
1076 --light-divider-opacity: 0.12; | 1062 --light-divider-opacity: 0.12; |
1077 --light-disabled-opacity: 0.3; /* or hint text or icon */ | 1063 --light-disabled-opacity: 0.3; /* or hint text or icon */ |
1078 --light-secondary-opacity: 0.7; | 1064 --light-secondary-opacity: 0.7; |
1079 --light-primary-opacity: 1.0; | 1065 --light-primary-opacity: 1.0; |
1080 | 1066 |
1081 } | 1067 } |
1082 | 1068 |
1083 </style> | 1069 </style> |
| 1070 |
| 1071 |
1084 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> | 1072 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> |
1085 <template> | 1073 <template> |
1086 <style> | 1074 <style> |
1087 :host { | 1075 :host { |
1088 display: block; | 1076 display: block; |
1089 width: 200px; | 1077 width: 200px; |
1090 position: relative; | 1078 position: relative; |
1091 overflow: hidden; | 1079 overflow: hidden; |
1092 } | 1080 } |
1093 | 1081 |
(...skipping 495 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1589 </div> | 1577 </div> |
1590 </div> | 1578 </div> |
1591 | 1579 |
1592 </template> | 1580 </template> |
1593 | 1581 |
1594 | 1582 |
1595 | 1583 |
1596 </dom-module> | 1584 </dom-module> |
1597 | 1585 |
1598 | 1586 |
1599 | |
1600 | |
1601 <style is="custom-style"> | 1587 <style is="custom-style"> |
1602 | 1588 |
1603 :root { | 1589 :root { |
1604 /* | 1590 /* |
1605 * You can use these generic variables in your elements for easy theming. | 1591 * You can use these generic variables in your elements for easy theming. |
1606 * For example, if all your elements use `--primary-text-color` as its main | 1592 * For example, if all your elements use `--primary-text-color` as its main |
1607 * color, then switching from a light to a dark theme is just a matter of | 1593 * color, then switching from a light to a dark theme is just a matter of |
1608 * changing the value of `--primary-text-color` in your application. | 1594 * changing the value of `--primary-text-color` in your application. |
1609 */ | 1595 */ |
1610 --primary-text-color: var(--light-theme-text-color); | 1596 --primary-text-color: var(--light-theme-text-color); |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1648 | 1634 |
1649 /* | 1635 /* |
1650 * Deprecated values because of their confusing names. | 1636 * Deprecated values because of their confusing names. |
1651 */ | 1637 */ |
1652 --text-primary-color: var(--dark-theme-text-color); | 1638 --text-primary-color: var(--dark-theme-text-color); |
1653 --default-primary-color: var(--primary-color); | 1639 --default-primary-color: var(--primary-color); |
1654 | 1640 |
1655 } | 1641 } |
1656 | 1642 |
1657 </style> | 1643 </style> |
| 1644 <style> |
| 1645 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 1646 * Use of this source code is governed by a BSD-style license that can be |
| 1647 * found in the LICENSE file. */ |
| 1648 |
| 1649 @font-face { |
| 1650 font-family: 'Roboto'; |
| 1651 font-style: normal; |
| 1652 font-weight: 400; |
| 1653 src: local('Roboto'), local('Roboto-Regular'), |
| 1654 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); |
| 1655 } |
| 1656 |
| 1657 @font-face { |
| 1658 font-family: 'Roboto'; |
| 1659 font-style: normal; |
| 1660 font-weight: 500; |
| 1661 src: local('Roboto Medium'), local('Roboto-Medium'), |
| 1662 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); |
| 1663 } |
| 1664 |
| 1665 @font-face { |
| 1666 font-family: 'Roboto'; |
| 1667 font-style: normal; |
| 1668 font-weight: 700; |
| 1669 src: local('Roboto Bold'), local('Roboto-Bold'), |
| 1670 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2'); |
| 1671 } |
| 1672 |
| 1673 </style> |
1658 <style is="custom-style"> | 1674 <style is="custom-style"> |
1659 | 1675 |
1660 :root { | 1676 :root { |
1661 | 1677 |
1662 /* Shared Styles */ | 1678 /* Shared Styles */ |
1663 --paper-font-common-base: { | 1679 --paper-font-common-base: { |
1664 font-family: 'Roboto', 'Noto', sans-serif; | 1680 font-family: 'Roboto', 'Noto', sans-serif; |
1665 -webkit-font-smoothing: antialiased; | 1681 -webkit-font-smoothing: antialiased; |
1666 }; | 1682 }; |
1667 | 1683 |
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1804 @apply(--paper-font-common-code); | 1820 @apply(--paper-font-common-code); |
1805 | 1821 |
1806 font-size: 14px; | 1822 font-size: 14px; |
1807 font-weight: 500; | 1823 font-weight: 500; |
1808 line-height: 20px; | 1824 line-height: 20px; |
1809 }; | 1825 }; |
1810 | 1826 |
1811 } | 1827 } |
1812 | 1828 |
1813 </style> | 1829 </style> |
1814 <style> | |
1815 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
1816 * Use of this source code is governed by a BSD-style license that can be | |
1817 * found in the LICENSE file. */ | |
1818 | |
1819 @font-face { | |
1820 font-family: 'Roboto'; | |
1821 font-style: normal; | |
1822 font-weight: 400; | |
1823 src: local('Roboto'), local('Roboto-Regular'), | |
1824 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); | |
1825 } | |
1826 | |
1827 @font-face { | |
1828 font-family: 'Roboto'; | |
1829 font-style: normal; | |
1830 font-weight: 500; | |
1831 src: local('Roboto Medium'), local('Roboto-Medium'), | |
1832 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); | |
1833 } | |
1834 | |
1835 @font-face { | |
1836 font-family: 'Roboto'; | |
1837 font-style: normal; | |
1838 font-weight: 700; | |
1839 src: local('Roboto Bold'), local('Roboto-Bold'), | |
1840 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2'); | |
1841 } | |
1842 | |
1843 </style> | |
1844 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/"> | 1830 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/"> |
1845 <template> | 1831 <template> |
1846 <style> | 1832 <style> |
1847 :host(paper-item), :host(paper-icon-item), .paper-item { | 1833 :host, .paper-item { |
1848 display: block; | 1834 display: block; |
1849 position: relative; | 1835 position: relative; |
1850 min-height: var(--paper-item-min-height, 48px); | 1836 min-height: var(--paper-item-min-height, 48px); |
1851 padding: 0px 16px; | 1837 padding: 0px 16px; |
1852 } | 1838 } |
1853 | 1839 |
1854 .paper-item { | 1840 .paper-item { |
1855 @apply(--paper-font-subhead); | 1841 @apply(--paper-font-subhead); |
1856 border:none; | 1842 border:none; |
1857 outline: none; | 1843 outline: none; |
1858 background: white; | 1844 background: white; |
1859 width: 100%; | 1845 width: 100%; |
1860 text-align: left; | 1846 text-align: left; |
1861 } | 1847 } |
1862 | 1848 |
1863 :host(paper-item[hidden]), :host(paper-icon-item[hidden]), .paper-item[hid
den] { | 1849 :host([hidden]), .paper-item[hidden] { |
1864 display: none !important; | 1850 display: none !important; |
1865 } | 1851 } |
1866 | 1852 |
1867 :host(paper-item.iron-selected), :host(paper-icon-item.iron-selected), .pa
per-item.iron-selected { | 1853 :host(.iron-selected), .paper-item.iron-selected { |
1868 font-weight: var(--paper-item-selected-weight, bold); | 1854 font-weight: var(--paper-item-selected-weight, bold); |
1869 | 1855 |
1870 @apply(--paper-item-selected); | 1856 @apply(--paper-item-selected); |
1871 } | 1857 } |
1872 | 1858 |
1873 :host(paper-item[disabled]), :host(paper-icon-item[disabled]), .paper-item
[disabled] { | 1859 :host([disabled]), .paper-item[disabled] { |
1874 color: var(--paper-item-disabled-color, --disabled-text-color); | 1860 color: var(--paper-item-disabled-color, --disabled-text-color); |
1875 | 1861 |
1876 @apply(--paper-item-disabled); | 1862 @apply(--paper-item-disabled); |
1877 } | 1863 } |
1878 | 1864 |
1879 :host(paper-item:focus), :host(paper-icon-item:focus), .paper-item:focus { | 1865 :host(:focus), .paper-item:focus { |
1880 position: relative; | 1866 position: relative; |
1881 outline: 0; | 1867 outline: 0; |
1882 | 1868 |
1883 @apply(--paper-item-focused); | 1869 @apply(--paper-item-focused); |
1884 } | 1870 } |
1885 | 1871 |
1886 :host(paper-item:focus):before, :host(paper-icon-item:focus):before, .pape
r-item:focus:before { | 1872 :host(:focus):before, .paper-item:focus:before { |
1887 @apply(--layout-fit); | 1873 @apply(--layout-fit); |
1888 | 1874 |
1889 background: currentColor; | 1875 background: currentColor; |
1890 content: ''; | 1876 content: ''; |
1891 opacity: var(--dark-divider-opacity); | 1877 opacity: var(--dark-divider-opacity); |
1892 pointer-events: none; | 1878 pointer-events: none; |
1893 | 1879 |
1894 @apply(--paper-item-focused-before); | 1880 @apply(--paper-item-focused-before); |
1895 } | 1881 } |
1896 </style> | 1882 </style> |
1897 </template> | 1883 </template> |
1898 </dom-module> | 1884 </dom-module> |
| 1885 |
| 1886 |
1899 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/"> | 1887 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/"> |
1900 <template> | 1888 <template> |
1901 <style include="paper-item-shared-styles"></style> | 1889 <style include="paper-item-shared-styles"></style> |
1902 <style> | 1890 <style> |
1903 :host { | 1891 :host { |
1904 @apply(--layout-horizontal); | 1892 @apply(--layout-horizontal); |
1905 @apply(--layout-center); | 1893 @apply(--layout-center); |
1906 @apply(--paper-font-subhead); | 1894 @apply(--paper-font-subhead); |
1907 | 1895 |
1908 @apply(--paper-item); | 1896 @apply(--paper-item); |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1943 | 1931 |
1944 @apply(--paper-menu-focused-item-after); | 1932 @apply(--paper-menu-focused-item-after); |
1945 } | 1933 } |
1946 | 1934 |
1947 .selectable-content > ::content > *[colored]:focus:after { | 1935 .selectable-content > ::content > *[colored]:focus:after { |
1948 opacity: 0.26; | 1936 opacity: 0.26; |
1949 } | 1937 } |
1950 </style> | 1938 </style> |
1951 </template> | 1939 </template> |
1952 </dom-module> | 1940 </dom-module> |
| 1941 |
| 1942 |
1953 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> | 1943 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> |
1954 <template> | 1944 <template> |
1955 <style include="paper-menu-shared-styles"></style> | 1945 <style include="paper-menu-shared-styles"></style> |
1956 <style> | 1946 <style> |
1957 :host { | 1947 :host { |
1958 display: block; | 1948 display: block; |
1959 padding: 8px 0; | 1949 padding: 8px 0; |
1960 | 1950 |
1961 background: var(--paper-menu-background-color, --primary-background-colo
r); | 1951 background: var(--paper-menu-background-color, --primary-background-colo
r); |
1962 color: var(--paper-menu-color, --primary-text-color); | 1952 color: var(--paper-menu-color, --primary-text-color); |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1994 @apply(--iron-overlay-backdrop-opened); | 1984 @apply(--iron-overlay-backdrop-opened); |
1995 } | 1985 } |
1996 </style> | 1986 </style> |
1997 | 1987 |
1998 <content></content> | 1988 <content></content> |
1999 </template> | 1989 </template> |
2000 | 1990 |
2001 </dom-module> | 1991 </dom-module> |
2002 | 1992 |
2003 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 1993 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 1994 |
| 1995 |
2004 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> | 1996 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> |
2005 <style> | 1997 <style> |
2006 :host { | 1998 :host { |
2007 position: fixed; | 1999 position: fixed; |
2008 } | 2000 } |
2009 | 2001 |
2010 #contentWrapper ::content > * { | 2002 #contentWrapper ::content > * { |
2011 overflow: auto; | 2003 overflow: auto; |
2012 } | 2004 } |
2013 | 2005 |
(...skipping 649 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2663 <paper-item on-tap="onOpenDownloadsFolderTap_"> | 2655 <paper-item on-tap="onOpenDownloadsFolderTap_"> |
2664 $i18n{openDownloadsFolder} | 2656 $i18n{openDownloadsFolder} |
2665 </paper-item> | 2657 </paper-item> |
2666 </paper-menu> | 2658 </paper-menu> |
2667 </paper-menu-button> | 2659 </paper-menu-button> |
2668 </div> | 2660 </div> |
2669 </template> | 2661 </template> |
2670 | 2662 |
2671 | 2663 |
2672 </dom-module> | 2664 </dom-module> |
| 2665 <style> |
| 2666 /* Copyright 2016 The Chromium Authors. All rights reserved. |
| 2667 * Use of this source code is governed by a BSD-style license that can be |
| 2668 * found in the LICENSE file. */ |
| 2669 |
| 2670 :root { |
| 2671 /* This is a custom, Chrome-specific color that does not have a --paper or |
| 2672 * --google equivalent. */ |
| 2673 --md-background-color: rgb(241, 241, 241); |
| 2674 /* This is --google-blue-700, rewritten as a native custom property for speed. |
| 2675 */ |
| 2676 --md-toolbar-color: rgb(51, 103, 214); |
| 2677 } |
| 2678 |
| 2679 </style> |
| 2680 |
2673 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> | 2681 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> |
2674 <template><style> | 2682 <template><style> |
2675 /* Copyright 2015 The Chromium Authors. All rights reserved. | 2683 /* Copyright 2015 The Chromium Authors. All rights reserved. |
2676 * Use of this source code is governed by a BSD-style license that can be | 2684 * Use of this source code is governed by a BSD-style license that can be |
2677 * found in the LICENSE file. */ | 2685 * found in the LICENSE file. */ |
2678 | 2686 |
2679 :host { | 2687 :host { |
2680 display: flex; | 2688 display: flex; |
2681 flex: 1 0; | 2689 flex: 1 0; |
2682 flex-direction: column; | 2690 flex-direction: column; |
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
2768 <if expr="is_macosx"> | 2776 <if expr="is_macosx"> |
2769 <command id="undo-command" shortcut="Meta-U+005A"></command> | 2777 <command id="undo-command" shortcut="Meta-U+005A"></command> |
2770 <command id="find-command" shortcut="Meta-U+0046"></command> | 2778 <command id="find-command" shortcut="Meta-U+0046"></command> |
2771 </if> | 2779 </if> |
2772 <if expr="not is_macosx"> | 2780 <if expr="not is_macosx"> |
2773 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 2781 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
2774 <command id="find-command" shortcut="Ctrl-U+0046"></command> | 2782 <command id="find-command" shortcut="Ctrl-U+0046"></command> |
2775 </if> | 2783 </if> |
2776 <link rel="import" href="chrome://resources/html/polymer.html"> | 2784 <link rel="import" href="chrome://resources/html/polymer.html"> |
2777 <script src="crisper.js"></script></body></html> | 2785 <script src="crisper.js"></script></body></html> |
OLD | NEW |