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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1899043003: MD Downloads/History: unify page and toolbar background colors (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: merge 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
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.html ('k') | chrome/browser/resources/md_history/history.html » ('j') | chrome/browser/resources/md_history/history.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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
11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
15 Code distributed by Google as part of the polymer project is also 15 Code distributed by Google as part of the polymer project is also
16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
17 --> 17 -->
18 <meta charset="utf-8"> 18 <meta charset="utf-8">
19 <title i18n-content="title"></title> 19 <title i18n-content="title"></title>
20 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> 20 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
21 <style> 21 <style is="custom-style" include="md-shared-styles">
22 html { 22 html {
23 background: rgb(236, 239, 241); 23 background: var(--md-background-color);
24 } 24 }
25 25
26 html, 26 html,
27 body { 27 body {
28 height: 100%; 28 height: 100%;
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=""><dom-module id="md-shared-styles" assetpath ="chrome://resources/html/">
38 <template>
39 <style>
40 :root {
41 --md-background-color: rgb(236, 239, 241);
42 --md-toolbar-color: rgb(52, 73, 94);
43 }
44 </style>
45 </template>
46 </dom-module>
47 <script src="chrome://resources/js/load_time_data.js"></script>
38 <script src="chrome://downloads/strings.js"></script> 48 <script src="chrome://downloads/strings.js"></script>
39
40
41 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ "> 49 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">
42 <template> 50 <template>
43 <style> 51 <style>
44 :host { 52 :host {
45 display: block; 53 display: block;
46 position: relative; 54 position: relative;
47 } 55 }
48 56
49 @media only screen and (-webkit-max-device-pixel-ratio: 1) { 57 @media only screen and (-webkit-max-device-pixel-ratio: 1) {
50 :host { 58 :host {
(...skipping 369 matching lines...) Expand 10 before | Expand all | Expand 10 after
420 --layout-fixed-left: { 428 --layout-fixed-left: {
421 position: fixed; 429 position: fixed;
422 top: 0; 430 top: 0;
423 bottom: 0; 431 bottom: 0;
424 left: 0; 432 left: 0;
425 }; 433 };
426 434
427 } 435 }
428 436
429 </style> 437 </style>
438
439
430 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ "> 440 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">
431 441
432 <style> 442 <style>
433 :host { 443 :host {
434 @apply(--layout-inline); 444 @apply(--layout-inline);
435 @apply(--layout-center-center); 445 @apply(--layout-center-center);
436 position: relative; 446 position: relative;
437 447
438 vertical-align: middle; 448 vertical-align: middle;
439 449
(...skipping 470 matching lines...) Expand 10 before | Expand all | Expand 10 after
910 :host([elevation="4"]) { 920 :host([elevation="4"]) {
911 @apply(--shadow-elevation-8dp); 921 @apply(--shadow-elevation-8dp);
912 } 922 }
913 923
914 :host([elevation="5"]) { 924 :host([elevation="5"]) {
915 @apply(--shadow-elevation-16dp); 925 @apply(--shadow-elevation-16dp);
916 } 926 }
917 </style> 927 </style>
918 </template> 928 </template>
919 </dom-module> 929 </dom-module>
930
931
920 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/"> 932 <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper -material/">
921 <template> 933 <template>
922 <style include="paper-material-shared-styles"></style> 934 <style include="paper-material-shared-styles"></style>
923 <style> 935 <style>
924 :host([animated]) { 936 :host([animated]) {
925 @apply(--shadow-transition); 937 @apply(--shadow-transition);
926 } 938 }
927 </style> 939 </style>
928 940
929 <content></content> 941 <content></content>
(...skipping 371 matching lines...) Expand 10 before | Expand all | Expand 10 after
1301 1313
1302 /* opacity for light text on a dark background */ 1314 /* opacity for light text on a dark background */
1303 --light-divider-opacity: 0.12; 1315 --light-divider-opacity: 0.12;
1304 --light-disabled-opacity: 0.3; /* or hint text or icon */ 1316 --light-disabled-opacity: 0.3; /* or hint text or icon */
1305 --light-secondary-opacity: 0.7; 1317 --light-secondary-opacity: 0.7;
1306 --light-primary-opacity: 1.0; 1318 --light-primary-opacity: 1.0;
1307 1319
1308 } 1320 }
1309 1321
1310 </style> 1322 </style>
1323
1324
1311 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/"> 1325 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">
1312 <template> 1326 <template>
1313 <style> 1327 <style>
1314 :host { 1328 :host {
1315 display: block; 1329 display: block;
1316 width: 200px; 1330 width: 200px;
1317 position: relative; 1331 position: relative;
1318 overflow: hidden; 1332 overflow: hidden;
1319 } 1333 }
1320 1334
(...skipping 493 matching lines...) Expand 10 before | Expand all | Expand 10 after
1814 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div> 1828 <div id="incognito" i18n-values="title:inIncognito" hidden="[[!data.otr]]" ></div>
1815 </div> 1829 </div>
1816 1830
1817 </template> 1831 </template>
1818 1832
1819 1833
1820 1834
1821 </dom-module> 1835 </dom-module>
1822 1836
1823 1837
1824
1825
1826 <style is="custom-style"> 1838 <style is="custom-style">
1827 1839
1828 :root { 1840 :root {
1829 /* 1841 /*
1830 * You can use these generic variables in your elements for easy theming. 1842 * 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 1843 * 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 1844 * 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. 1845 * changing the value of `--primary-text-color` in your application.
1834 */ 1846 */
1835 --primary-text-color: var(--light-theme-text-color); 1847 --primary-text-color: var(--light-theme-text-color);
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after
1930 background: currentColor; 1942 background: currentColor;
1931 content: ''; 1943 content: '';
1932 opacity: var(--dark-divider-opacity); 1944 opacity: var(--dark-divider-opacity);
1933 pointer-events: none; 1945 pointer-events: none;
1934 1946
1935 @apply(--paper-item-focused-before); 1947 @apply(--paper-item-focused-before);
1936 } 1948 }
1937 </style> 1949 </style>
1938 </template> 1950 </template>
1939 </dom-module> 1951 </dom-module>
1940 </llink><dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/p aper-item/"> 1952 </llink>
1953
1954 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">
1941 <template> 1955 <template>
1942 <style include="paper-item-shared-styles"></style> 1956 <style include="paper-item-shared-styles"></style>
1943 <style> 1957 <style>
1944 :host { 1958 :host {
1945 @apply(--layout-horizontal); 1959 @apply(--layout-horizontal);
1946 @apply(--layout-center); 1960 @apply(--layout-center);
1947 @apply(--paper-font-subhead); 1961 @apply(--paper-font-subhead);
1948 1962
1949 @apply(--paper-item); 1963 @apply(--paper-item);
1950 } 1964 }
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
1984 1998
1985 @apply(--paper-menu-focused-item-after); 1999 @apply(--paper-menu-focused-item-after);
1986 } 2000 }
1987 2001
1988 .selectable-content > ::content > *[colored]:focus:after { 2002 .selectable-content > ::content > *[colored]:focus:after {
1989 opacity: 0.26; 2003 opacity: 0.26;
1990 } 2004 }
1991 </style> 2005 </style>
1992 </template> 2006 </template>
1993 </dom-module> 2007 </dom-module>
2008
2009
1994 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/"> 2010 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">
1995 <template> 2011 <template>
1996 <style include="paper-menu-shared-styles"></style> 2012 <style include="paper-menu-shared-styles"></style>
1997 <style> 2013 <style>
1998 :host { 2014 :host {
1999 display: block; 2015 display: block;
2000 padding: 8px 0; 2016 padding: 8px 0;
2001 2017
2002 background: var(--paper-menu-background-color, --primary-background-colo r); 2018 background: var(--paper-menu-background-color, --primary-background-colo r);
2003 color: var(--paper-menu-color, --primary-text-color); 2019 color: var(--paper-menu-color, --primary-text-color);
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
2039 2055
2040 </style> 2056 </style>
2041 2057
2042 <template> 2058 <template>
2043 <content></content> 2059 <content></content>
2044 </template> 2060 </template>
2045 2061
2046 </dom-module> 2062 </dom-module>
2047 2063
2048 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script> 2064 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
2065
2066
2049 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/"> 2067 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
2050 <style> 2068 <style>
2051 :host { 2069 :host {
2052 position: fixed; 2070 position: fixed;
2053 } 2071 }
2054 2072
2055 #contentWrapper ::content > * { 2073 #contentWrapper ::content > * {
2056 overflow: auto; 2074 overflow: auto;
2057 } 2075 }
2058 2076
(...skipping 126 matching lines...) Expand 10 before | Expand all | Expand 10 after
2185 position: fixed; 2203 position: fixed;
2186 clip: rect(0px,0px,0px,0px); 2204 clip: rect(0px,0px,0px,0px);
2187 } 2205 }
2188 </style> 2206 </style>
2189 2207
2190 <template> 2208 <template>
2191 <div aria-live$="[[mode]]">[[_text]]</div> 2209 <div aria-live$="[[mode]]">[[_text]]</div>
2192 </template> 2210 </template>
2193 2211
2194 </dom-module> 2212 </dom-module>
2213 <style>
2214 /* Copyright 2015 The Chromium Authors. All rights reserved.
2215 * Use of this source code is governed by a BSD-style license that can be
2216 * found in the LICENSE file. */
2217
2218 @font-face {
2219 font-family: 'Roboto';
2220 font-style: normal;
2221 font-weight: 300;
2222 src: local('Roboto Light'), local('Roboto-Light'),
2223 url("chrome://resources/roboto/roboto-light.woff2") format('woff2');
2224 }
2225
2226 @font-face {
2227 font-family: 'Roboto';
2228 font-style: normal;
2229 font-weight: 400;
2230 src: local('Roboto'), local('Roboto-Regular'),
2231 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
2232 }
2233
2234 @font-face {
2235 font-family: 'Roboto';
2236 font-style: normal;
2237 font-weight: 500;
2238 src: local('Roboto Medium'), local('Roboto-Medium'),
2239 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
2240 }
2241
2242 </style>
2195 <style is="custom-style"> 2243 <style is="custom-style">
2196 2244
2197 :root { 2245 :root {
2198 2246
2199 /* Shared Styles */ 2247 /* Shared Styles */
2200 --paper-font-common-base: { 2248 --paper-font-common-base: {
2201 font-family: 'Roboto', 'Noto', sans-serif; 2249 font-family: 'Roboto', 'Noto', sans-serif;
2202 -webkit-font-smoothing: antialiased; 2250 -webkit-font-smoothing: antialiased;
2203 }; 2251 };
2204 2252
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
2341 @apply(--paper-font-common-code); 2389 @apply(--paper-font-common-code);
2342 2390
2343 font-size: 14px; 2391 font-size: 14px;
2344 font-weight: 500; 2392 font-weight: 500;
2345 line-height: 20px; 2393 line-height: 20px;
2346 }; 2394 };
2347 2395
2348 } 2396 }
2349 2397
2350 </style> 2398 </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 2399
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 2400
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/"> 2401 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/">
2382 <template> 2402 <template>
2383 <style> 2403 <style>
2384 :host { 2404 :host {
2385 display: block; 2405 display: block;
2386 padding: 8px 0; 2406 padding: 8px 0;
2387 2407
2388 @apply(--paper-input-container); 2408 @apply(--paper-input-container);
2389 } 2409 }
2390 2410
(...skipping 307 matching lines...) Expand 10 before | Expand all | Expand 10 after
2698 2718
2699 </dom-module> 2719 </dom-module>
2700 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/"> 2720 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">
2701 <template><style> 2721 <template><style>
2702 /* Copyright 2015 The Chromium Authors. All rights reserved. 2722 /* Copyright 2015 The Chromium Authors. All rights reserved.
2703 * Use of this source code is governed by a BSD-style license that can be 2723 * Use of this source code is governed by a BSD-style license that can be
2704 * found in the LICENSE file. */ 2724 * found in the LICENSE file. */
2705 2725
2706 :host { 2726 :host {
2707 align-items: center; 2727 align-items: center;
2708 background: rgb(52, 73, 94); 2728 background: var(--md-toolbar-color);
2709 color: white; 2729 color: white;
2710 content-sizing: padding-box; 2730 content-sizing: padding-box;
2711 display: flex; 2731 display: flex;
2712 min-height: 56px; 2732 min-height: 56px;
2713 } 2733 }
2714 2734
2715 #title h1 { 2735 #title h1 {
2716 -webkit-margin-end: 0; 2736 -webkit-margin-end: 0;
2717 -webkit-margin-start: 24px; 2737 -webkit-margin-start: 24px;
2718 font-size: 123.1%; 2738 font-size: 123.1%;
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after
2941 <command id="undo-command" shortcut="Meta-U+005A"></command> 2961 <command id="undo-command" shortcut="Meta-U+005A"></command>
2942 <command id="find-command" shortcut="Meta-U+0046"></command> 2962 <command id="find-command" shortcut="Meta-U+0046"></command>
2943 </if> 2963 </if>
2944 <if expr="not is_macosx"> 2964 <if expr="not is_macosx">
2945 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2965 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2946 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2966 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2947 </if> 2967 </if>
2948 <link rel="import" href="chrome://resources/html/polymer.html"> 2968 <link rel="import" href="chrome://resources/html/polymer.html">
2949 2969
2950 <script src="crisper.js"></script></body></html> 2970 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.html ('k') | chrome/browser/resources/md_history/history.html » ('j') | chrome/browser/resources/md_history/history.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698