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

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2597013002: Run clang-format on ui/webui/resources (Closed)
Patch Set: remove cr_shared_menu.js Created 3 years, 12 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 <html><head><!-- 1 <html><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
11 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 11 Copyright (c) 2016 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 @license 18 @license
19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 20 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 21 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 22 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
23 Code distributed by Google as part of the polymer project is also 23 Code distributed by Google as part of the polymer project is also
24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 24 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
25 --><meta charset="UTF-8"> 25 --><meta charset="UTF-8"><link rel="import" href="chrome://resources/html/polyme r.html">
26 <style>
27 /* Copyright 2016 The Chromium Authors. All rights reserved.
28 * Use of this source code is governed by a BSD-style license that can be
29 * found in the LICENSE file. */
26 30
27 </head><body><div hidden="" by-vulcanize=""><link rel="import" href="chrome://re sources/html/polymer.html"><dom-module id="iron-pages" assetpath="chrome://resou rces/polymer/v1_0/iron-pages/" css-build="shadow"> 31 :root {
32 /* This is a custom, Chrome-specific color that does not have a --paper or
33 * --google equivalent. */
34 --md-background-color: #f1f1f1;
35 --md-loading-message-color: #6e6e6e;
36 /* This is --google-blue-700, rewritten as a native custom property for speed.
37 */
38 --md-toolbar-color: rgb(51, 103, 214);
39 }
40
41 </style>
42
43
44
45 </head><body><div hidden="" by-vulcanize=""><dom-module id="iron-pages" assetpat h="chrome://resources/polymer/v1_0/iron-pages/" css-build="shadow">
28 46
29 <template> 47 <template>
30 <style scope="iron-pages">:host { 48 <style scope="iron-pages">:host {
31 display: block; 49 display: block;
32 } 50 }
33 51
34 :host > ::content > :not(.iron-selected) { 52 :host > ::content > :not(.iron-selected) {
35 display: none !important; 53 display: none !important;
36 } 54 }
37 55
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
160 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 178 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
161 179
162 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 180 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
163 181
164 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 182 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
165 183
166 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 184 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
167 } 185 }
168 186
169 </style> 187 </style>
188
189
170 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 190 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
171 <template> 191 <template>
172 <style scope="iron-icon">:host { 192 <style scope="iron-icon">:host {
173 display: var(--layout-inline_-_display); 193 display: var(--layout-inline_-_display);
174 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ; 194 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;
175 position: relative; 195 position: relative;
176 196
177 vertical-align: middle; 197 vertical-align: middle;
178 198
179 fill: var(--iron-icon-fill-color, currentcolor); 199 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
272 overflow: hidden; 292 overflow: hidden;
273 } 293 }
274 294
275 </style> 295 </style>
276 296
277 <div id="background"></div> 297 <div id="background"></div>
278 <div id="waves"></div> 298 <div id="waves"></div>
279 </template> 299 </template>
280 </dom-module> 300 </dom-module>
281 <style is="custom-style" css-build="shadow">html { 301 <style is="custom-style" css-build="shadow">html {
282 --primary-text-color: var(--light-theme-text-color);
283 --primary-background-color: var(--light-theme-background-color);
284 --secondary-text-color: var(--light-theme-secondary-color);
285 --disabled-text-color: var(--light-theme-disabled-color);
286 --divider-color: var(--light-theme-divider-color);
287 --error-color: var(--paper-deep-orange-a700);
288
289
290 --primary-color: var(--paper-indigo-500);
291 --light-primary-color: var(--paper-indigo-100);
292 --dark-primary-color: var(--paper-indigo-700);
293
294 --accent-color: var(--paper-pink-a200);
295 --light-accent-color: var(--paper-pink-a100);
296 --dark-accent-color: var(--paper-pink-a400);
297
298
299
300 --light-theme-background-color: #ffffff;
301 --light-theme-base-color: #000000;
302 --light-theme-text-color: var(--paper-grey-900);
303 --light-theme-secondary-color: #737373;
304 --light-theme-disabled-color: #9b9b9b;
305 --light-theme-divider-color: #dbdbdb;
306
307
308 --dark-theme-background-color: var(--paper-grey-900);
309 --dark-theme-base-color: #ffffff;
310 --dark-theme-text-color: #ffffff;
311 --dark-theme-secondary-color: #bcbcbc;
312 --dark-theme-disabled-color: #646464;
313 --dark-theme-divider-color: #3c3c3c;
314
315
316 --text-primary-color: var(--dark-theme-text-color);
317 --default-primary-color: var(--primary-color);
318 }
319
320 </style>
321 <style is="custom-style" css-build="shadow">html {
322 --google-red-100: #f4c7c3; 302 --google-red-100: #f4c7c3;
323 --google-red-300: #e67c73; 303 --google-red-300: #e67c73;
324 --google-red-500: #db4437; 304 --google-red-500: #db4437;
325 --google-red-700: #c53929; 305 --google-red-700: #c53929;
326 306
327 --google-blue-100: #c6dafc; 307 --google-blue-100: #c6dafc;
328 --google-blue-300: #7baaf7; 308 --google-blue-300: #7baaf7;
329 --google-blue-500: #4285f4; 309 --google-blue-500: #4285f4;
330 --google-blue-700: #3367d6; 310 --google-blue-700: #3367d6;
331 311
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
626 --dark-primary-opacity: 0.87; 606 --dark-primary-opacity: 0.87;
627 607
628 608
629 --light-divider-opacity: 0.12; 609 --light-divider-opacity: 0.12;
630 --light-disabled-opacity: 0.3; 610 --light-disabled-opacity: 0.3;
631 --light-secondary-opacity: 0.7; 611 --light-secondary-opacity: 0.7;
632 --light-primary-opacity: 1.0; 612 --light-primary-opacity: 1.0;
633 } 613 }
634 614
635 </style> 615 </style>
616
617
618 <style is="custom-style" css-build="shadow">html {
619 --primary-text-color: var(--light-theme-text-color);
620 --primary-background-color: var(--light-theme-background-color);
621 --secondary-text-color: var(--light-theme-secondary-color);
622 --disabled-text-color: var(--light-theme-disabled-color);
623 --divider-color: var(--light-theme-divider-color);
624 --error-color: var(--paper-deep-orange-a700);
625
626
627 --primary-color: var(--paper-indigo-500);
628 --light-primary-color: var(--paper-indigo-100);
629 --dark-primary-color: var(--paper-indigo-700);
630
631 --accent-color: var(--paper-pink-a200);
632 --light-accent-color: var(--paper-pink-a100);
633 --dark-accent-color: var(--paper-pink-a400);
634
635
636
637 --light-theme-background-color: #ffffff;
638 --light-theme-base-color: #000000;
639 --light-theme-text-color: var(--paper-grey-900);
640 --light-theme-secondary-color: #737373;
641 --light-theme-disabled-color: #9b9b9b;
642 --light-theme-divider-color: #dbdbdb;
643
644
645 --dark-theme-background-color: var(--paper-grey-900);
646 --dark-theme-base-color: #ffffff;
647 --dark-theme-text-color: #ffffff;
648 --dark-theme-secondary-color: #bcbcbc;
649 --dark-theme-disabled-color: #646464;
650 --dark-theme-divider-color: #3c3c3c;
651
652
653 --text-primary-color: var(--dark-theme-text-color);
654 --default-primary-color: var(--primary-color);
655 }
656
657 </style>
658
659
636 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow"> 660 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow">
637 <template strip-whitespace=""> 661 <template strip-whitespace="">
638 <style scope="paper-icon-button">:host { 662 <style scope="paper-icon-button">:host {
639 display: inline-block; 663 display: inline-block;
640 position: relative; 664 position: relative;
641 padding: 8px; 665 padding: 8px;
642 outline: none; 666 outline: none;
643 -webkit-user-select: none; 667 -webkit-user-select: none;
644 -moz-user-select: none; 668 -moz-user-select: none;
645 -ms-user-select: none; 669 -ms-user-select: none;
646 user-select: none; 670 user-select: none;
647 cursor: pointer; 671 cursor: pointer;
648 z-index: 0; 672 z-index: 0;
649 line-height: 1; 673 line-height: 1;
650 674
651 width: 40px; 675 width: 40px;
652 height: 40px; 676 height: 40px;
653 677
654 678
655 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 679 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
656 -webkit-tap-highlight-color: transparent; 680 -webkit-tap-highlight-color: transparent;
657 681
658 682
659 box-sizing: border-box !important; 683 box-sizing: border-box !important;
660 684
661 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px); 685 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px);
662 } 686 }
663 687
664 :host #ink { 688 :host #ink {
665 color: var(--paper-icon-button-ink-color,var(--primary-text-color)); 689 color: var(--paper-icon-button-ink-color,var(--primary-text-color));;
666 opacity: 0.6; 690 opacity: 0.6;
667 } 691 }
668 692
669 :host([disabled]) { 693 :host([disabled]) {
670 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color)); 694 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));;
671 pointer-events: none; 695 pointer-events: none;
672 cursor: auto; 696 cursor: auto;
673 697
674 ; 698 ;
675 } 699 }
676 700
677 :host(:hover) { 701 :host(:hover) {
678 ; 702 ;
679 } 703 }
680 704
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after
736 } 760 }
737 761
738 } 762 }
739 763
740 .spinner-layer { 764 .spinner-layer {
741 position: absolute; 765 position: absolute;
742 width: 100%; 766 width: 100%;
743 height: 100%; 767 height: 100%;
744 opacity: 0; 768 opacity: 0;
745 white-space: nowrap; 769 white-space: nowrap;
746 border-color: var(--paper-spinner-color,var(--google-blue-500)); 770 border-color: var(--paper-spinner-color,var(--google-blue-500));;
747 } 771 }
748 772
749 .layer-1 { 773 .layer-1 {
750 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); 774 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));;
751 } 775 }
752 776
753 .layer-2 { 777 .layer-2 {
754 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); 778 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));;
755 } 779 }
756 780
757 .layer-3 { 781 .layer-3 {
758 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); 782 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));;
759 } 783 }
760 784
761 .layer-4 { 785 .layer-4 {
762 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); 786 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));;
763 } 787 }
764 788
765 .active .spinner-layer { 789 .active .spinner-layer {
766 -webkit-animation-name: fill-unfill-rotate; 790 -webkit-animation-name: fill-unfill-rotate;
767 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 791 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
768 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 792 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
769 -webkit-animation-iteration-count: infinite; 793 -webkit-animation-iteration-count: infinite;
770 animation-name: fill-unfill-rotate; 794 animation-name: fill-unfill-rotate;
771 animation-duration: var(--paper-spinner-full-cycle-duration); 795 animation-duration: var(--paper-spinner-full-cycle-duration);
772 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 796 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after
1220 1244
1221 to { 1245 to {
1222 opacity: 0 1246 opacity: 0
1223 } 1247 }
1224 1248
1225 } 1249 }
1226 1250
1227 </style> 1251 </style>
1228 </template> 1252 </template>
1229 </dom-module> 1253 </dom-module>
1254
1255
1230 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 1256 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
1231 <template strip-whitespace=""> 1257 <template strip-whitespace="">
1232 <style scope="paper-spinner-lite">:host { 1258 <style scope="paper-spinner-lite">:host {
1233 display: inline-block; 1259 display: inline-block;
1234 position: relative; 1260 position: relative;
1235 width: 28px; 1261 width: 28px;
1236 height: 28px; 1262 height: 28px;
1237 1263
1238 1264
1239 --paper-spinner-container-rotation-duration: 1568ms; 1265 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1274 } 1300 }
1275 1301
1276 } 1302 }
1277 1303
1278 .spinner-layer { 1304 .spinner-layer {
1279 position: absolute; 1305 position: absolute;
1280 width: 100%; 1306 width: 100%;
1281 height: 100%; 1307 height: 100%;
1282 opacity: 0; 1308 opacity: 0;
1283 white-space: nowrap; 1309 white-space: nowrap;
1284 border-color: var(--paper-spinner-color,var(--google-blue-500)); 1310 border-color: var(--paper-spinner-color,var(--google-blue-500));;
1285 } 1311 }
1286 1312
1287 .layer-1 { 1313 .layer-1 {
1288 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500)); 1314 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));;
1289 } 1315 }
1290 1316
1291 .layer-2 { 1317 .layer-2 {
1292 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500)); 1318 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));;
1293 } 1319 }
1294 1320
1295 .layer-3 { 1321 .layer-3 {
1296 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500)); 1322 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));;
1297 } 1323 }
1298 1324
1299 .layer-4 { 1325 .layer-4 {
1300 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500)); 1326 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));;
1301 } 1327 }
1302 1328
1303 .active .spinner-layer { 1329 .active .spinner-layer {
1304 -webkit-animation-name: fill-unfill-rotate; 1330 -webkit-animation-name: fill-unfill-rotate;
1305 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1331 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1306 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1332 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1307 -webkit-animation-iteration-count: infinite; 1333 -webkit-animation-iteration-count: infinite;
1308 animation-name: fill-unfill-rotate; 1334 animation-name: fill-unfill-rotate;
1309 animation-duration: var(--paper-spinner-full-cycle-duration); 1335 animation-duration: var(--paper-spinner-full-cycle-duration);
1310 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1336 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 737 matching lines...) Expand 10 before | Expand all | Expand 10 after
2048 </cr-toolbar-search-field> 2074 </cr-toolbar-search-field>
2049 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2075 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2050 </iron-media-query> 2076 </iron-media-query>
2051 </div> 2077 </div>
2052 2078
2053 <div id="rightContent"> 2079 <div id="rightContent">
2054 <content select=".more-actions"></content> 2080 <content select=".more-actions"></content>
2055 </div> 2081 </div>
2056 </template> 2082 </template>
2057 </dom-module> 2083 </dom-module>
2058 <link rel="import" href="chrome://history/constants.html"><iron-iconset-svg size ="24" name="history"> 2084 <link rel="import" href="chrome://history/constants.html">
2085 <iron-iconset-svg size="24" name="history">
2059 <svg> 2086 <svg>
2060 <defs> 2087 <defs>
2061 2088
2062 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2089 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2063 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g> 2090 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>
2064 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g> 2091 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g>
2065 </defs> 2092 </defs>
2066 </svg> 2093 </svg>
2067 </iron-iconset-svg> 2094 </iron-iconset-svg>
2068 <style is="custom-style" css-build="shadow">html { 2095 <style is="custom-style" css-build="shadow">html {
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after
2164 border: 2px solid var(--secondary-text-color); 2191 border: 2px solid var(--secondary-text-color);
2165 border-radius: 2px; 2192 border-radius: 2px;
2166 margin: 1px 8px; 2193 margin: 1px 8px;
2167 pointer-events: none; 2194 pointer-events: none;
2168 transform: scale(0.8); 2195 transform: scale(0.8);
2169 } 2196 }
2170 2197
2171 </style> 2198 </style>
2172 </template> 2199 </template>
2173 </dom-module> 2200 </dom-module>
2201
2202
2174 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2203 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2175 <template> 2204 <template>
2176 <style scope="history-toolbar">[hidden] { 2205 <style scope="history-toolbar">[hidden] {
2177 display: none !important; 2206 display: none !important;
2178 } 2207 }
2179 2208
2180 a { 2209 a {
2181 color: var(--link-color); 2210 color: var(--link-color);
2182 } 2211 }
2183 2212
(...skipping 258 matching lines...) Expand 10 before | Expand all | Expand 10 after
2442 </button> 2471 </button>
2443 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]"> 2472 <button is="paper-icon-button-light" id="next-button" title="$i18n{ran geNext}" class="icon-button rtl-reversible" on-tap="onNextTap_" disabled="[[isTo day_(groupedOffset)]]">
2444 <iron-icon icon="cr:chevron-right"></iron-icon> 2473 <iron-icon icon="cr:chevron-right"></iron-icon>
2445 </button> 2474 </button>
2446 </div> 2475 </div>
2447 </div> 2476 </div>
2448 </template> 2477 </template>
2449 </template> 2478 </template>
2450 </dom-module> 2479 </dom-module>
2451 2480
2452
2453
2454
2455 <style is="custom-style" css-build="shadow">html { 2481 <style is="custom-style" css-build="shadow">html {
2456 --cr-actionable_-_cursor: pointer;; 2482 --cr-actionable_-_cursor: pointer;;
2457 --cr-focused-item-color: var(--google-grey-300); 2483 --cr-focused-item-color: var(--google-grey-300);
2458 2484
2459 --cr-icon-padding: 8px; 2485 --cr-icon-padding: 8px;
2460 2486
2461 2487
2462 --cr-icon-ripple-size: 36px; 2488 --cr-icon-ripple-size: 36px;
2463 --cr-icon-size: 20px; 2489 --cr-icon-size: 20px;
2464 2490
2465 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt h_-_width: var(--cr-icon-size); 2491 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt h_-_width: var(--cr-icon-size);
2466 2492
2467 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b utton-margin_-_-webkit-margin-start: 16px; 2493 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b utton-margin_-_-webkit-margin-start: 16px;
2468 2494
2469 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none; 2495 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;
2470 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2496 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2471 --paper-checkbox-ink-size: 40px; 2497 --paper-checkbox-ink-size: 40px;
2472 } 2498 }
2473 2499
2474 </style> 2500 </style>
2501
2475 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow"> 2502 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow">
2476 <template> 2503 <template>
2477 <style scope="cr-shared-style">paper-spinner { 2504 <style scope="cr-shared-style">paper-spinner {
2478 --paper-spinner-layer-1-color: var(--google-blue-500); 2505 --paper-spinner-layer-1-color: var(--google-blue-500);
2479 --paper-spinner-layer-2-color: var(--google-blue-500); 2506 --paper-spinner-layer-2-color: var(--google-blue-500);
2480 --paper-spinner-layer-3-color: var(--google-blue-500); 2507 --paper-spinner-layer-3-color: var(--google-blue-500);
2481 --paper-spinner-layer-4-color: var(--google-blue-500); 2508 --paper-spinner-layer-4-color: var(--google-blue-500);
2482 } 2509 }
2483 2510
2484 .action-button { 2511 .action-button {
(...skipping 190 matching lines...) Expand 10 before | Expand all | Expand 10 after
2675 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14), 2702 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
2676 0 4px 22px 3px rgba(0, 0, 0, 0.12), 2703 0 4px 22px 3px rgba(0, 0, 0, 0.12),
2677 0 6px 7px -4px rgba(0, 0, 0, 0.4);; 2704 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
2678 2705
2679 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 2706 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
2680 0 6px 30px 5px rgba(0, 0, 0, 0.12), 2707 0 6px 30px 5px rgba(0, 0, 0, 0.12),
2681 0 8px 10px -5px rgba(0, 0, 0, 0.4);; 2708 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
2682 } 2709 }
2683 2710
2684 </style> 2711 </style>
2685 <link rel="import" href="chrome://resources/html/util.html"><dom-module id="hist ory-searched-label" assetpath="/" css-build="shadow"> 2712 <link rel="import" href="chrome://resources/html/util.html">
2713 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
2686 </dom-module> 2714 </dom-module>
2687 <dom-module id="history-item" assetpath="/" css-build="shadow"> 2715
2716
2717 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
2688 <template> 2718 <template>
2689 <style scope="history-item">[hidden] { 2719 <style scope="history-item">[hidden] {
2690 display: none !important; 2720 display: none !important;
2691 } 2721 }
2692 2722
2693 a { 2723 a {
2694 color: var(--link-color); 2724 color: var(--link-color);
2695 } 2725 }
2696 2726
2697 .card-title { 2727 .card-title {
(...skipping 388 matching lines...) Expand 10 before | Expand all | Expand 10 after
3086 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 3116 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
3087 <template> 3117 <template>
3088 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}"> 3118 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}">
3089 </history-item> 3119 </history-item>
3090 </template> 3120 </template>
3091 </iron-list> 3121 </iron-list>
3092 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 3122 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
3093 </iron-scroll-threshold> 3123 </iron-scroll-threshold>
3094 </template> 3124 </template>
3095 </dom-module> 3125 </dom-module>
3126
3127
3096 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 3128 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
3097 <template> 3129 <template>
3098 <style scope="history-list-container">[hidden] { 3130 <style scope="history-list-container">[hidden] {
3099 display: none !important; 3131 display: none !important;
3100 } 3132 }
3101 3133
3102 a { 3134 a {
3103 color: var(--link-color); 3135 color: var(--link-color);
3104 } 3136 }
3105 3137
(...skipping 215 matching lines...) Expand 10 before | Expand all | Expand 10 after
3321 </template> 3353 </template>
3322 </dom-module> 3354 </dom-module>
3323 3355
3324 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" > 3356 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >
3325 <template> 3357 <template>
3326 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> 3358 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>
3327 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }"> 3359 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">
3328 </iron-query-params> 3360 </iron-query-params>
3329 </template> 3361 </template>
3330 </dom-module> 3362 </dom-module>
3363 <style>
3364 /* Copyright 2015 The Chromium Authors. All rights reserved.
3365 * Use of this source code is governed by a BSD-style license that can be
3366 * found in the LICENSE file. */
3367
3368 <if expr="not chromeos and not is_android">
3369 @font-face {
3370 font-family: 'Roboto';
3371 font-style: normal;
3372 font-weight: 400;
3373 src: local('Roboto'), local('Roboto-Regular'),
3374 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3375 }
3376
3377 @font-face {
3378 font-family: 'Roboto';
3379 font-style: normal;
3380 font-weight: 500;
3381 src: local('Roboto Medium'), local('Roboto-Medium'),
3382 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3383 }
3384
3385 @font-face {
3386 font-family: 'Roboto';
3387 font-style: normal;
3388 font-weight: 700;
3389 src: local('Roboto Bold'), local('Roboto-Bold'),
3390 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3391 }
3392 </if>
3393
3394 </style>
3331 <style is="custom-style" css-build="shadow">html { 3395 <style is="custom-style" css-build="shadow">html {
3332 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 3396 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
3333 3397
3334 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 3398 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
3335 3399
3336 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 3400 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
3337 3401
3338 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 3402 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
3339 3403
3340 3404
(...skipping 21 matching lines...) Expand all
3362 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;; 3426 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;
3363 3427
3364 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;; 3428 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;;
3365 3429
3366 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;; 3430 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;
3367 3431
3368 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;; 3432 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;
3369 } 3433 }
3370 3434
3371 </style> 3435 </style>
3372 <style> 3436 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">
3373 /* Copyright 2015 The Chromium Authors. All rights reserved.
3374 * Use of this source code is governed by a BSD-style license that can be
3375 * found in the LICENSE file. */
3376
3377 <if expr="not chromeos and not is_android">
3378 @font-face {
3379 font-family: 'Roboto';
3380 font-style: normal;
3381 font-weight: 400;
3382 src: local('Roboto'), local('Roboto-Regular'),
3383 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3384 }
3385
3386 @font-face {
3387 font-family: 'Roboto';
3388 font-style: normal;
3389 font-weight: 500;
3390 src: local('Roboto Medium'), local('Roboto-Medium'),
3391 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3392 }
3393
3394 @font-face {
3395 font-family: 'Roboto';
3396 font-style: normal;
3397 font-weight: 700;
3398 src: local('Roboto Bold'), local('Roboto-Bold'),
3399 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3400 }
3401 </if>
3402
3403 </style><dom-module id="history-side-bar" assetpath="chrome://history/" css-buil d="shadow">
3404 <template> 3437 <template>
3405 <style scope="history-side-bar">[hidden] { 3438 <style scope="history-side-bar">[hidden] {
3406 display: none !important; 3439 display: none !important;
3407 } 3440 }
3408 3441
3409 a { 3442 a {
3410 color: var(--link-color); 3443 color: var(--link-color);
3411 } 3444 }
3412 3445
3413 .card-title { 3446 .card-title {
(...skipping 166 matching lines...) Expand 10 before | Expand all | Expand 10 after
3580 <paper-ripple id="cbd-ripple"></paper-ripple> 3613 <paper-ripple id="cbd-ripple"></paper-ripple>
3581 </a> 3614 </a>
3582 <div id="spacer"></div> 3615 <div id="spacer"></div>
3583 <div id="footer" hidden="[[!showFooter]]"> 3616 <div id="footer" hidden="[[!showFooter]]">
3584 <div class="separator"></div> 3617 <div class="separator"></div>
3585 <div id="footer-text">$i18nRaw{sidebarFooter}</div> 3618 <div id="footer-text">$i18nRaw{sidebarFooter}</div>
3586 </div> 3619 </div>
3587 </iron-selector> 3620 </iron-selector>
3588 </template> 3621 </template>
3589 </dom-module> 3622 </dom-module>
3590 <style> 3623 </div><dom-module id="history-app" css-build="shadow">
3591 /* Copyright 2016 The Chromium Authors. All rights reserved.
3592 * Use of this source code is governed by a BSD-style license that can be
3593 * found in the LICENSE file. */
3594
3595 :root {
3596 /* This is a custom, Chrome-specific color that does not have a --paper or
3597 * --google equivalent. */
3598 --md-background-color: #f1f1f1;
3599 --md-loading-message-color: #6e6e6e;
3600 /* This is --google-blue-700, rewritten as a native custom property for speed.
3601 */
3602 --md-toolbar-color: rgb(51, 103, 214);
3603 }
3604
3605 </style></div><dom-module id="history-app" css-build="shadow">
3606 <template> 3624 <template>
3607 <style scope="history-app">[hidden] { 3625 <style scope="history-app">[hidden] {
3608 display: none !important; 3626 display: none !important;
3609 } 3627 }
3610 3628
3611 a { 3629 a {
3612 color: var(--link-color); 3630 color: var(--link-color);
3613 } 3631 }
3614 3632
3615 .card-title { 3633 .card-title {
(...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after
3785 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3803 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3786 </history-side-bar> 3804 </history-side-bar>
3787 </app-drawer> 3805 </app-drawer>
3788 </template> 3806 </template>
3789 3807
3790 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3808 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3791 </iron-media-query> 3809 </iron-media-query>
3792 </template> 3810 </template>
3793 </dom-module> 3811 </dom-module>
3794 <script src="app.crisper.js"></script></body></html> 3812 <script src="app.crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698