| 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 | |
| 40 | |
| 41 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> | 39 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/
"> |
| 42 <template> | 40 <template> |
| 43 <style> | 41 <style> |
| 44 :host { | 42 :host { |
| 45 display: block; | 43 display: block; |
| 46 position: relative; | 44 position: relative; |
| 47 } | 45 } |
| 48 | 46 |
| 49 @media only screen and (-webkit-max-device-pixel-ratio: 1) { | 47 @media only screen and (-webkit-max-device-pixel-ratio: 1) { |
| 50 :host { | 48 :host { |
| 51 will-change: transform; | 49 will-change: transform; |
| 52 } | 50 } |
| 53 } | 51 } |
| 54 | 52 |
| 55 #items { | 53 #items { |
| 56 @apply(--iron-list-items-container); | 54 @apply(--iron-list-items-container); |
| 57 position: relative; | 55 position: relative; |
| 58 } | 56 } |
| 59 | 57 |
| 58 :host(:not([grid])) #items > ::content > * { |
| 59 width: 100%; |
| 60 }; |
| 61 |
| 60 #items > ::content > * { | 62 #items > ::content > * { |
| 61 width: 100%; | |
| 62 box-sizing: border-box; | 63 box-sizing: border-box; |
| 64 margin: 0; |
| 63 position: absolute; | 65 position: absolute; |
| 64 top: 0; | 66 top: 0; |
| 65 will-change: transform; | 67 will-change: transform; |
| 66 } | 68 } |
| 67 </style> | 69 </style> |
| 68 | 70 |
| 69 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> | 71 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}"
selected-item="{{selectedItem}}"> |
| 70 </array-selector> | 72 </array-selector> |
| 71 | 73 |
| 72 <div id="items"> | 74 <div id="items"> |
| (...skipping 347 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 420 --layout-fixed-left: { | 422 --layout-fixed-left: { |
| 421 position: fixed; | 423 position: fixed; |
| 422 top: 0; | 424 top: 0; |
| 423 bottom: 0; | 425 bottom: 0; |
| 424 left: 0; | 426 left: 0; |
| 425 }; | 427 }; |
| 426 | 428 |
| 427 } | 429 } |
| 428 | 430 |
| 429 </style> | 431 </style> |
| 432 |
| 433 |
| 430 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> | 434 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/
"> |
| 431 | 435 |
| 432 <style> | 436 <style> |
| 433 :host { | 437 :host { |
| 434 @apply(--layout-inline); | 438 @apply(--layout-inline); |
| 435 @apply(--layout-center-center); | 439 @apply(--layout-center-center); |
| 436 position: relative; | 440 position: relative; |
| 437 | 441 |
| 438 vertical-align: middle; | 442 vertical-align: middle; |
| 439 | 443 |
| (...skipping 470 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 910 :host([elevation="4"]) { | 914 :host([elevation="4"]) { |
| 911 @apply(--shadow-elevation-8dp); | 915 @apply(--shadow-elevation-8dp); |
| 912 } | 916 } |
| 913 | 917 |
| 914 :host([elevation="5"]) { | 918 :host([elevation="5"]) { |
| 915 @apply(--shadow-elevation-16dp); | 919 @apply(--shadow-elevation-16dp); |
| 916 } | 920 } |
| 917 </style> | 921 </style> |
| 918 </template> | 922 </template> |
| 919 </dom-module> | 923 </dom-module> |
| 924 |
| 925 |
| 920 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> | 926 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper
-material/"> |
| 921 <template> | 927 <template> |
| 922 <style include="paper-material-shared-styles"></style> | 928 <style include="paper-material-shared-styles"></style> |
| 923 <style> | 929 <style> |
| 924 :host([animated]) { | 930 :host([animated]) { |
| 925 @apply(--shadow-transition); | 931 @apply(--shadow-transition); |
| 926 } | 932 } |
| 927 </style> | 933 </style> |
| 928 | 934 |
| 929 <content></content> | 935 <content></content> |
| (...skipping 371 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1301 | 1307 |
| 1302 /* opacity for light text on a dark background */ | 1308 /* opacity for light text on a dark background */ |
| 1303 --light-divider-opacity: 0.12; | 1309 --light-divider-opacity: 0.12; |
| 1304 --light-disabled-opacity: 0.3; /* or hint text or icon */ | 1310 --light-disabled-opacity: 0.3; /* or hint text or icon */ |
| 1305 --light-secondary-opacity: 0.7; | 1311 --light-secondary-opacity: 0.7; |
| 1306 --light-primary-opacity: 1.0; | 1312 --light-primary-opacity: 1.0; |
| 1307 | 1313 |
| 1308 } | 1314 } |
| 1309 | 1315 |
| 1310 </style> | 1316 </style> |
| 1317 |
| 1318 |
| 1311 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> | 1319 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper
-progress/"> |
| 1312 <template> | 1320 <template> |
| 1313 <style> | 1321 <style> |
| 1314 :host { | 1322 :host { |
| 1315 display: block; | 1323 display: block; |
| 1316 width: 200px; | 1324 width: 200px; |
| 1317 position: relative; | 1325 position: relative; |
| 1318 overflow: hidden; | 1326 overflow: hidden; |
| 1319 } | 1327 } |
| 1320 | 1328 |
| (...skipping 493 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1814 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"
></div> | 1822 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]"
></div> |
| 1815 </div> | 1823 </div> |
| 1816 | 1824 |
| 1817 </template> | 1825 </template> |
| 1818 | 1826 |
| 1819 | 1827 |
| 1820 | 1828 |
| 1821 </dom-module> | 1829 </dom-module> |
| 1822 | 1830 |
| 1823 | 1831 |
| 1824 | |
| 1825 | |
| 1826 <style is="custom-style"> | 1832 <style is="custom-style"> |
| 1827 | 1833 |
| 1828 :root { | 1834 :root { |
| 1829 /* | 1835 /* |
| 1830 * You can use these generic variables in your elements for easy theming. | 1836 * You can use these generic variables in your elements for easy theming. |
| 1831 * For example, if all your elements use `--primary-text-color` as its main | 1837 * For example, if all your elements use `--primary-text-color` as its main |
| 1832 * color, then switching from a light to a dark theme is just a matter of | 1838 * color, then switching from a light to a dark theme is just a matter of |
| 1833 * changing the value of `--primary-text-color` in your application. | 1839 * changing the value of `--primary-text-color` in your application. |
| 1834 */ | 1840 */ |
| 1835 --primary-text-color: var(--light-theme-text-color); | 1841 --primary-text-color: var(--light-theme-text-color); |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1873 | 1879 |
| 1874 /* | 1880 /* |
| 1875 * Deprecated values because of their confusing names. | 1881 * Deprecated values because of their confusing names. |
| 1876 */ | 1882 */ |
| 1877 --text-primary-color: var(--dark-theme-text-color); | 1883 --text-primary-color: var(--dark-theme-text-color); |
| 1878 --default-primary-color: var(--primary-color); | 1884 --default-primary-color: var(--primary-color); |
| 1879 | 1885 |
| 1880 } | 1886 } |
| 1881 | 1887 |
| 1882 </style> | 1888 </style> |
| 1883 <llink rel="import" href="chrome://resources/polymer/v1_0/paper-styles/typograph
y.html"> | 1889 <style> |
| 1890 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 1891 * Use of this source code is governed by a BSD-style license that can be |
| 1892 * found in the LICENSE file. */ |
| 1884 | 1893 |
| 1894 @font-face { |
| 1895 font-family: 'Roboto'; |
| 1896 font-style: normal; |
| 1897 font-weight: 300; |
| 1898 src: local('Roboto Light'), local('Roboto-Light'), |
| 1899 url("chrome://resources/roboto/roboto-light.woff2") format('woff2'); |
| 1900 } |
| 1901 |
| 1902 @font-face { |
| 1903 font-family: 'Roboto'; |
| 1904 font-style: normal; |
| 1905 font-weight: 400; |
| 1906 src: local('Roboto'), local('Roboto-Regular'), |
| 1907 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); |
| 1908 } |
| 1909 |
| 1910 @font-face { |
| 1911 font-family: 'Roboto'; |
| 1912 font-style: normal; |
| 1913 font-weight: 500; |
| 1914 src: local('Roboto Medium'), local('Roboto-Medium'), |
| 1915 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); |
| 1916 } |
| 1917 |
| 1918 </style> |
| 1919 <style is="custom-style"> |
| 1920 |
| 1921 :root { |
| 1922 |
| 1923 /* Shared Styles */ |
| 1924 --paper-font-common-base: { |
| 1925 font-family: 'Roboto', 'Noto', sans-serif; |
| 1926 -webkit-font-smoothing: antialiased; |
| 1927 }; |
| 1928 |
| 1929 --paper-font-common-code: { |
| 1930 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; |
| 1931 -webkit-font-smoothing: antialiased; |
| 1932 }; |
| 1933 |
| 1934 --paper-font-common-expensive-kerning: { |
| 1935 text-rendering: optimizeLegibility; |
| 1936 }; |
| 1937 |
| 1938 --paper-font-common-nowrap: { |
| 1939 white-space: nowrap; |
| 1940 overflow: hidden; |
| 1941 text-overflow: ellipsis; |
| 1942 }; |
| 1943 |
| 1944 /* Material Font Styles */ |
| 1945 |
| 1946 --paper-font-display4: { |
| 1947 @apply(--paper-font-common-base); |
| 1948 @apply(--paper-font-common-nowrap); |
| 1949 |
| 1950 font-size: 112px; |
| 1951 font-weight: 300; |
| 1952 letter-spacing: -.044em; |
| 1953 line-height: 120px; |
| 1954 }; |
| 1955 |
| 1956 --paper-font-display3: { |
| 1957 @apply(--paper-font-common-base); |
| 1958 @apply(--paper-font-common-nowrap); |
| 1959 |
| 1960 font-size: 56px; |
| 1961 font-weight: 400; |
| 1962 letter-spacing: -.026em; |
| 1963 line-height: 60px; |
| 1964 }; |
| 1965 |
| 1966 --paper-font-display2: { |
| 1967 @apply(--paper-font-common-base); |
| 1968 |
| 1969 font-size: 45px; |
| 1970 font-weight: 400; |
| 1971 letter-spacing: -.018em; |
| 1972 line-height: 48px; |
| 1973 }; |
| 1974 |
| 1975 --paper-font-display1: { |
| 1976 @apply(--paper-font-common-base); |
| 1977 |
| 1978 font-size: 34px; |
| 1979 font-weight: 400; |
| 1980 letter-spacing: -.01em; |
| 1981 line-height: 40px; |
| 1982 }; |
| 1983 |
| 1984 --paper-font-headline: { |
| 1985 @apply(--paper-font-common-base); |
| 1986 |
| 1987 font-size: 24px; |
| 1988 font-weight: 400; |
| 1989 letter-spacing: -.012em; |
| 1990 line-height: 32px; |
| 1991 }; |
| 1992 |
| 1993 --paper-font-title: { |
| 1994 @apply(--paper-font-common-base); |
| 1995 @apply(--paper-font-common-nowrap); |
| 1996 |
| 1997 font-size: 20px; |
| 1998 font-weight: 500; |
| 1999 line-height: 28px; |
| 2000 }; |
| 2001 |
| 2002 --paper-font-subhead: { |
| 2003 @apply(--paper-font-common-base); |
| 2004 |
| 2005 font-size: 16px; |
| 2006 font-weight: 400; |
| 2007 line-height: 24px; |
| 2008 }; |
| 2009 |
| 2010 --paper-font-body2: { |
| 2011 @apply(--paper-font-common-base); |
| 2012 |
| 2013 font-size: 14px; |
| 2014 font-weight: 500; |
| 2015 line-height: 24px; |
| 2016 }; |
| 2017 |
| 2018 --paper-font-body1: { |
| 2019 @apply(--paper-font-common-base); |
| 2020 |
| 2021 font-size: 14px; |
| 2022 font-weight: 400; |
| 2023 line-height: 20px; |
| 2024 }; |
| 2025 |
| 2026 --paper-font-caption: { |
| 2027 @apply(--paper-font-common-base); |
| 2028 @apply(--paper-font-common-nowrap); |
| 2029 |
| 2030 font-size: 12px; |
| 2031 font-weight: 400; |
| 2032 letter-spacing: 0.011em; |
| 2033 line-height: 20px; |
| 2034 }; |
| 2035 |
| 2036 --paper-font-menu: { |
| 2037 @apply(--paper-font-common-base); |
| 2038 @apply(--paper-font-common-nowrap); |
| 2039 |
| 2040 font-size: 13px; |
| 2041 font-weight: 500; |
| 2042 line-height: 24px; |
| 2043 }; |
| 2044 |
| 2045 --paper-font-button: { |
| 2046 @apply(--paper-font-common-base); |
| 2047 @apply(--paper-font-common-nowrap); |
| 2048 |
| 2049 font-size: 14px; |
| 2050 font-weight: 500; |
| 2051 letter-spacing: 0.018em; |
| 2052 line-height: 24px; |
| 2053 text-transform: uppercase; |
| 2054 }; |
| 2055 |
| 2056 --paper-font-code2: { |
| 2057 @apply(--paper-font-common-code); |
| 2058 |
| 2059 font-size: 14px; |
| 2060 font-weight: 700; |
| 2061 line-height: 20px; |
| 2062 }; |
| 2063 |
| 2064 --paper-font-code1: { |
| 2065 @apply(--paper-font-common-code); |
| 2066 |
| 2067 font-size: 14px; |
| 2068 font-weight: 500; |
| 2069 line-height: 20px; |
| 2070 }; |
| 2071 |
| 2072 } |
| 2073 |
| 2074 </style> |
| 1885 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/"> | 2075 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/
v1_0/paper-item/"> |
| 1886 <template> | 2076 <template> |
| 1887 <style> | 2077 <style> |
| 1888 :host, .paper-item { | 2078 :host, .paper-item { |
| 1889 display: block; | 2079 display: block; |
| 1890 position: relative; | 2080 position: relative; |
| 1891 min-height: var(--paper-item-min-height, 48px); | 2081 min-height: var(--paper-item-min-height, 48px); |
| 1892 padding: 0px 16px; | 2082 padding: 0px 16px; |
| 1893 } | 2083 } |
| 1894 | 2084 |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1930 background: currentColor; | 2120 background: currentColor; |
| 1931 content: ''; | 2121 content: ''; |
| 1932 opacity: var(--dark-divider-opacity); | 2122 opacity: var(--dark-divider-opacity); |
| 1933 pointer-events: none; | 2123 pointer-events: none; |
| 1934 | 2124 |
| 1935 @apply(--paper-item-focused-before); | 2125 @apply(--paper-item-focused-before); |
| 1936 } | 2126 } |
| 1937 </style> | 2127 </style> |
| 1938 </template> | 2128 </template> |
| 1939 </dom-module> | 2129 </dom-module> |
| 1940 </llink><dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/p
aper-item/"> | 2130 |
| 2131 |
| 2132 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/"> |
| 1941 <template> | 2133 <template> |
| 1942 <style include="paper-item-shared-styles"></style> | 2134 <style include="paper-item-shared-styles"></style> |
| 1943 <style> | 2135 <style> |
| 1944 :host { | 2136 :host { |
| 1945 @apply(--layout-horizontal); | 2137 @apply(--layout-horizontal); |
| 1946 @apply(--layout-center); | 2138 @apply(--layout-center); |
| 1947 @apply(--paper-font-subhead); | 2139 @apply(--paper-font-subhead); |
| 1948 | 2140 |
| 1949 @apply(--paper-item); | 2141 @apply(--paper-item); |
| 1950 } | 2142 } |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1984 | 2176 |
| 1985 @apply(--paper-menu-focused-item-after); | 2177 @apply(--paper-menu-focused-item-after); |
| 1986 } | 2178 } |
| 1987 | 2179 |
| 1988 .selectable-content > ::content > *[colored]:focus:after { | 2180 .selectable-content > ::content > *[colored]:focus:after { |
| 1989 opacity: 0.26; | 2181 opacity: 0.26; |
| 1990 } | 2182 } |
| 1991 </style> | 2183 </style> |
| 1992 </template> | 2184 </template> |
| 1993 </dom-module> | 2185 </dom-module> |
| 2186 |
| 2187 |
| 1994 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> | 2188 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men
u/"> |
| 1995 <template> | 2189 <template> |
| 1996 <style include="paper-menu-shared-styles"></style> | 2190 <style include="paper-menu-shared-styles"></style> |
| 1997 <style> | 2191 <style> |
| 1998 :host { | 2192 :host { |
| 1999 display: block; | 2193 display: block; |
| 2000 padding: 8px 0; | 2194 padding: 8px 0; |
| 2001 | 2195 |
| 2002 background: var(--paper-menu-background-color, --primary-background-colo
r); | 2196 background: var(--paper-menu-background-color, --primary-background-colo
r); |
| 2003 color: var(--paper-menu-color, --primary-text-color); | 2197 color: var(--paper-menu-color, --primary-text-color); |
| 2004 | 2198 |
| 2005 @apply(--paper-menu); | 2199 @apply(--paper-menu); |
| 2006 } | 2200 } |
| 2007 </style> | 2201 </style> |
| 2008 | 2202 |
| 2009 <div class="selectable-content"> | 2203 <div class="selectable-content"> |
| 2010 <content></content> | 2204 <content></content> |
| 2011 </div> | 2205 </div> |
| 2012 </template> | 2206 </template> |
| 2013 | 2207 |
| 2014 </dom-module> | 2208 </dom-module> |
| 2015 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_
0/iron-overlay-behavior/"> | 2209 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_
0/iron-overlay-behavior/"> |
| 2016 | 2210 |
| 2017 <style> | 2211 <style> |
| 2018 | 2212 |
| 2019 :host { | 2213 :host { |
| 2020 position: fixed; | 2214 position: fixed; |
| 2021 top: 0; | 2215 top: 0; |
| 2022 left: 0; | 2216 left: 0; |
| 2023 width: 100vw; | 2217 width: 100%; |
| 2024 height: 100vh; | 2218 height: 100%; |
| 2025 background-color: var(--iron-overlay-backdrop-background-color, #000); | 2219 background-color: var(--iron-overlay-backdrop-background-color, #000); |
| 2026 opacity: 0; | 2220 opacity: 0; |
| 2027 transition: opacity 0.2s; | 2221 transition: opacity 0.2s; |
| 2028 pointer-events: none; | 2222 pointer-events: none; |
| 2029 | 2223 |
| 2030 @apply(--iron-overlay-backdrop); | 2224 @apply(--iron-overlay-backdrop); |
| 2031 } | 2225 } |
| 2032 | 2226 |
| 2033 :host([opened]) { | 2227 :host([opened]) { |
| 2034 opacity: var(--iron-overlay-backdrop-opacity, 0.6); | 2228 opacity: var(--iron-overlay-backdrop-opacity, 0.6); |
| 2035 pointer-events: auto; | 2229 pointer-events: auto; |
| 2036 | 2230 |
| 2037 @apply(--iron-overlay-backdrop-opened); | 2231 @apply(--iron-overlay-backdrop-opened); |
| 2038 } | 2232 } |
| 2039 | 2233 |
| 2040 </style> | 2234 </style> |
| 2041 | 2235 |
| 2042 <template> | 2236 <template> |
| 2043 <content></content> | 2237 <content></content> |
| 2044 </template> | 2238 </template> |
| 2045 | 2239 |
| 2046 </dom-module> | 2240 </dom-module> |
| 2047 | 2241 |
| 2048 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 2242 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 2243 |
| 2244 |
| 2049 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> | 2245 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/"> |
| 2050 <style> | 2246 <style> |
| 2051 :host { | 2247 :host { |
| 2052 position: fixed; | 2248 position: fixed; |
| 2053 } | 2249 } |
| 2054 | 2250 |
| 2055 #contentWrapper ::content > * { | 2251 #contentWrapper ::content > * { |
| 2056 overflow: auto; | 2252 overflow: auto; |
| 2057 } | 2253 } |
| 2058 | 2254 |
| (...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2185 position: fixed; | 2381 position: fixed; |
| 2186 clip: rect(0px,0px,0px,0px); | 2382 clip: rect(0px,0px,0px,0px); |
| 2187 } | 2383 } |
| 2188 </style> | 2384 </style> |
| 2189 | 2385 |
| 2190 <template> | 2386 <template> |
| 2191 <div aria-live$="[[mode]]">[[_text]]</div> | 2387 <div aria-live$="[[mode]]">[[_text]]</div> |
| 2192 </template> | 2388 </template> |
| 2193 | 2389 |
| 2194 </dom-module> | 2390 </dom-module> |
| 2195 <style is="custom-style"> | |
| 2196 | |
| 2197 :root { | |
| 2198 | |
| 2199 /* Shared Styles */ | |
| 2200 --paper-font-common-base: { | |
| 2201 font-family: 'Roboto', 'Noto', sans-serif; | |
| 2202 -webkit-font-smoothing: antialiased; | |
| 2203 }; | |
| 2204 | |
| 2205 --paper-font-common-code: { | |
| 2206 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; | |
| 2207 -webkit-font-smoothing: antialiased; | |
| 2208 }; | |
| 2209 | |
| 2210 --paper-font-common-expensive-kerning: { | |
| 2211 text-rendering: optimizeLegibility; | |
| 2212 }; | |
| 2213 | |
| 2214 --paper-font-common-nowrap: { | |
| 2215 white-space: nowrap; | |
| 2216 overflow: hidden; | |
| 2217 text-overflow: ellipsis; | |
| 2218 }; | |
| 2219 | |
| 2220 /* Material Font Styles */ | |
| 2221 | |
| 2222 --paper-font-display4: { | |
| 2223 @apply(--paper-font-common-base); | |
| 2224 @apply(--paper-font-common-nowrap); | |
| 2225 | |
| 2226 font-size: 112px; | |
| 2227 font-weight: 300; | |
| 2228 letter-spacing: -.044em; | |
| 2229 line-height: 120px; | |
| 2230 }; | |
| 2231 | |
| 2232 --paper-font-display3: { | |
| 2233 @apply(--paper-font-common-base); | |
| 2234 @apply(--paper-font-common-nowrap); | |
| 2235 | |
| 2236 font-size: 56px; | |
| 2237 font-weight: 400; | |
| 2238 letter-spacing: -.026em; | |
| 2239 line-height: 60px; | |
| 2240 }; | |
| 2241 | |
| 2242 --paper-font-display2: { | |
| 2243 @apply(--paper-font-common-base); | |
| 2244 | |
| 2245 font-size: 45px; | |
| 2246 font-weight: 400; | |
| 2247 letter-spacing: -.018em; | |
| 2248 line-height: 48px; | |
| 2249 }; | |
| 2250 | |
| 2251 --paper-font-display1: { | |
| 2252 @apply(--paper-font-common-base); | |
| 2253 | |
| 2254 font-size: 34px; | |
| 2255 font-weight: 400; | |
| 2256 letter-spacing: -.01em; | |
| 2257 line-height: 40px; | |
| 2258 }; | |
| 2259 | |
| 2260 --paper-font-headline: { | |
| 2261 @apply(--paper-font-common-base); | |
| 2262 | |
| 2263 font-size: 24px; | |
| 2264 font-weight: 400; | |
| 2265 letter-spacing: -.012em; | |
| 2266 line-height: 32px; | |
| 2267 }; | |
| 2268 | |
| 2269 --paper-font-title: { | |
| 2270 @apply(--paper-font-common-base); | |
| 2271 @apply(--paper-font-common-nowrap); | |
| 2272 | |
| 2273 font-size: 20px; | |
| 2274 font-weight: 500; | |
| 2275 line-height: 28px; | |
| 2276 }; | |
| 2277 | |
| 2278 --paper-font-subhead: { | |
| 2279 @apply(--paper-font-common-base); | |
| 2280 | |
| 2281 font-size: 16px; | |
| 2282 font-weight: 400; | |
| 2283 line-height: 24px; | |
| 2284 }; | |
| 2285 | |
| 2286 --paper-font-body2: { | |
| 2287 @apply(--paper-font-common-base); | |
| 2288 | |
| 2289 font-size: 14px; | |
| 2290 font-weight: 500; | |
| 2291 line-height: 24px; | |
| 2292 }; | |
| 2293 | |
| 2294 --paper-font-body1: { | |
| 2295 @apply(--paper-font-common-base); | |
| 2296 | |
| 2297 font-size: 14px; | |
| 2298 font-weight: 400; | |
| 2299 line-height: 20px; | |
| 2300 }; | |
| 2301 | |
| 2302 --paper-font-caption: { | |
| 2303 @apply(--paper-font-common-base); | |
| 2304 @apply(--paper-font-common-nowrap); | |
| 2305 | |
| 2306 font-size: 12px; | |
| 2307 font-weight: 400; | |
| 2308 letter-spacing: 0.011em; | |
| 2309 line-height: 20px; | |
| 2310 }; | |
| 2311 | |
| 2312 --paper-font-menu: { | |
| 2313 @apply(--paper-font-common-base); | |
| 2314 @apply(--paper-font-common-nowrap); | |
| 2315 | |
| 2316 font-size: 13px; | |
| 2317 font-weight: 500; | |
| 2318 line-height: 24px; | |
| 2319 }; | |
| 2320 | |
| 2321 --paper-font-button: { | |
| 2322 @apply(--paper-font-common-base); | |
| 2323 @apply(--paper-font-common-nowrap); | |
| 2324 | |
| 2325 font-size: 14px; | |
| 2326 font-weight: 500; | |
| 2327 letter-spacing: 0.018em; | |
| 2328 line-height: 24px; | |
| 2329 text-transform: uppercase; | |
| 2330 }; | |
| 2331 | |
| 2332 --paper-font-code2: { | |
| 2333 @apply(--paper-font-common-code); | |
| 2334 | |
| 2335 font-size: 14px; | |
| 2336 font-weight: 700; | |
| 2337 line-height: 20px; | |
| 2338 }; | |
| 2339 | |
| 2340 --paper-font-code1: { | |
| 2341 @apply(--paper-font-common-code); | |
| 2342 | |
| 2343 font-size: 14px; | |
| 2344 font-weight: 500; | |
| 2345 line-height: 20px; | |
| 2346 }; | |
| 2347 | |
| 2348 } | |
| 2349 | |
| 2350 </style> | |
| 2351 <style> | |
| 2352 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2353 * Use of this source code is governed by a BSD-style license that can be | |
| 2354 * found in the LICENSE file. */ | |
| 2355 | |
| 2356 @font-face { | |
| 2357 font-family: 'Roboto'; | |
| 2358 font-style: normal; | |
| 2359 font-weight: 300; | |
| 2360 src: local('Roboto Light'), local('Roboto-Light'), | |
| 2361 url("chrome://resources/roboto/roboto-light.woff2") format('woff2'); | |
| 2362 } | |
| 2363 | |
| 2364 @font-face { | |
| 2365 font-family: 'Roboto'; | |
| 2366 font-style: normal; | |
| 2367 font-weight: 400; | |
| 2368 src: local('Roboto'), local('Roboto-Regular'), | |
| 2369 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2'); | |
| 2370 } | |
| 2371 | |
| 2372 @font-face { | |
| 2373 font-family: 'Roboto'; | |
| 2374 font-style: normal; | |
| 2375 font-weight: 500; | |
| 2376 src: local('Roboto Medium'), local('Roboto-Medium'), | |
| 2377 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2'); | |
| 2378 } | |
| 2379 | |
| 2380 </style> | |
| 2381 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_
0/paper-input/"> | 2391 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_
0/paper-input/"> |
| 2382 <template> | 2392 <template> |
| 2383 <style> | 2393 <style> |
| 2384 :host { | 2394 :host { |
| 2385 display: block; | 2395 display: block; |
| 2386 padding: 8px 0; | 2396 padding: 8px 0; |
| 2387 | 2397 |
| 2388 @apply(--paper-input-container); | 2398 @apply(--paper-input-container); |
| 2389 } | 2399 } |
| 2390 | 2400 |
| (...skipping 550 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2941 <command id="undo-command" shortcut="Meta-U+005A"></command> | 2951 <command id="undo-command" shortcut="Meta-U+005A"></command> |
| 2942 <command id="find-command" shortcut="Meta-U+0046"></command> | 2952 <command id="find-command" shortcut="Meta-U+0046"></command> |
| 2943 </if> | 2953 </if> |
| 2944 <if expr="not is_macosx"> | 2954 <if expr="not is_macosx"> |
| 2945 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 2955 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
| 2946 <command id="find-command" shortcut="Ctrl-U+0046"></command> | 2956 <command id="find-command" shortcut="Ctrl-U+0046"></command> |
| 2947 </if> | 2957 </if> |
| 2948 <link rel="import" href="chrome://resources/html/polymer.html"> | 2958 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2949 | 2959 |
| 2950 <script src="crisper.js"></script></body></html> | 2960 <script src="crisper.js"></script></body></html> |
| OLD | NEW |