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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 2639373002: MD Settings: clean up text controls (links, buttons) (Closed)
Patch Set: add comment for action_link_css Created 3 years, 11 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/browser/resources/md_downloads/item.html ('k') | chrome/browser/resources/settings/device_page/stylus.html » ('j') | chrome/browser/resources/settings/internet_page/network_summary_item.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/md_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index cb5cfb6c4d114a929fd993250ca4871c067ff136..7a47cd6c4fa10134592bc59481cb1f25b297bd4e 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -121,399 +121,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template>
</dom-module>
-<style>
- /* IE 10 support for HTML5 hidden attr */
- [hidden] {
- display: none !important;
- }
-</style><style is="custom-style" css-build="shadow">html {
- --layout_-_display: flex;;
-
- --layout-inline_-_display: inline-flex;;
-
- --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;
-
- --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-direction: row-reverse;;
-
- --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;
-
- --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vertical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direction: column-reverse;;
-
- --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wrap; --layout-wrap_-_flex-wrap: wrap;;
-
- --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-reverse;;
-
- --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;
-
- --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: none; --layout-flex-none_-_flex: none;;
-
- --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex: 1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px; --layout-flex_-_flex-basis: 0.000000001px;;
-
- --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout-flex-2_-_flex: 2;;
-
- --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout-flex-3_-_flex: 3;;
-
- --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout-flex-4_-_flex: 4;;
-
- --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout-flex-5_-_flex: 5;;
-
- --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout-flex-6_-_flex: 6;;
-
- --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout-flex-7_-_flex: 7;;
-
- --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout-flex-8_-_flex: 8;;
-
- --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout-flex-9_-_flex: 9;;
-
- --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --layout-flex-10_-_flex: 10;;
-
- --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --layout-flex-11_-_flex: 11;;
-
- --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --layout-flex-12_-_flex: 12;;
-
-
-
- --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-items: flex-start; --layout-start_-_align-items: flex-start;;
-
- --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-items: center; --layout-center_-_align-items: center;;
-
- --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: flex-end; --layout-end_-_align-items: flex-end;;
-
- --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-align-items: baseline; --layout-baseline_-_align-items: baseline;;
-
-
-
- --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-content: flex-start;;
-
- --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justified_-_-webkit-justify-content: center; --layout-center-justified_-_justify-content: center;;
-
- --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webkit-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-end;;
-
- --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-justified_-_-webkit-justify-content: space-around; --layout-around-justified_-_justify-content: space-around;;
-
- --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-justify-content: space-between; --layout-justified_-_justify-content: space-between;;
-
- --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items); --layout-center-center_-_align-items: var(--layout-center_-_align-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); --layout-center-center_-_justify-content: var(--layout-center-justified_-_justify-content);;
-
-
-
- --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-webkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;
-
- --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webkit-align-self: center; --layout-self-center_-_align-self: center;;
-
- --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-align-self: flex-end; --layout-self-end_-_align-self: flex-end;;
-
- --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-webkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;
-
- --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;
-
-
-
- --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content: flex-start; --layout-start-aligned_-_align-content: flex-start;;
-
- --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-end; --layout-end-aligned_-_align-content: flex-end;;
-
- --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-aligned_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content: center; --layout-center-aligned_-_align-content: center;;
-
- --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-aligned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-align-content: space-between; --layout-between-aligned_-_align-content: space-between;;
-
- --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-aligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-align-content: space-around; --layout-around-aligned_-_align-content: space-around;;
-
-
-
- --layout-block_-_display: block;;
-
- --layout-invisible_-_visibility: hidden !important;;
-
- --layout-relative_-_position: relative;;
-
- --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_right: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;
-
- --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_overflow: auto;;
-
- --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;
-
-
-
- --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layout-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
-
- --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --layout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
-
- --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
-
- --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --layout-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
-}
-
-</style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/" css-build="shadow">
- <template>
- <style scope="iron-icon">:host {
- display: var(--layout-inline_-_display);
- -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-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);
- position: relative;
-
- vertical-align: middle;
-
- fill: var(--iron-icon-fill-color, currentcolor);
- stroke: var(--iron-icon-stroke-color, none);
-
- width: var(--iron-icon-width, 24px);
- height: var(--iron-icon-height, 24px);
- ;
-}
-
-</style>
- </template>
-
- </dom-module>
-<dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-ripple/" css-build="shadow">
-
- <template>
- <style scope="paper-ripple">:host {
- display: block;
- position: absolute;
- border-radius: inherit;
- overflow: hidden;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
-
-
- pointer-events: none;
-}
-
-:host([animating]) {
- -webkit-transform: translate(0, 0);
- transform: translate3d(0, 0, 0);
-}
-
-#background, #waves, .wave-container, .wave {
- pointer-events: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
-#background, .wave {
- opacity: 0;
-}
-
-#waves, .wave {
- overflow: hidden;
-}
-
-.wave-container, .wave {
- border-radius: 50%;
-}
-
-:host(.circle) #background, :host(.circle) #waves {
- border-radius: 50%;
-}
-
-:host(.circle) .wave-container {
- overflow: hidden;
-}
-
-</style>
-
- <div id="background"></div>
- <div id="waves"></div>
- </template>
-</dom-module>
-<style is="custom-style" css-build="shadow">html {
- --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;
-
- --shadow-none_-_box-shadow: none;;
-
-
-
- --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
- 0 1px 5px 0 rgba(0, 0, 0, 0.12),
- 0 3px 1px -2px rgba(0, 0, 0, 0.2);;
-
- --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
- 0 1px 8px 0 rgba(0, 0, 0, 0.12),
- 0 3px 3px -2px rgba(0, 0, 0, 0.4);;
-
- --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
- 0 1px 10px 0 rgba(0, 0, 0, 0.12),
- 0 2px 4px -1px rgba(0, 0, 0, 0.4);;
-
- --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
- 0 1px 18px 0 rgba(0, 0, 0, 0.12),
- 0 3px 5px -1px rgba(0, 0, 0, 0.4);;
-
- --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
- 0 3px 14px 2px rgba(0, 0, 0, 0.12),
- 0 5px 5px -3px rgba(0, 0, 0, 0.4);;
-
- --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
- 0 4px 22px 3px rgba(0, 0, 0, 0.12),
- 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
-
- --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
- 0 6px 30px 5px rgba(0, 0, 0, 0.12),
- 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
-}
-
-</style><dom-module id="paper-material-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-material/" css-build="shadow">
- <template>
- <style scope="paper-material-shared-styles">:host {
- display: block;
- position: relative;
-}
-
-:host([elevation="1"]) {
- box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
-}
-
-:host([elevation="2"]) {
- box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
-}
-
-:host([elevation="3"]) {
- box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
-}
-
-:host([elevation="4"]) {
- box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
-}
-
-:host([elevation="5"]) {
- box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
-}
-
-</style>
- </template>
-</dom-module>
-<dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-button/" css-build="shadow">
- <template strip-whitespace="">
- <style scope="paper-button">:host {
- display: block;
- position: relative;
-}
-
-:host([elevation="1"]) {
- box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
-}
-
-:host([elevation="2"]) {
- box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
-}
-
-:host([elevation="3"]) {
- box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
-}
-
-:host([elevation="4"]) {
- box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
-}
-
-:host([elevation="5"]) {
- box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
-}
-
-:host {
- display: var(--layout-inline_-_display);
- -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-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);
- position: relative;
- box-sizing: border-box;
- min-width: 5.14em;
- margin: 0 0.29em;
- background: transparent;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-tap-highlight-color: transparent;
- font: inherit;
- text-transform: uppercase;
- outline-width: 0;
- border-radius: 3px;
- -moz-user-select: none;
- -ms-user-select: none;
- -webkit-user-select: none;
- user-select: none;
- cursor: pointer;
- z-index: 0;
- padding: 0.7em 0.57em;
-
- font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
- ;
-}
-
-:host([hidden]) {
- display: none !important;
-}
-
-:host([raised].keyboard-focus) {
- font-weight: bold;
- ;
-}
-
-:host(:not([raised]).keyboard-focus) {
- font-weight: bold;
- ;
-}
-
-:host([disabled]) {
- background: #eaeaea;
- color: #a8a8a8;
- cursor: auto;
- pointer-events: none;
-
- ;
-}
-
-:host([animated]) {
- transition: var(--shadow-transition_-_transition);
-}
-
-paper-ripple {
- color: var(--paper-button-ink-color);
-}
-
-</style>
-
- <content></content>
- </template>
-
- </dom-module>
-<dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/" css-build="shadow">
- <template strip-whitespace="">
- <style scope="paper-icon-button-light">:host {
- vertical-align: middle;
- color: inherit;
- outline: none;
- width: 24px;
- height: 24px;
- background: none;
- margin: 0;
- border: none;
- padding: 0;
-
- position: relative;
- cursor: pointer;
-
-
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-tap-highlight-color: transparent;
-}
-
-:host([disabled]) {
- color: #9b9b9b;
- pointer-events: none;
- cursor: auto;
-}
-
-paper-ripple {
- opacity: 0.6;
- color: currentColor;
-}
-
-</style>
- <content></content>
- </template>
- </dom-module>
<style is="custom-style" css-build="shadow">html {
--google-red-100: #f4c7c3;
--google-red-300: #e67c73;
@@ -815,20 +422,457 @@ paper-ripple {
--paper-blue-grey-800: #37474f;
--paper-blue-grey-900: #263238;
-
- --dark-divider-opacity: 0.12;
- --dark-disabled-opacity: 0.38;
- --dark-secondary-opacity: 0.54;
- --dark-primary-opacity: 0.87;
+
+ --dark-divider-opacity: 0.12;
+ --dark-disabled-opacity: 0.38;
+ --dark-secondary-opacity: 0.54;
+ --dark-primary-opacity: 0.87;
+
+
+ --light-divider-opacity: 0.12;
+ --light-disabled-opacity: 0.3;
+ --light-secondary-opacity: 0.7;
+ --light-primary-opacity: 1.0;
+}
+
+</style><style is="custom-style" css-build="shadow">html {
+ --cr-actionable_-_cursor: pointer;;
+ --cr-focused-item-color: var(--google-grey-300);
+
+ --cr-icon-padding: 8px;
+
+
+ --cr-icon-ripple-size: 36px;
+ --cr-icon-size: 20px;
+
+ --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-width_-_width: var(--cr-icon-size);
+
+ --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-button-margin_-_-webkit-margin-start: 16px;
+
+ --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --cr-selectable-focus_-_outline: none;
+ --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
+ --paper-checkbox-ink-size: 40px;
+}
+
+</style><dom-module id="action-link" assetpath="chrome://resources/html/" css-build="shadow">
+ <template>
+ <style scope="action-link">[is='action-link'] {
+ cursor: var(--cr-actionable_-_cursor);
+ text-decoration: none;
+}
+
+[is='action-link'], [is='action-link']:active, [is='action-link']:hover, [is='action-link']:visited {
+ color: var(--google-blue-700);
+}
+
+[is='action-link'][disabled] {
+ color: var(--paper-grey-600);
+ cursor: default;
+ opacity: 0.65;
+ pointer-events: none;
+}
+
+</style>
+ </template>
+</dom-module>
+
+
+
+
+<style>
+ /* IE 10 support for HTML5 hidden attr */
+ [hidden] {
+ display: none !important;
+ }
+</style><style is="custom-style" css-build="shadow">html {
+ --layout_-_display: flex;;
+
+ --layout-inline_-_display: inline-flex;;
+
+ --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal_-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;
+
+ --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-horizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse_-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-direction: row-reverse;;
+
+ --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_-ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;
+
+ --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vertical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_-webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direction: column-reverse;;
+
+ --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wrap; --layout-wrap_-_flex-wrap: wrap;;
+
+ --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-reverse;;
+
+ --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;
+
+ --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: none; --layout-flex-none_-_flex: none;;
+
+ --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex: 1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px; --layout-flex_-_flex-basis: 0.000000001px;;
+
+ --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout-flex-2_-_flex: 2;;
+
+ --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout-flex-3_-_flex: 3;;
+
+ --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout-flex-4_-_flex: 4;;
+
+ --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout-flex-5_-_flex: 5;;
+
+ --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout-flex-6_-_flex: 6;;
+
+ --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout-flex-7_-_flex: 7;;
+
+ --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout-flex-8_-_flex: 8;;
+
+ --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout-flex-9_-_flex: 9;;
+
+ --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --layout-flex-10_-_flex: 10;;
+
+ --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --layout-flex-11_-_flex: 11;;
+
+ --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --layout-flex-12_-_flex: 12;;
+
+
+
+ --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-items: flex-start; --layout-start_-_align-items: flex-start;;
+
+ --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-items: center; --layout-center_-_align-items: center;;
+
+ --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: flex-end; --layout-end_-_align-items: flex-end;;
+
+ --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-align-items: baseline; --layout-baseline_-_align-items: baseline;;
+
+
+
+ --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_-_-webkit-justify-content: flex-start; --layout-start-justified_-_justify-content: flex-start;;
+
+ --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justified_-_-webkit-justify-content: center; --layout-center-justified_-_justify-content: center;;
+
+ --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webkit-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-end;;
+
+ --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-justified_-_-webkit-justify-content: space-around; --layout-around-justified_-_justify-content: space-around;;
+
+ --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-justify-content: space-between; --layout-justified_-_justify-content: space-between;;
+
+ --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-align); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webkit-align-items); --layout-center-center_-_align-items: var(--layout-center_-_align-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); --layout-center-center_-_justify-content: var(--layout-center-justified_-_justify-content);;
+
+
+
+ --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-webkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;
+
+ --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webkit-align-self: center; --layout-self-center_-_align-self: center;;
+
+ --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-align-self: flex-end; --layout-self-end_-_align-self: flex-end;;
+
+ --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-webkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;
+
+ --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_-_-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;
+
+
+
+ --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_-_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content: flex-start; --layout-start-aligned_-_align-content: flex-start;;
+
+ --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms-align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-end; --layout-end-aligned_-_align-content: flex-end;;
+
+ --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-aligned_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content: center; --layout-center-aligned_-_align-content: center;;
+
+ --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-aligned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-align-content: space-between; --layout-between-aligned_-_align-content: space-between;;
+
+ --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-aligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-align-content: space-around; --layout-around-aligned_-_align-content: space-around;;
+
+
+
+ --layout-block_-_display: block;;
+
+ --layout-invisible_-_visibility: hidden !important;;
+
+ --layout-relative_-_position: relative;;
+
+ --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_right: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;
+
+ --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_overflow: auto;;
+
+ --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;
+
+
+
+ --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layout-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
+
+ --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --layout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
+
+ --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
+
+ --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --layout-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
+}
+
+</style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/" css-build="shadow">
+ <template>
+ <style scope="iron-icon">:host {
+ display: var(--layout-inline_-_display);
+ -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-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);
+ position: relative;
+
+ vertical-align: middle;
+
+ fill: var(--iron-icon-fill-color, currentcolor);
+ stroke: var(--iron-icon-stroke-color, none);
+
+ width: var(--iron-icon-width, 24px);
+ height: var(--iron-icon-height, 24px);
+ ;
+}
+
+</style>
+ </template>
+
+ </dom-module>
+<dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-ripple/" css-build="shadow">
+
+ <template>
+ <style scope="paper-ripple">:host {
+ display: block;
+ position: absolute;
+ border-radius: inherit;
+ overflow: hidden;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+
+
+ pointer-events: none;
+}
+
+:host([animating]) {
+ -webkit-transform: translate(0, 0);
+ transform: translate3d(0, 0, 0);
+}
+
+#background, #waves, .wave-container, .wave {
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+#background, .wave {
+ opacity: 0;
+}
+
+#waves, .wave {
+ overflow: hidden;
+}
+
+.wave-container, .wave {
+ border-radius: 50%;
+}
+
+:host(.circle) #background, :host(.circle) #waves {
+ border-radius: 50%;
+}
+
+:host(.circle) .wave-container {
+ overflow: hidden;
+}
+
+</style>
+
+ <div id="background"></div>
+ <div id="waves"></div>
+ </template>
+</dom-module>
+<style is="custom-style" css-build="shadow">html {
+ --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;
+
+ --shadow-none_-_box-shadow: none;;
- --light-divider-opacity: 0.12;
- --light-disabled-opacity: 0.3;
- --light-secondary-opacity: 0.7;
- --light-primary-opacity: 1.0;
+
+ --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
+ 0 1px 5px 0 rgba(0, 0, 0, 0.12),
+ 0 3px 1px -2px rgba(0, 0, 0, 0.2);;
+
+ --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
+ 0 1px 8px 0 rgba(0, 0, 0, 0.12),
+ 0 3px 3px -2px rgba(0, 0, 0, 0.4);;
+
+ --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
+ 0 1px 10px 0 rgba(0, 0, 0, 0.12),
+ 0 2px 4px -1px rgba(0, 0, 0, 0.4);;
+
+ --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
+ 0 1px 18px 0 rgba(0, 0, 0, 0.12),
+ 0 3px 5px -1px rgba(0, 0, 0, 0.4);;
+
+ --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
+ 0 3px 14px 2px rgba(0, 0, 0, 0.12),
+ 0 5px 5px -3px rgba(0, 0, 0, 0.4);;
+
+ --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
+ 0 4px 22px 3px rgba(0, 0, 0, 0.12),
+ 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
+
+ --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
+ 0 6px 30px 5px rgba(0, 0, 0, 0.12),
+ 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
+}
+
+</style><dom-module id="paper-material-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-material/" css-build="shadow">
+ <template>
+ <style scope="paper-material-shared-styles">:host {
+ display: block;
+ position: relative;
+}
+
+:host([elevation="1"]) {
+ box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
+}
+
+:host([elevation="2"]) {
+ box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
+}
+
+:host([elevation="3"]) {
+ box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
+}
+
+:host([elevation="4"]) {
+ box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
+}
+
+:host([elevation="5"]) {
+ box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
+}
+
+</style>
+ </template>
+</dom-module>
+<dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-button/" css-build="shadow">
+ <template strip-whitespace="">
+ <style scope="paper-button">:host {
+ display: block;
+ position: relative;
+}
+
+:host([elevation="1"]) {
+ box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
+}
+
+:host([elevation="2"]) {
+ box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
+}
+
+:host([elevation="3"]) {
+ box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
+}
+
+:host([elevation="4"]) {
+ box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
+}
+
+:host([elevation="5"]) {
+ box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
+}
+
+:host {
+ display: var(--layout-inline_-_display);
+ -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-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);
+ position: relative;
+ box-sizing: border-box;
+ min-width: 5.14em;
+ margin: 0 0.29em;
+ background: transparent;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ -webkit-tap-highlight-color: transparent;
+ font: inherit;
+ text-transform: uppercase;
+ outline-width: 0;
+ border-radius: 3px;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
+ cursor: pointer;
+ z-index: 0;
+ padding: 0.7em 0.57em;
+
+ font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
+ ;
+}
+
+:host([hidden]) {
+ display: none !important;
+}
+
+:host([raised].keyboard-focus) {
+ font-weight: bold;
+ ;
+}
+
+:host(:not([raised]).keyboard-focus) {
+ font-weight: bold;
+ ;
+}
+
+:host([disabled]) {
+ background: #eaeaea;
+ color: #a8a8a8;
+ cursor: auto;
+ pointer-events: none;
+
+ ;
+}
+
+:host([animated]) {
+ transition: var(--shadow-transition_-_transition);
+}
+
+paper-ripple {
+ color: var(--paper-button-ink-color);
+}
+
+</style>
+
+ <content></content>
+ </template>
+
+ </dom-module>
+<dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/" css-build="shadow">
+ <template strip-whitespace="">
+ <style scope="paper-icon-button-light">:host {
+ vertical-align: middle;
+ color: inherit;
+ outline: none;
+ width: 24px;
+ height: 24px;
+ background: none;
+ margin: 0;
+ border: none;
+ padding: 0;
+
+ position: relative;
+ cursor: pointer;
+
+
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ -webkit-tap-highlight-color: transparent;
+}
+
+:host([disabled]) {
+ color: #9b9b9b;
+ pointer-events: none;
+ cursor: auto;
+}
+
+paper-ripple {
+ opacity: 0.6;
+ color: currentColor;
}
-</style><dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper-progress/" css-build="shadow">
+</style>
+ <content></content>
+ </template>
+ </dom-module>
+<dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper-progress/" css-build="shadow">
<template>
<style scope="paper-progress">:host {
display: block;
@@ -1016,29 +1060,19 @@ paper-ripple {
<dom-module id="downloads-item" assetpath="chrome://downloads/" css-build="shadow">
<template>
<style scope="downloads-item">[is='action-link'] {
- cursor: pointer;
- display: inline-block;
- text-decoration: none;
-}
-
-[is='action-link']:hover {
- text-decoration: underline;
+ cursor: var(--cr-actionable_-_cursor);
+ text-decoration: none;
}
-[is='action-link']:active {
- color: rgb(5, 37, 119);
- text-decoration: underline;
+[is='action-link'], [is='action-link']:active, [is='action-link']:hover, [is='action-link']:visited {
+ color: var(--google-blue-700);
}
[is='action-link'][disabled] {
- color: #999;
- cursor: default;
- pointer-events: none;
- text-decoration: none;
-}
-
-[is='action-link'].no-outline {
- outline: none;
+ color: var(--paper-grey-600);
+ cursor: default;
+ opacity: 0.65;
+ pointer-events: none;
}
:host {
@@ -1310,7 +1344,6 @@ paper-button {
</div>
</template>
-
</dom-module>
@@ -2959,7 +2992,7 @@ paper-icon-button {
}
paper-spinner-lite {
- ;
+ height: var(--cr-icon-height-width_-_height); width: var(--cr-icon-height-width_-_width);
--paper-spinner-color: white;
margin: 0 6px;
opacity: 0;
« no previous file with comments | « chrome/browser/resources/md_downloads/item.html ('k') | chrome/browser/resources/settings/device_page/stylus.html » ('j') | chrome/browser/resources/settings/internet_page/network_summary_item.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698