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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2526053002: MD Settings: roll paper-radio-button, 1.2.1 -> 1.3.1 (Closed)
Patch Set: Roll to 1.3.1 Created 4 years 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/vulcanized.html ('k') | chrome/browser/resources/md_history/lazy_load.vulcanized.html » ('j') | third_party/polymer/v1_0/components_summary.txt » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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
(...skipping 23 matching lines...) Expand all
34 --md-background-color: rgb(241, 241, 241); 34 --md-background-color: rgb(241, 241, 241);
35 /* This is --google-blue-700, rewritten as a native custom property for speed. 35 /* This is --google-blue-700, rewritten as a native custom property for speed.
36 */ 36 */
37 --md-toolbar-color: rgb(51, 103, 214); 37 --md-toolbar-color: rgb(51, 103, 214);
38 } 38 }
39 39
40 </style> 40 </style>
41 41
42 42
43 43
44 </head><body><div hidden="" by-vulcanize=""><dom-module id="iron-pages" assetpat h="chrome://resources/polymer/v1_0/iron-pages/" css-build="shadow"> 44 </head><body><div hidden="" by-vulcanize="">
45
46 <dom-module id="iron-pages" assetpath="chrome://resources/polymer/v1_0/iron-page s/" css-build="shadow">
45 47
46 <template> 48 <template>
47 <style scope="iron-pages">:host { 49 <style scope="iron-pages">:host {
48 display: block; 50 display: block;
49 } 51 }
50 52
51 :host > ::content > :not(.iron-selected) { 53 :host > ::content > :not(.iron-selected) {
52 display: none !important; 54 display: none !important;
53 } 55 }
54 56
(...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after
177 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;; 179 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
178 180
179 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;; 181 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
180 182
181 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;; 183 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
182 184
183 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;; 185 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
184 } 186 }
185 187
186 </style> 188 </style>
187
188
189 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow"> 189 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">
190 <template> 190 <template>
191 <style scope="iron-icon">:host { 191 <style scope="iron-icon">:host {
192 display: var(--layout-inline_-_display); 192 display: var(--layout-inline_-_display);
193 -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) ; 193 -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 position: relative; 194 position: relative;
195 195
196 vertical-align: middle; 196 vertical-align: middle;
197 197
198 fill: var(--iron-icon-fill-color, currentcolor); 198 fill: var(--iron-icon-fill-color, currentcolor);
(...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after
258 overflow: hidden; 258 overflow: hidden;
259 } 259 }
260 260
261 </style> 261 </style>
262 262
263 <div id="background"></div> 263 <div id="background"></div>
264 <div id="waves"></div> 264 <div id="waves"></div>
265 </template> 265 </template>
266 </dom-module> 266 </dom-module>
267 <style is="custom-style" css-build="shadow">html { 267 <style is="custom-style" css-build="shadow">html {
268 --primary-text-color: var(--light-theme-text-color);
269 --primary-background-color: var(--light-theme-background-color);
270 --secondary-text-color: var(--light-theme-secondary-color);
271 --disabled-text-color: var(--light-theme-disabled-color);
272 --divider-color: var(--light-theme-divider-color);
273 --error-color: var(--paper-deep-orange-a700);
274
275
276 --primary-color: var(--paper-indigo-500);
277 --light-primary-color: var(--paper-indigo-100);
278 --dark-primary-color: var(--paper-indigo-700);
279
280 --accent-color: var(--paper-pink-a200);
281 --light-accent-color: var(--paper-pink-a100);
282 --dark-accent-color: var(--paper-pink-a400);
283
284
285
286 --light-theme-background-color: #ffffff;
287 --light-theme-base-color: #000000;
288 --light-theme-text-color: var(--paper-grey-900);
289 --light-theme-secondary-color: #737373;
290 --light-theme-disabled-color: #9b9b9b;
291 --light-theme-divider-color: #dbdbdb;
292
293
294 --dark-theme-background-color: var(--paper-grey-900);
295 --dark-theme-base-color: #ffffff;
296 --dark-theme-text-color: #ffffff;
297 --dark-theme-secondary-color: #bcbcbc;
298 --dark-theme-disabled-color: #646464;
299 --dark-theme-divider-color: #3c3c3c;
300
301
302 --text-primary-color: var(--dark-theme-text-color);
303 --default-primary-color: var(--primary-color);
304 }
305
306 </style>
307 <style is="custom-style" css-build="shadow">html {
268 --google-red-100: #f4c7c3; 308 --google-red-100: #f4c7c3;
269 --google-red-300: #e67c73; 309 --google-red-300: #e67c73;
270 --google-red-500: #db4437; 310 --google-red-500: #db4437;
271 --google-red-700: #c53929; 311 --google-red-700: #c53929;
272 312
273 --google-blue-100: #c6dafc; 313 --google-blue-100: #c6dafc;
274 --google-blue-300: #7baaf7; 314 --google-blue-300: #7baaf7;
275 --google-blue-500: #4285f4; 315 --google-blue-500: #4285f4;
276 --google-blue-700: #3367d6; 316 --google-blue-700: #3367d6;
277 317
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
572 --dark-primary-opacity: 0.87; 612 --dark-primary-opacity: 0.87;
573 613
574 614
575 --light-divider-opacity: 0.12; 615 --light-divider-opacity: 0.12;
576 --light-disabled-opacity: 0.3; 616 --light-disabled-opacity: 0.3;
577 --light-secondary-opacity: 0.7; 617 --light-secondary-opacity: 0.7;
578 --light-primary-opacity: 1.0; 618 --light-primary-opacity: 1.0;
579 } 619 }
580 620
581 </style> 621 </style>
582
583
584 <style is="custom-style" css-build="shadow">html {
585 --primary-text-color: var(--light-theme-text-color);
586 --primary-background-color: var(--light-theme-background-color);
587 --secondary-text-color: var(--light-theme-secondary-color);
588 --disabled-text-color: var(--light-theme-disabled-color);
589 --divider-color: var(--light-theme-divider-color);
590 --error-color: var(--paper-deep-orange-a700);
591
592
593 --primary-color: var(--paper-indigo-500);
594 --light-primary-color: var(--paper-indigo-100);
595 --dark-primary-color: var(--paper-indigo-700);
596
597 --accent-color: var(--paper-pink-a200);
598 --light-accent-color: var(--paper-pink-a100);
599 --dark-accent-color: var(--paper-pink-a400);
600
601
602
603 --light-theme-background-color: #ffffff;
604 --light-theme-base-color: #000000;
605 --light-theme-text-color: var(--paper-grey-900);
606 --light-theme-secondary-color: #737373;
607 --light-theme-disabled-color: #9b9b9b;
608 --light-theme-divider-color: #dbdbdb;
609
610
611 --dark-theme-background-color: var(--paper-grey-900);
612 --dark-theme-base-color: #ffffff;
613 --dark-theme-text-color: #ffffff;
614 --dark-theme-secondary-color: #bcbcbc;
615 --dark-theme-disabled-color: #646464;
616 --dark-theme-divider-color: #3c3c3c;
617
618
619 --text-primary-color: var(--dark-theme-text-color);
620 --default-primary-color: var(--primary-color);
621 }
622
623 </style>
624
625
626 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow"> 622 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow">
627 <template strip-whitespace=""> 623 <template strip-whitespace="">
628 <style scope="paper-icon-button">:host { 624 <style scope="paper-icon-button">:host {
629 display: inline-block; 625 display: inline-block;
630 position: relative; 626 position: relative;
631 padding: 8px; 627 padding: 8px;
632 outline: none; 628 outline: none;
633 -webkit-user-select: none; 629 -webkit-user-select: none;
634 -moz-user-select: none; 630 -moz-user-select: none;
635 -ms-user-select: none; 631 -ms-user-select: none;
636 user-select: none; 632 user-select: none;
637 cursor: pointer; 633 cursor: pointer;
638 z-index: 0; 634 z-index: 0;
639 line-height: 1; 635 line-height: 1;
640 636
641 width: 40px; 637 width: 40px;
642 height: 40px; 638 height: 40px;
643 639
644 640
645 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 641 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
646 -webkit-tap-highlight-color: transparent; 642 -webkit-tap-highlight-color: transparent;
647 643
648 644
649 box-sizing: border-box !important; 645 box-sizing: border-box !important;
650 646
651 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px); 647 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px);
652 } 648 }
653 649
654 :host #ink { 650 :host #ink {
655 color: var(--paper-icon-button-ink-color,var(--primary-text-color));; 651 color: var(--paper-icon-button-ink-color,var(--primary-text-color));
656 opacity: 0.6; 652 opacity: 0.6;
657 } 653 }
658 654
659 :host([disabled]) { 655 :host([disabled]) {
660 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));; 656 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));
661 pointer-events: none; 657 pointer-events: none;
662 cursor: auto; 658 cursor: auto;
663 659
664 ; 660 ;
665 } 661 }
666 662
667 :host(:hover) { 663 :host(:hover) {
668 ; 664 ;
669 } 665 }
670 666
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
759 } 755 }
760 756
761 } 757 }
762 758
763 .spinner-layer { 759 .spinner-layer {
764 position: absolute; 760 position: absolute;
765 width: 100%; 761 width: 100%;
766 height: 100%; 762 height: 100%;
767 opacity: 0; 763 opacity: 0;
768 white-space: nowrap; 764 white-space: nowrap;
769 border-color: var(--paper-spinner-color,var(--google-blue-500));; 765 border-color: var(--paper-spinner-color,var(--google-blue-500));
770 } 766 }
771 767
772 .layer-1 { 768 .layer-1 {
773 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 769 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
774 } 770 }
775 771
776 .layer-2 { 772 .layer-2 {
777 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 773 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
778 } 774 }
779 775
780 .layer-3 { 776 .layer-3 {
781 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 777 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
782 } 778 }
783 779
784 .layer-4 { 780 .layer-4 {
785 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 781 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
786 } 782 }
787 783
788 .active .spinner-layer { 784 .active .spinner-layer {
789 -webkit-animation-name: fill-unfill-rotate; 785 -webkit-animation-name: fill-unfill-rotate;
790 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 786 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
791 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 787 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
792 -webkit-animation-iteration-count: infinite; 788 -webkit-animation-iteration-count: infinite;
793 animation-name: fill-unfill-rotate; 789 animation-name: fill-unfill-rotate;
794 animation-duration: var(--paper-spinner-full-cycle-duration); 790 animation-duration: var(--paper-spinner-full-cycle-duration);
795 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 791 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 447 matching lines...) Expand 10 before | Expand all | Expand 10 after
1243 1239
1244 to { 1240 to {
1245 opacity: 0 1241 opacity: 0
1246 } 1242 }
1247 1243
1248 } 1244 }
1249 1245
1250 </style> 1246 </style>
1251 </template> 1247 </template>
1252 </dom-module> 1248 </dom-module>
1253
1254
1255 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow"> 1249 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">
1256 <template strip-whitespace=""> 1250 <template strip-whitespace="">
1257 <style scope="paper-spinner-lite">:host { 1251 <style scope="paper-spinner-lite">:host {
1258 display: inline-block; 1252 display: inline-block;
1259 position: relative; 1253 position: relative;
1260 width: 28px; 1254 width: 28px;
1261 height: 28px; 1255 height: 28px;
1262 1256
1263 1257
1264 --paper-spinner-container-rotation-duration: 1568ms; 1258 --paper-spinner-container-rotation-duration: 1568ms;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
1299 } 1293 }
1300 1294
1301 } 1295 }
1302 1296
1303 .spinner-layer { 1297 .spinner-layer {
1304 position: absolute; 1298 position: absolute;
1305 width: 100%; 1299 width: 100%;
1306 height: 100%; 1300 height: 100%;
1307 opacity: 0; 1301 opacity: 0;
1308 white-space: nowrap; 1302 white-space: nowrap;
1309 border-color: var(--paper-spinner-color,var(--google-blue-500));; 1303 border-color: var(--paper-spinner-color,var(--google-blue-500));
1310 } 1304 }
1311 1305
1312 .layer-1 { 1306 .layer-1 {
1313 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));; 1307 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));
1314 } 1308 }
1315 1309
1316 .layer-2 { 1310 .layer-2 {
1317 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));; 1311 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));
1318 } 1312 }
1319 1313
1320 .layer-3 { 1314 .layer-3 {
1321 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));; 1315 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));
1322 } 1316 }
1323 1317
1324 .layer-4 { 1318 .layer-4 {
1325 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));; 1319 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));
1326 } 1320 }
1327 1321
1328 .active .spinner-layer { 1322 .active .spinner-layer {
1329 -webkit-animation-name: fill-unfill-rotate; 1323 -webkit-animation-name: fill-unfill-rotate;
1330 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration); 1324 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);
1331 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1325 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
1332 -webkit-animation-iteration-count: infinite; 1326 -webkit-animation-iteration-count: infinite;
1333 animation-name: fill-unfill-rotate; 1327 animation-name: fill-unfill-rotate;
1334 animation-duration: var(--paper-spinner-full-cycle-duration); 1328 animation-duration: var(--paper-spinner-full-cycle-duration);
1335 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); 1329 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
(...skipping 854 matching lines...) Expand 10 before | Expand all | Expand 10 after
2190 border: 2px solid var(--secondary-text-color); 2184 border: 2px solid var(--secondary-text-color);
2191 border-radius: 2px; 2185 border-radius: 2px;
2192 margin: 1px 10px; 2186 margin: 1px 10px;
2193 pointer-events: none; 2187 pointer-events: none;
2194 transform: scale(0.8); 2188 transform: scale(0.8);
2195 } 2189 }
2196 2190
2197 </style> 2191 </style>
2198 </template> 2192 </template>
2199 </dom-module> 2193 </dom-module>
2200
2201
2202 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2194 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2203 <template> 2195 <template>
2204 <style scope="history-toolbar">[hidden] { 2196 <style scope="history-toolbar">[hidden] {
2205 display: none !important; 2197 display: none !important;
2206 } 2198 }
2207 2199
2208 .card-title { 2200 .card-title {
2209 align-items: center; 2201 align-items: center;
2210 border-bottom: 1px solid var(--card-border-color); 2202 border-bottom: 1px solid var(--card-border-color);
2211 border-radius: 2px 2px 0 0; 2203 border-radius: 2px 2px 0 0;
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after
2480 </span> 2472 </span>
2481 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title= "$i18n{rangeToday}"></paper-icon-button> 2473 <paper-icon-button icon="history:today" alt="$i18n{rangeToday}" title= "$i18n{rangeToday}"></paper-icon-button>
2482 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button> 2474 <paper-icon-button icon="history:chevron-left" alt="$i18n{rangePreviou s}" title="$i18n{rangePrevious}" class="rtl-reversible"></paper-icon-button>
2483 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button> 2475 <paper-icon-button icon="cr:chevron-right" alt="$i18n{rangeNext}" titl e="$i18n{rangeNext}" class="rtl-reversible"></paper-icon-button>
2484 </div> 2476 </div>
2485 </div> 2477 </div>
2486 </template> 2478 </template>
2487 </template> 2479 </template>
2488 </dom-module> 2480 </dom-module>
2489 2481
2482
2483
2484
2490 <style is="custom-style" css-build="shadow">html { 2485 <style is="custom-style" css-build="shadow">html {
2491 --cr-actionable_-_cursor: pointer;; 2486 --cr-actionable_-_cursor: pointer;;
2492 --cr-focused-item-color: var(--google-grey-300); 2487 --cr-focused-item-color: var(--google-grey-300);
2493 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none; 2488 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;
2494 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2489 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2495 --paper-checkbox-ink-size: 40px; 2490 --paper-checkbox-ink-size: 40px;
2496 } 2491 }
2497 2492
2498 </style> 2493 </style>
2499
2500 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow"> 2494 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/" css -build="shadow">
2501 <template> 2495 <template>
2502 <style scope="cr-shared-style">paper-spinner { 2496 <style scope="cr-shared-style">paper-spinner {
2503 --paper-spinner-layer-1-color: var(--google-blue-500); 2497 --paper-spinner-layer-1-color: var(--google-blue-500);
2504 --paper-spinner-layer-2-color: var(--google-blue-500); 2498 --paper-spinner-layer-2-color: var(--google-blue-500);
2505 --paper-spinner-layer-3-color: var(--google-blue-500); 2499 --paper-spinner-layer-3-color: var(--google-blue-500);
2506 --paper-spinner-layer-4-color: var(--google-blue-500); 2500 --paper-spinner-layer-4-color: var(--google-blue-500);
2507 } 2501 }
2508 2502
2509 .action-button { 2503 .action-button {
(...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after
2673 2667
2674 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 2668 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
2675 0 6px 30px 5px rgba(0, 0, 0, 0.12), 2669 0 6px 30px 5px rgba(0, 0, 0, 0.12),
2676 0 8px 10px -5px rgba(0, 0, 0, 0.4);; 2670 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
2677 } 2671 }
2678 2672
2679 </style> 2673 </style>
2680 <link rel="import" href="chrome://resources/html/util.html"> 2674 <link rel="import" href="chrome://resources/html/util.html">
2681 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow"> 2675 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
2682 </dom-module> 2676 </dom-module>
2683
2684
2685 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> 2677 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
2686 <template> 2678 <template>
2687 <style scope="history-item">[hidden] { 2679 <style scope="history-item">[hidden] {
2688 display: none !important; 2680 display: none !important;
2689 } 2681 }
2690 2682
2691 .card-title { 2683 .card-title {
2692 align-items: center; 2684 align-items: center;
2693 border-bottom: 1px solid var(--card-border-color); 2685 border-bottom: 1px solid var(--card-border-color);
2694 border-radius: 2px 2px 0 0; 2686 border-radius: 2px 2px 0 0;
(...skipping 400 matching lines...) Expand 10 before | Expand all | Expand 10 after
3095 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 3087 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
3096 <template> 3088 <template>
3097 <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 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_}}">
3098 </history-item> 3090 </history-item>
3099 </template> 3091 </template>
3100 </iron-list> 3092 </iron-list>
3101 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_"> 3093 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">
3102 </iron-scroll-threshold> 3094 </iron-scroll-threshold>
3103 </template> 3095 </template>
3104 </dom-module> 3096 </dom-module>
3105
3106
3107 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 3097 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
3108 <template> 3098 <template>
3109 <style scope="history-list-container">[hidden] { 3099 <style scope="history-list-container">[hidden] {
3110 display: none !important; 3100 display: none !important;
3111 } 3101 }
3112 3102
3113 .card-title { 3103 .card-title {
3114 align-items: center; 3104 align-items: center;
3115 border-bottom: 1px solid var(--card-border-color); 3105 border-bottom: 1px solid var(--card-border-color);
3116 border-radius: 2px 2px 0 0; 3106 border-radius: 2px 2px 0 0;
(...skipping 189 matching lines...) Expand 10 before | Expand all | Expand 10 after
3306 </template> 3296 </template>
3307 </dom-module> 3297 </dom-module>
3308 3298
3309 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" > 3299 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >
3310 <template> 3300 <template>
3311 <iron-location path="{{path_}}" query="{{query_}}"></iron-location> 3301 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>
3312 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }"> 3302 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">
3313 </iron-query-params> 3303 </iron-query-params>
3314 </template> 3304 </template>
3315 </dom-module> 3305 </dom-module>
3316 <style>
3317 /* Copyright 2015 The Chromium Authors. All rights reserved.
3318 * Use of this source code is governed by a BSD-style license that can be
3319 * found in the LICENSE file. */
3320
3321 <if expr="not chromeos and not is_android">
3322 @font-face {
3323 font-family: 'Roboto';
3324 font-style: normal;
3325 font-weight: 400;
3326 src: local('Roboto'), local('Roboto-Regular'),
3327 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3328 }
3329
3330 @font-face {
3331 font-family: 'Roboto';
3332 font-style: normal;
3333 font-weight: 500;
3334 src: local('Roboto Medium'), local('Roboto-Medium'),
3335 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3336 }
3337
3338 @font-face {
3339 font-family: 'Roboto';
3340 font-style: normal;
3341 font-weight: 700;
3342 src: local('Roboto Bold'), local('Roboto-Bold'),
3343 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3344 }
3345 </if>
3346
3347 </style>
3348 <style is="custom-style" css-build="shadow">html { 3306 <style is="custom-style" css-build="shadow">html {
3349 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;; 3307 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;
3350 3308
3351 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;; 3309 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;
3352 3310
3353 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ; 3311 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;
3354 3312
3355 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;; 3313 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;
3356 3314
3357 3315
(...skipping 21 matching lines...) Expand all
3379 --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;; 3337 --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;;
3380 3338
3381 --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;; 3339 --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;;
3382 3340
3383 --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;; 3341 --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;;
3384 3342
3385 --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;; 3343 --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;;
3386 } 3344 }
3387 3345
3388 </style> 3346 </style>
3347 <style>
3348 /* Copyright 2015 The Chromium Authors. All rights reserved.
3349 * Use of this source code is governed by a BSD-style license that can be
3350 * found in the LICENSE file. */
3351
3352 <if expr="not chromeos and not is_android">
3353 @font-face {
3354 font-family: 'Roboto';
3355 font-style: normal;
3356 font-weight: 400;
3357 src: local('Roboto'), local('Roboto-Regular'),
3358 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');
3359 }
3360
3361 @font-face {
3362 font-family: 'Roboto';
3363 font-style: normal;
3364 font-weight: 500;
3365 src: local('Roboto Medium'), local('Roboto-Medium'),
3366 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');
3367 }
3368
3369 @font-face {
3370 font-family: 'Roboto';
3371 font-style: normal;
3372 font-weight: 700;
3373 src: local('Roboto Bold'), local('Roboto-Bold'),
3374 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');
3375 }
3376 </if>
3377
3378 </style>
3389 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 3379 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">
3390 <template> 3380 <template>
3391 <style scope="history-side-bar">[hidden] { 3381 <style scope="history-side-bar">[hidden] {
3392 display: none !important; 3382 display: none !important;
3393 } 3383 }
3394 3384
3395 .card-title { 3385 .card-title {
3396 align-items: center; 3386 align-items: center;
3397 border-bottom: 1px solid var(--card-border-color); 3387 border-bottom: 1px solid var(--card-border-color);
3398 border-radius: 2px 2px 0 0; 3388 border-radius: 2px 2px 0 0;
(...skipping 367 matching lines...) Expand 10 before | Expand all | Expand 10 after
3766 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3756 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3767 </history-side-bar> 3757 </history-side-bar>
3768 </app-drawer> 3758 </app-drawer>
3769 </template> 3759 </template>
3770 3760
3771 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3761 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3772 </iron-media-query> 3762 </iron-media-query>
3773 </template> 3763 </template>
3774 </dom-module> 3764 </dom-module>
3775 <script src="app.crisper.js"></script></body></html> 3765 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | chrome/browser/resources/md_history/lazy_load.vulcanized.html » ('j') | third_party/polymer/v1_0/components_summary.txt » ('J')

Powered by Google App Engine
This is Rietveld 408576698