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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1824963002: MD Downloads: re-vulcanize to pick up new changes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@downloads-double
Patch Set: Created 4 years, 9 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/crisper.js ('k') | no next file » | no next file with comments »
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) 2014 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) 2016 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 @license 18 @license
19 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 19 Copyright (c) 2014 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 --> 25 -->
26 <meta charset="utf-8"> 26 <meta charset="utf-8">
27 <title i18n-content="title"></title> 27 <title i18n-content="title"></title>
28 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> 28 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
29 <style> 29 <style>
(...skipping 200 matching lines...) Expand 10 before | Expand all | Expand 10 after
230 justify-content: center; 230 justify-content: center;
231 }; 231 };
232 232
233 --layout-end-justified: { 233 --layout-end-justified: {
234 -ms-flex-pack: end; 234 -ms-flex-pack: end;
235 -webkit-justify-content: flex-end; 235 -webkit-justify-content: flex-end;
236 justify-content: flex-end; 236 justify-content: flex-end;
237 }; 237 };
238 238
239 --layout-around-justified: { 239 --layout-around-justified: {
240 -ms-flex-pack: around; 240 -ms-flex-pack: distribute;
241 -webkit-justify-content: space-around; 241 -webkit-justify-content: space-around;
242 justify-content: space-around; 242 justify-content: space-around;
243 }; 243 };
244 244
245 --layout-justified: { 245 --layout-justified: {
246 -ms-flex-pack: justify; 246 -ms-flex-pack: justify;
247 -webkit-justify-content: space-between; 247 -webkit-justify-content: space-between;
248 justify-content: space-between; 248 justify-content: space-between;
249 }; 249 };
250 250
(...skipping 496 matching lines...) Expand 10 before | Expand all | Expand 10 after
747 * You can use these generic variables in your elements for easy theming. 747 * You can use these generic variables in your elements for easy theming.
748 * For example, if all your elements use `--primary-text-color` as its main 748 * For example, if all your elements use `--primary-text-color` as its main
749 * color, then switching from a light to a dark theme is just a matter of 749 * color, then switching from a light to a dark theme is just a matter of
750 * changing the value of `--primary-text-color` in your application. 750 * changing the value of `--primary-text-color` in your application.
751 */ 751 */
752 --primary-text-color: var(--light-theme-text-color); 752 --primary-text-color: var(--light-theme-text-color);
753 --primary-background-color: var(--light-theme-background-color); 753 --primary-background-color: var(--light-theme-background-color);
754 --secondary-text-color: var(--light-theme-secondary-color); 754 --secondary-text-color: var(--light-theme-secondary-color);
755 --disabled-text-color: var(--light-theme-disabled-color); 755 --disabled-text-color: var(--light-theme-disabled-color);
756 --divider-color: var(--light-theme-divider-color); 756 --divider-color: var(--light-theme-divider-color);
757 --error-color: var(--paper-deep-orange-a700);
757 758
758 /* 759 /*
759 * Primary and accent colors. Also see color.html for more colors. 760 * Primary and accent colors. Also see color.html for more colors.
760 */ 761 */
761 --primary-color: #3f51b5; /* --paper-indigo-500 */ 762 --primary-color: var(--paper-indigo-500);
762 --light-primary-color: #c5cae9; /* --paper-indigo-100 */ 763 --light-primary-color: var(--paper-indigo-100);
763 --dark-primary-color: #303f9f; /* --paper-indigo-700 */ 764 --dark-primary-color: var(--paper-indigo-700);
764 765
765 --accent-color: #ff4081; /* --paper-pink-a200 */ 766 --accent-color: var(--paper-pink-a200);
766 --light-accent-color: #ff80ab; /* --paper-pink-a100 */ 767 --light-accent-color: var(--paper-pink-a100);
767 --dark-accent-color: #f50057; /* --paper-pink-a400 */ 768 --dark-accent-color: var(--paper-pink-a400);
769
768 770
769 /* 771 /*
770 * Material Design Light background theme 772 * Material Design Light background theme
771 */ 773 */
772 --light-theme-background-color: #ffffff; 774 --light-theme-background-color: #ffffff;
773 --light-theme-base-color: #000000; 775 --light-theme-base-color: #000000;
774 --light-theme-text-color: #212121; 776 --light-theme-text-color: var(--paper-grey-900);
775 --light-theme-secondary-color: #737373; /* for secondary text and icons */ 777 --light-theme-secondary-color: #737373; /* for secondary text and icons */
776 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */ 778 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */
777 --light-theme-divider-color: #dbdbdb; 779 --light-theme-divider-color: #dbdbdb;
778 780
779 /* 781 /*
780 * Material Design Dark background theme 782 * Material Design Dark background theme
781 */ 783 */
782 --dark-theme-background-color: #212121; 784 --dark-theme-background-color: var(--paper-grey-900);
783 --dark-theme-base-color: #ffffff; 785 --dark-theme-base-color: #ffffff;
784 --dark-theme-text-color: #ffffff; 786 --dark-theme-text-color: #ffffff;
785 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */ 787 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */
786 --dark-theme-disabled-color: #646464; /* disabled/hint text */ 788 --dark-theme-disabled-color: #646464; /* disabled/hint text */
787 --dark-theme-divider-color: #3c3c3c; 789 --dark-theme-divider-color: #3c3c3c;
788 790
789 /* 791 /*
790 * Deprecated values because of their confusing names. 792 * Deprecated values because of their confusing names.
791 */ 793 */
792 --text-primary-color: var(--dark-theme-text-color); 794 --text-primary-color: var(--dark-theme-text-color);
(...skipping 1557 matching lines...) Expand 10 before | Expand all | Expand 10 after
2350 @apply(--paper-font-caption); 2352 @apply(--paper-font-caption);
2351 } 2353 }
2352 2354
2353 .underline { 2355 .underline {
2354 position: relative; 2356 position: relative;
2355 } 2357 }
2356 2358
2357 .focused-line { 2359 .focused-line {
2358 @apply(--layout-fit); 2360 @apply(--layout-fit);
2359 2361
2360 background: var(--paper-input-container-focus-color, --default-primary-c olor); 2362 background: var(--paper-input-container-focus-color, --primary-color);
2361 height: 2px; 2363 height: 2px;
2364
2362 -webkit-transform-origin: center center; 2365 -webkit-transform-origin: center center;
2363 transform-origin: center center; 2366 transform-origin: center center;
2364 -webkit-transform: scale3d(0,1,1); 2367 -webkit-transform: scale3d(0,1,1);
2365 transform: scale3d(0,1,1); 2368 transform: scale3d(0,1,1);
2366 2369
2367 @apply(--paper-input-container-underline-focus); 2370 @apply(--paper-input-container-underline-focus);
2368 } 2371 }
2369 2372
2370 .underline.is-highlighted .focused-line { 2373 .underline.is-highlighted .focused-line {
2371 -webkit-transform: none; 2374 -webkit-transform: none;
2372 transform: none; 2375 transform: none;
2373 -webkit-transition: -webkit-transform 0.25s; 2376 -webkit-transition: -webkit-transform 0.25s;
2374 transition: transform 0.25s; 2377 transition: transform 0.25s;
2375 2378
2376 @apply(--paper-transition-easing); 2379 @apply(--paper-transition-easing);
2377 } 2380 }
2378 2381
2379 .underline.is-invalid .focused-line { 2382 .underline.is-invalid .focused-line {
2380 background: var(--paper-input-container-invalid-color, --google-red-500) ; 2383 background: var(--paper-input-container-invalid-color, --error-color);
2381 -webkit-transform: none; 2384 -webkit-transform: none;
2382 transform: none; 2385 transform: none;
2383 -webkit-transition: -webkit-transform 0.25s; 2386 -webkit-transition: -webkit-transform 0.25s;
2384 transition: transform 0.25s; 2387 transition: transform 0.25s;
2385 2388
2386 @apply(--paper-transition-easing); 2389 @apply(--paper-transition-easing);
2387 } 2390 }
2388 2391
2389 .unfocused-line { 2392 .unfocused-line {
2390 @apply(--layout-fit); 2393 @apply(--layout-fit);
2391 2394
2395 background: var(--paper-input-container-color, --secondary-text-color);
2392 height: 1px; 2396 height: 1px;
2393 background: var(--paper-input-container-color, --secondary-text-color);
2394 2397
2395 @apply(--paper-input-container-underline); 2398 @apply(--paper-input-container-underline);
2396 } 2399 }
2397 2400
2398 :host([disabled]) .unfocused-line { 2401 :host([disabled]) .unfocused-line {
2399 border-bottom: 1px dashed; 2402 border-bottom: 1px dashed;
2400 border-color: var(--paper-input-container-color, --secondary-text-color) ; 2403 border-color: var(--paper-input-container-color, --secondary-text-color) ;
2401 background: transparent; 2404 background: transparent;
2402 2405
2403 @apply(--paper-input-container-underline-disabled); 2406 @apply(--paper-input-container-underline-disabled);
2404 } 2407 }
2405 2408
2406 .label-and-input-container { 2409 .label-and-input-container {
2407 @apply(--layout-flex-auto); 2410 @apply(--layout-flex-auto);
2408 @apply(--layout-relative); 2411 @apply(--layout-relative);
2412
2409 width: 100%; 2413 width: 100%;
2410 max-width: 100%; 2414 max-width: 100%;
2411 } 2415 }
2412 2416
2413 .input-content { 2417 .input-content {
2414 @apply(--layout-horizontal); 2418 @apply(--layout-horizontal);
2415 @apply(--layout-center); 2419 @apply(--layout-center);
2416 2420
2417 position: relative; 2421 position: relative;
2418 } 2422 }
2419 2423
2420 .input-content ::content label, 2424 .input-content ::content label,
2421 .input-content ::content .paper-input-label { 2425 .input-content ::content .paper-input-label {
2422 position: absolute; 2426 position: absolute;
2423 top: 0; 2427 top: 0;
2424 right: 0; 2428 right: 0;
2425 left: 0; 2429 left: 0;
2426 width: 100%; 2430 width: 100%;
2427 font: inherit; 2431 font: inherit;
2428 color: var(--paper-input-container-color, --secondary-text-color); 2432 color: var(--paper-input-container-color, --secondary-text-color);
2433 -webkit-transition: -webkit-transform 0.25s, width 0.25s;
2434 transition: transform 0.25s, width 0.25s;
2435 -webkit-transform-origin: left top;
2436 transform-origin: left top;
2429 2437
2430 @apply(--paper-font-common-nowrap); 2438 @apply(--paper-font-common-nowrap);
2431 @apply(--paper-font-subhead); 2439 @apply(--paper-font-subhead);
2432 @apply(--paper-input-container-label); 2440 @apply(--paper-input-container-label);
2441 @apply(--paper-transition-easing);
2433 } 2442 }
2434 2443
2435 .input-content.label-is-floating ::content label, 2444 .input-content.label-is-floating ::content label,
2436 .input-content.label-is-floating ::content .paper-input-label { 2445 .input-content.label-is-floating ::content .paper-input-label {
2437 -webkit-transform: translateY(-75%) scale(0.75); 2446 -webkit-transform: translateY(-75%) scale(0.75);
2438 transform: translateY(-75%) scale(0.75); 2447 transform: translateY(-75%) scale(0.75);
2439 -webkit-transition: -webkit-transform 0.25s, width 0.25s;
2440 transition: transform 0.25s, width 0.25s;
2441 -webkit-transform-origin: left top;
2442 transform-origin: left top;
2443 2448
2444 /* Since we scale to 75/100 of the size, we actually have 100/75 of the 2449 /* Since we scale to 75/100 of the size, we actually have 100/75 of the
2445 original space now available */ 2450 original space now available */
2446 width: 133%; 2451 width: 133%;
2447 2452
2448 @apply(--paper-transition-easing);
2449 @apply(--paper-input-container-label-floating); 2453 @apply(--paper-input-container-label-floating);
2450 } 2454 }
2451 2455
2452 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l, 2456 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l,
2453 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label { 2457 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label {
2454 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion 2458 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion
2455 * actually makes 2459 * actually makes
2456 * it wider on the right side, not left side, as you would expect in RTL */ 2460 * it wider on the right side, not left side, as you would expect in RTL */
2457 width: 100%; 2461 width: 100%;
2458 -webkit-transform-origin: right top; 2462 -webkit-transform-origin: right top;
2459 transform-origin: right top; 2463 transform-origin: right top;
2460 } 2464 }
2461 2465
2462 .input-content.label-is-highlighted ::content label, 2466 .input-content.label-is-highlighted ::content label,
2463 .input-content.label-is-highlighted ::content .paper-input-label { 2467 .input-content.label-is-highlighted ::content .paper-input-label {
2464 color: var(--paper-input-container-focus-color, --default-primary-color) ; 2468 color: var(--paper-input-container-focus-color, --primary-color);
2465 2469
2466 @apply(--paper-input-container-label-focus); 2470 @apply(--paper-input-container-label-focus);
2467 } 2471 }
2468 2472
2469 .input-content.is-invalid ::content label, 2473 .input-content.is-invalid ::content label,
2470 .input-content.is-invalid ::content .paper-input-label { 2474 .input-content.is-invalid ::content .paper-input-label {
2471 color: var(--paper-input-container-invalid-color, --google-red-500); 2475 color: var(--paper-input-container-invalid-color, --error-color);
2472 } 2476 }
2473 2477
2474 .input-content.label-is-hidden ::content label, 2478 .input-content.label-is-hidden ::content label,
2475 .input-content.label-is-hidden ::content .paper-input-label { 2479 .input-content.label-is-hidden ::content .paper-input-label {
2476 visibility: hidden; 2480 visibility: hidden;
2477 } 2481 }
2478 2482
2479 .input-content ::content input, 2483 .input-content ::content input,
2480 .input-content ::content textarea, 2484 .input-content ::content textarea,
2481 .input-content ::content iron-autogrow-textarea, 2485 .input-content ::content iron-autogrow-textarea,
2482 .input-content ::content .paper-input-input { 2486 .input-content ::content .paper-input-input {
2483 position: relative; /* to make a stacking context */ 2487 position: relative; /* to make a stacking context */
2484 outline: none; 2488 outline: none;
2485 box-shadow: none; 2489 box-shadow: none;
2486 padding: 0; 2490 padding: 0;
2487 width: 100%; 2491 width: 100%;
2488 max-width: 100%; 2492 max-width: 100%;
2489 background: transparent; 2493 background: transparent;
2490 border: none; 2494 border: none;
2491 color: var(--paper-input-container-input-color, --primary-text-color); 2495 color: var(--paper-input-container-input-color, --primary-text-color);
2492 -webkit-appearance: none; 2496 -webkit-appearance: none;
2493 text-align: inherit; 2497 text-align: inherit;
2494 2498
2495 @apply(--paper-font-subhead); 2499 @apply(--paper-font-subhead);
2496 @apply(--paper-input-container-input); 2500 @apply(--paper-input-container-input);
2497 } 2501 }
2498 2502
2499 ::content [prefix] { 2503 ::content [prefix] {
2500 @apply(--paper-font-subhead); 2504 @apply(--paper-font-subhead);
2505
2501 @apply(--paper-input-prefix); 2506 @apply(--paper-input-prefix);
2502 @apply(--layout-flex-none); 2507 @apply(--layout-flex-none);
2503 } 2508 }
2504 2509
2505 ::content [suffix] { 2510 ::content [suffix] {
2506 @apply(--paper-font-subhead); 2511 @apply(--paper-font-subhead);
2512
2507 @apply(--paper-input-suffix); 2513 @apply(--paper-input-suffix);
2508 @apply(--layout-flex-none); 2514 @apply(--layout-flex-none);
2509 } 2515 }
2510 2516
2511 /* Firefox sets a min-width on the input, which can cause layout issues */ 2517 /* Firefox sets a min-width on the input, which can cause layout issues */
2512 .input-content ::content input { 2518 .input-content ::content input {
2513 min-width: 0; 2519 min-width: 0;
2514 } 2520 }
2515 2521
2516 .input-content ::content textarea { 2522 .input-content ::content textarea {
2517 resize: none; 2523 resize: none;
2518 } 2524 }
2519 2525
2520 .add-on-content { 2526 .add-on-content {
2521 position: relative; 2527 position: relative;
2522 } 2528 }
2523 2529
2524 .add-on-content.is-invalid ::content * { 2530 .add-on-content.is-invalid ::content * {
2525 color: var(--paper-input-container-invalid-color, --google-red-500); 2531 color: var(--paper-input-container-invalid-color, --error-color);
2526 } 2532 }
2527 2533
2528 .add-on-content.is-highlighted ::content * { 2534 .add-on-content.is-highlighted ::content * {
2529 color: var(--paper-input-container-focus-color, --default-primary-color) ; 2535 color: var(--paper-input-container-focus-color, --primary-color);
2530 } 2536 }
2531 </style> 2537 </style>
2532 2538
2533 <template is="dom-if" if="[[!noLabelFloat]]"> 2539 <template is="dom-if" if="[[!noLabelFloat]]">
2534 <div class="floated-label-placeholder">&nbsp;</div> 2540 <div class="floated-label-placeholder">&nbsp;</div>
2535 </template> 2541 </template>
2536 2542
2537 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]"> 2543 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]">
2538 <content select="[prefix]" id="prefix"></content> 2544 <content select="[prefix]" id="prefix"></content>
2539 2545
(...skipping 343 matching lines...) Expand 10 before | Expand all | Expand 10 after
2883 <if expr="is_macosx"> 2889 <if expr="is_macosx">
2884 <command id="undo-command" shortcut="Meta-U+005A"></command> 2890 <command id="undo-command" shortcut="Meta-U+005A"></command>
2885 <command id="find-command" shortcut="Meta-U+0046"></command> 2891 <command id="find-command" shortcut="Meta-U+0046"></command>
2886 </if> 2892 </if>
2887 <if expr="not is_macosx"> 2893 <if expr="not is_macosx">
2888 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2894 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2889 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2895 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2890 </if> 2896 </if>
2891 2897
2892 <script src="crisper.js"></script></body></html> 2898 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698