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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2639373002: MD Settings: clean up text controls (links, buttons) (Closed)
Patch Set: move action_link specific stuff to resources/html/action_link_css.html 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 unified diff | 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/privacy_page/privacy_page.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><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 103 matching lines...) Expand 10 before | Expand all | Expand 10 after
114 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}"> 114 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">
115 </array-selector> 115 </array-selector>
116 116
117 <div id="items"> 117 <div id="items">
118 <content></content> 118 <content></content>
119 </div> 119 </div>
120 120
121 </template> 121 </template>
122 </dom-module> 122 </dom-module>
123 123
124 <style>
125 /* IE 10 support for HTML5 hidden attr */
126 [hidden] {
127 display: none !important;
128 }
129 </style><style is="custom-style" css-build="shadow">html {
130 --layout_-_display: flex;;
131
132 --layout-inline_-_display: inline-flex;;
133
134 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal _-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;
135
136 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse _-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire ction: row-reverse;;
137
138 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_- ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;
139
140 --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vert ical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_ -webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direct ion: column-reverse;;
141
142 --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wr ap; --layout-wrap_-_flex-wrap: wrap;;
143
144 --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_ -_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-rev erse;;
145
146 --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;
147
148 --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: no ne; --layout-flex-none_-_flex: none;;
149
150 --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;;
151
152 --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout -flex-2_-_flex: 2;;
153
154 --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout -flex-3_-_flex: 3;;
155
156 --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout -flex-4_-_flex: 4;;
157
158 --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout -flex-5_-_flex: 5;;
159
160 --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout -flex-6_-_flex: 6;;
161
162 --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout -flex-7_-_flex: 7;;
163
164 --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout -flex-8_-_flex: 8;;
165
166 --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout -flex-9_-_flex: 9;;
167
168 --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --la yout-flex-10_-_flex: 10;;
169
170 --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --la yout-flex-11_-_flex: 11;;
171
172 --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --la yout-flex-12_-_flex: 12;;
173
174
175
176 --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-item s: flex-start; --layout-start_-_align-items: flex-start;;
177
178 --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-i tems: center; --layout-center_-_align-items: center;;
179
180 --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: fl ex-end; --layout-end_-_align-items: flex-end;;
181
182 --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-a lign-items: baseline; --layout-baseline_-_align-items: baseline;;
183
184
185
186 --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_- _-webkit-justify-content: flex-start; --layout-start-justified_-_justify-conten t: flex-start;;
187
188 --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justifie d_-_-webkit-justify-content: center; --layout-center-justified_-_justify-conten t: center;;
189
190 --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webk it-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-e nd;;
191
192 --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-just ified_-_-webkit-justify-content: space-around; --layout-around-justified_-_just ify-content: space-around;;
193
194 --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-j ustify-content: space-between; --layout-justified_-_justify-content: space-bet ween;;
195
196 --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-ali gn); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webki t-align-items); --layout-center-center_-_align-items: var(--layout-center_-_ali gn-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justifie d_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--lay out-center-justified_-_-webkit-justify-content); --layout-center-center_-_justif y-content: var(--layout-center-justified_-_justify-content);;
197
198
199
200 --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-we bkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;
201
202 --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webk it-align-self: center; --layout-self-center_-_align-self: center;;
203
204 --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-a lign-self: flex-end; --layout-self-end_-_align-self: flex-end;;
205
206 --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-w ebkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;
207
208 --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_- _-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;
209
210
211
212 --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;;
213
214 --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms- align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-en d; --layout-end-aligned_-_align-content: flex-end;;
215
216 --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-align ed_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content : center; --layout-center-aligned_-_align-content: center;;
217
218 --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-al igned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-al ign-content: space-between; --layout-between-aligned_-_align-content: space-be tween;;
219
220 --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-a ligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-ali gn-content: space-around; --layout-around-aligned_-_align-content: space-aroun d;;
221
222
223
224 --layout-block_-_display: block;;
225
226 --layout-invisible_-_visibility: hidden !important;;
227
228 --layout-relative_-_position: relative;;
229
230 --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_r ight: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;
231
232 --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_over flow: auto;;
233
234 --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;
235
236
237
238 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
239
240 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
241
242 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
243
244 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
245 }
246
247 </style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/ir on-icon/" css-build="shadow">
248 <template>
249 <style scope="iron-icon">:host {
250 display: var(--layout-inline_-_display);
251 -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) ;
252 position: relative;
253
254 vertical-align: middle;
255
256 fill: var(--iron-icon-fill-color, currentcolor);
257 stroke: var(--iron-icon-stroke-color, none);
258
259 width: var(--iron-icon-width, 24px);
260 height: var(--iron-icon-height, 24px);
261 ;
262 }
263
264 </style>
265 </template>
266
267 </dom-module>
268 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow">
269
270 <template>
271 <style scope="paper-ripple">:host {
272 display: block;
273 position: absolute;
274 border-radius: inherit;
275 overflow: hidden;
276 top: 0;
277 left: 0;
278 right: 0;
279 bottom: 0;
280
281
282 pointer-events: none;
283 }
284
285 :host([animating]) {
286 -webkit-transform: translate(0, 0);
287 transform: translate3d(0, 0, 0);
288 }
289
290 #background, #waves, .wave-container, .wave {
291 pointer-events: none;
292 position: absolute;
293 top: 0;
294 left: 0;
295 width: 100%;
296 height: 100%;
297 }
298
299 #background, .wave {
300 opacity: 0;
301 }
302
303 #waves, .wave {
304 overflow: hidden;
305 }
306
307 .wave-container, .wave {
308 border-radius: 50%;
309 }
310
311 :host(.circle) #background, :host(.circle) #waves {
312 border-radius: 50%;
313 }
314
315 :host(.circle) .wave-container {
316 overflow: hidden;
317 }
318
319 </style>
320
321 <div id="background"></div>
322 <div id="waves"></div>
323 </template>
324 </dom-module>
325 <style is="custom-style" css-build="shadow">html {
326 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;
327
328 --shadow-none_-_box-shadow: none;;
329
330
331
332 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
333 0 1px 5px 0 rgba(0, 0, 0, 0.12),
334 0 3px 1px -2px rgba(0, 0, 0, 0.2);;
335
336 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
337 0 1px 8px 0 rgba(0, 0, 0, 0.12),
338 0 3px 3px -2px rgba(0, 0, 0, 0.4);;
339
340 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
341 0 1px 10px 0 rgba(0, 0, 0, 0.12),
342 0 2px 4px -1px rgba(0, 0, 0, 0.4);;
343
344 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
345 0 1px 18px 0 rgba(0, 0, 0, 0.12),
346 0 3px 5px -1px rgba(0, 0, 0, 0.4);;
347
348 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
349 0 3px 14px 2px rgba(0, 0, 0, 0.12),
350 0 5px 5px -3px rgba(0, 0, 0, 0.4);;
351
352 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
353 0 4px 22px 3px rgba(0, 0, 0, 0.12),
354 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
355
356 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
357 0 6px 30px 5px rgba(0, 0, 0, 0.12),
358 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
359 }
360
361 </style><dom-module id="paper-material-shared-styles" assetpath="chrome://resour ces/polymer/v1_0/paper-material/" css-build="shadow">
362 <template>
363 <style scope="paper-material-shared-styles">:host {
364 display: block;
365 position: relative;
366 }
367
368 :host([elevation="1"]) {
369 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
370 }
371
372 :host([elevation="2"]) {
373 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
374 }
375
376 :host([elevation="3"]) {
377 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
378 }
379
380 :host([elevation="4"]) {
381 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
382 }
383
384 :host([elevation="5"]) {
385 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
386 }
387
388 </style>
389 </template>
390 </dom-module>
391 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
392 <template strip-whitespace="">
393 <style scope="paper-button">:host {
394 display: block;
395 position: relative;
396 }
397
398 :host([elevation="1"]) {
399 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
400 }
401
402 :host([elevation="2"]) {
403 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
404 }
405
406 :host([elevation="3"]) {
407 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
408 }
409
410 :host([elevation="4"]) {
411 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
412 }
413
414 :host([elevation="5"]) {
415 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
416 }
417
418 :host {
419 display: var(--layout-inline_-_display);
420 -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) ;
421 position: relative;
422 box-sizing: border-box;
423 min-width: 5.14em;
424 margin: 0 0.29em;
425 background: transparent;
426 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
427 -webkit-tap-highlight-color: transparent;
428 font: inherit;
429 text-transform: uppercase;
430 outline-width: 0;
431 border-radius: 3px;
432 -moz-user-select: none;
433 -ms-user-select: none;
434 -webkit-user-select: none;
435 user-select: none;
436 cursor: pointer;
437 z-index: 0;
438 padding: 0.7em 0.57em;
439
440 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
441 ;
442 }
443
444 :host([hidden]) {
445 display: none !important;
446 }
447
448 :host([raised].keyboard-focus) {
449 font-weight: bold;
450 ;
451 }
452
453 :host(:not([raised]).keyboard-focus) {
454 font-weight: bold;
455 ;
456 }
457
458 :host([disabled]) {
459 background: #eaeaea;
460 color: #a8a8a8;
461 cursor: auto;
462 pointer-events: none;
463
464 ;
465 }
466
467 :host([animated]) {
468 transition: var(--shadow-transition_-_transition);
469 }
470
471 paper-ripple {
472 color: var(--paper-button-ink-color);
473 }
474
475 </style>
476
477 <content></content>
478 </template>
479
480 </dom-module>
481 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow">
482 <template strip-whitespace="">
483 <style scope="paper-icon-button-light">:host {
484 vertical-align: middle;
485 color: inherit;
486 outline: none;
487 width: 24px;
488 height: 24px;
489 background: none;
490 margin: 0;
491 border: none;
492 padding: 0;
493
494 position: relative;
495 cursor: pointer;
496
497
498 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
499 -webkit-tap-highlight-color: transparent;
500 }
501
502 :host([disabled]) {
503 color: #9b9b9b;
504 pointer-events: none;
505 cursor: auto;
506 }
507
508 paper-ripple {
509 opacity: 0.6;
510 color: currentColor;
511 }
512
513 </style>
514 <content></content>
515 </template>
516 </dom-module>
517 <style is="custom-style" css-build="shadow">html { 124 <style is="custom-style" css-build="shadow">html {
518 --google-red-100: #f4c7c3; 125 --google-red-100: #f4c7c3;
519 --google-red-300: #e67c73; 126 --google-red-300: #e67c73;
520 --google-red-500: #db4437; 127 --google-red-500: #db4437;
521 --google-red-700: #c53929; 128 --google-red-700: #c53929;
522 129
523 --google-blue-100: #c6dafc; 130 --google-blue-100: #c6dafc;
524 --google-blue-300: #7baaf7; 131 --google-blue-300: #7baaf7;
525 --google-blue-500: #4285f4; 132 --google-blue-500: #4285f4;
526 --google-blue-700: #3367d6; 133 --google-blue-700: #3367d6;
(...skipping 294 matching lines...) Expand 10 before | Expand all | Expand 10 after
821 --dark-secondary-opacity: 0.54; 428 --dark-secondary-opacity: 0.54;
822 --dark-primary-opacity: 0.87; 429 --dark-primary-opacity: 0.87;
823 430
824 431
825 --light-divider-opacity: 0.12; 432 --light-divider-opacity: 0.12;
826 --light-disabled-opacity: 0.3; 433 --light-disabled-opacity: 0.3;
827 --light-secondary-opacity: 0.7; 434 --light-secondary-opacity: 0.7;
828 --light-primary-opacity: 1.0; 435 --light-primary-opacity: 1.0;
829 } 436 }
830 437
831 </style><dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1 _0/paper-progress/" css-build="shadow"> 438 </style><dom-module id="action-link" assetpath="chrome://resources/html/" css-bu ild="shadow">
439 <template>
440 <style scope="action-link">[is='action-link'] {
441 cursor: pointer;
442 text-decoration: none;
443 }
444
445 [is='action-link'], [is='action-link']:active, [is='action-link']:hover, [is='ac tion-link']:visited {
446 color: var(--google-blue-700);
447 }
448
449 [is='action-link'][disabled] {
450 color: var(--paper-grey-600);
451 cursor: default;
452 opacity: 0.65;
453 pointer-events: none;
454 }
455
456 </style>
457 </template>
458 </dom-module>
459
460
461
462
463 <style>
464 /* IE 10 support for HTML5 hidden attr */
465 [hidden] {
466 display: none !important;
467 }
468 </style><style is="custom-style" css-build="shadow">html {
469 --layout_-_display: flex;;
470
471 --layout-inline_-_display: inline-flex;;
472
473 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal _-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;
474
475 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse _-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire ction: row-reverse;;
476
477 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_- ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;
478
479 --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vert ical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_ -webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direct ion: column-reverse;;
480
481 --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wr ap; --layout-wrap_-_flex-wrap: wrap;;
482
483 --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_ -_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-rev erse;;
484
485 --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;
486
487 --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: no ne; --layout-flex-none_-_flex: none;;
488
489 --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;;
490
491 --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout -flex-2_-_flex: 2;;
492
493 --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout -flex-3_-_flex: 3;;
494
495 --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout -flex-4_-_flex: 4;;
496
497 --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout -flex-5_-_flex: 5;;
498
499 --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout -flex-6_-_flex: 6;;
500
501 --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout -flex-7_-_flex: 7;;
502
503 --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout -flex-8_-_flex: 8;;
504
505 --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout -flex-9_-_flex: 9;;
506
507 --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --la yout-flex-10_-_flex: 10;;
508
509 --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --la yout-flex-11_-_flex: 11;;
510
511 --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --la yout-flex-12_-_flex: 12;;
512
513
514
515 --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-item s: flex-start; --layout-start_-_align-items: flex-start;;
516
517 --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-i tems: center; --layout-center_-_align-items: center;;
518
519 --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: fl ex-end; --layout-end_-_align-items: flex-end;;
520
521 --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-a lign-items: baseline; --layout-baseline_-_align-items: baseline;;
522
523
524
525 --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_- _-webkit-justify-content: flex-start; --layout-start-justified_-_justify-conten t: flex-start;;
526
527 --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justifie d_-_-webkit-justify-content: center; --layout-center-justified_-_justify-conten t: center;;
528
529 --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webk it-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-e nd;;
530
531 --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-just ified_-_-webkit-justify-content: space-around; --layout-around-justified_-_just ify-content: space-around;;
532
533 --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-j ustify-content: space-between; --layout-justified_-_justify-content: space-bet ween;;
534
535 --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-ali gn); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webki t-align-items); --layout-center-center_-_align-items: var(--layout-center_-_ali gn-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justifie d_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--lay out-center-justified_-_-webkit-justify-content); --layout-center-center_-_justif y-content: var(--layout-center-justified_-_justify-content);;
536
537
538
539 --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-we bkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;
540
541 --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webk it-align-self: center; --layout-self-center_-_align-self: center;;
542
543 --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-a lign-self: flex-end; --layout-self-end_-_align-self: flex-end;;
544
545 --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-w ebkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;
546
547 --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_- _-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;
548
549
550
551 --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;;
552
553 --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms- align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-en d; --layout-end-aligned_-_align-content: flex-end;;
554
555 --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-align ed_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content : center; --layout-center-aligned_-_align-content: center;;
556
557 --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-al igned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-al ign-content: space-between; --layout-between-aligned_-_align-content: space-be tween;;
558
559 --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-a ligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-ali gn-content: space-around; --layout-around-aligned_-_align-content: space-aroun d;;
560
561
562
563 --layout-block_-_display: block;;
564
565 --layout-invisible_-_visibility: hidden !important;;
566
567 --layout-relative_-_position: relative;;
568
569 --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_r ight: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;
570
571 --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_over flow: auto;;
572
573 --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;
574
575
576
577 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;
578
579 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;
580
581 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;
582
583 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;
584 }
585
586 </style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/ir on-icon/" css-build="shadow">
587 <template>
588 <style scope="iron-icon">:host {
589 display: var(--layout-inline_-_display);
590 -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) ;
591 position: relative;
592
593 vertical-align: middle;
594
595 fill: var(--iron-icon-fill-color, currentcolor);
596 stroke: var(--iron-icon-stroke-color, none);
597
598 width: var(--iron-icon-width, 24px);
599 height: var(--iron-icon-height, 24px);
600 ;
601 }
602
603 </style>
604 </template>
605
606 </dom-module>
607 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow">
608
609 <template>
610 <style scope="paper-ripple">:host {
611 display: block;
612 position: absolute;
613 border-radius: inherit;
614 overflow: hidden;
615 top: 0;
616 left: 0;
617 right: 0;
618 bottom: 0;
619
620
621 pointer-events: none;
622 }
623
624 :host([animating]) {
625 -webkit-transform: translate(0, 0);
626 transform: translate3d(0, 0, 0);
627 }
628
629 #background, #waves, .wave-container, .wave {
630 pointer-events: none;
631 position: absolute;
632 top: 0;
633 left: 0;
634 width: 100%;
635 height: 100%;
636 }
637
638 #background, .wave {
639 opacity: 0;
640 }
641
642 #waves, .wave {
643 overflow: hidden;
644 }
645
646 .wave-container, .wave {
647 border-radius: 50%;
648 }
649
650 :host(.circle) #background, :host(.circle) #waves {
651 border-radius: 50%;
652 }
653
654 :host(.circle) .wave-container {
655 overflow: hidden;
656 }
657
658 </style>
659
660 <div id="background"></div>
661 <div id="waves"></div>
662 </template>
663 </dom-module>
664 <style is="custom-style" css-build="shadow">html {
665 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;
666
667 --shadow-none_-_box-shadow: none;;
668
669
670
671 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
672 0 1px 5px 0 rgba(0, 0, 0, 0.12),
673 0 3px 1px -2px rgba(0, 0, 0, 0.2);;
674
675 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),
676 0 1px 8px 0 rgba(0, 0, 0, 0.12),
677 0 3px 3px -2px rgba(0, 0, 0, 0.4);;
678
679 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
680 0 1px 10px 0 rgba(0, 0, 0, 0.12),
681 0 2px 4px -1px rgba(0, 0, 0, 0.4);;
682
683 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
684 0 1px 18px 0 rgba(0, 0, 0, 0.12),
685 0 3px 5px -1px rgba(0, 0, 0, 0.4);;
686
687 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
688 0 3px 14px 2px rgba(0, 0, 0, 0.12),
689 0 5px 5px -3px rgba(0, 0, 0, 0.4);;
690
691 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),
692 0 4px 22px 3px rgba(0, 0, 0, 0.12),
693 0 6px 7px -4px rgba(0, 0, 0, 0.4);;
694
695 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
696 0 6px 30px 5px rgba(0, 0, 0, 0.12),
697 0 8px 10px -5px rgba(0, 0, 0, 0.4);;
698 }
699
700 </style><dom-module id="paper-material-shared-styles" assetpath="chrome://resour ces/polymer/v1_0/paper-material/" css-build="shadow">
701 <template>
702 <style scope="paper-material-shared-styles">:host {
703 display: block;
704 position: relative;
705 }
706
707 :host([elevation="1"]) {
708 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
709 }
710
711 :host([elevation="2"]) {
712 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
713 }
714
715 :host([elevation="3"]) {
716 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
717 }
718
719 :host([elevation="4"]) {
720 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
721 }
722
723 :host([elevation="5"]) {
724 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
725 }
726
727 </style>
728 </template>
729 </dom-module>
730 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">
731 <template strip-whitespace="">
732 <style scope="paper-button">:host {
733 display: block;
734 position: relative;
735 }
736
737 :host([elevation="1"]) {
738 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
739 }
740
741 :host([elevation="2"]) {
742 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);
743 }
744
745 :host([elevation="3"]) {
746 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);
747 }
748
749 :host([elevation="4"]) {
750 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);
751 }
752
753 :host([elevation="5"]) {
754 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);
755 }
756
757 :host {
758 display: var(--layout-inline_-_display);
759 -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) ;
760 position: relative;
761 box-sizing: border-box;
762 min-width: 5.14em;
763 margin: 0 0.29em;
764 background: transparent;
765 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
766 -webkit-tap-highlight-color: transparent;
767 font: inherit;
768 text-transform: uppercase;
769 outline-width: 0;
770 border-radius: 3px;
771 -moz-user-select: none;
772 -ms-user-select: none;
773 -webkit-user-select: none;
774 user-select: none;
775 cursor: pointer;
776 z-index: 0;
777 padding: 0.7em 0.57em;
778
779 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
780 ;
781 }
782
783 :host([hidden]) {
784 display: none !important;
785 }
786
787 :host([raised].keyboard-focus) {
788 font-weight: bold;
789 ;
790 }
791
792 :host(:not([raised]).keyboard-focus) {
793 font-weight: bold;
794 ;
795 }
796
797 :host([disabled]) {
798 background: #eaeaea;
799 color: #a8a8a8;
800 cursor: auto;
801 pointer-events: none;
802
803 ;
804 }
805
806 :host([animated]) {
807 transition: var(--shadow-transition_-_transition);
808 }
809
810 paper-ripple {
811 color: var(--paper-button-ink-color);
812 }
813
814 </style>
815
816 <content></content>
817 </template>
818
819 </dom-module>
820 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow">
821 <template strip-whitespace="">
822 <style scope="paper-icon-button-light">:host {
823 vertical-align: middle;
824 color: inherit;
825 outline: none;
826 width: 24px;
827 height: 24px;
828 background: none;
829 margin: 0;
830 border: none;
831 padding: 0;
832
833 position: relative;
834 cursor: pointer;
835
836
837 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
838 -webkit-tap-highlight-color: transparent;
839 }
840
841 :host([disabled]) {
842 color: #9b9b9b;
843 pointer-events: none;
844 cursor: auto;
845 }
846
847 paper-ripple {
848 opacity: 0.6;
849 color: currentColor;
850 }
851
852 </style>
853 <content></content>
854 </template>
855 </dom-module>
856 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow">
832 <template> 857 <template>
833 <style scope="paper-progress">:host { 858 <style scope="paper-progress">:host {
834 display: block; 859 display: block;
835 width: 200px; 860 width: 200px;
836 position: relative; 861 position: relative;
837 overflow: hidden; 862 overflow: hidden;
838 } 863 }
839 864
840 :host([hidden]) { 865 :host([hidden]) {
841 display: none !important; 866 display: none !important;
(...skipping 168 matching lines...) Expand 10 before | Expand all | Expand 10 after
1010 <defs> 1035 <defs>
1011 1036
1012 <g id="remove-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4 .48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"></path></g> 1037 <g id="remove-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4 .48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"></path></g>
1013 </defs> 1038 </defs>
1014 </svg> 1039 </svg>
1015 </iron-iconset-svg> 1040 </iron-iconset-svg>
1016 <dom-module id="downloads-item" assetpath="chrome://downloads/" css-build="shado w"> 1041 <dom-module id="downloads-item" assetpath="chrome://downloads/" css-build="shado w">
1017 <template> 1042 <template>
1018 <style scope="downloads-item">[is='action-link'] { 1043 <style scope="downloads-item">[is='action-link'] {
1019 cursor: pointer; 1044 cursor: pointer;
1020 display: inline-block; 1045 text-decoration: none;
1021 text-decoration: none;
1022 } 1046 }
1023 1047
1024 [is='action-link']:hover { 1048 [is='action-link'], [is='action-link']:active, [is='action-link']:hover, [is='ac tion-link']:visited {
1025 text-decoration: underline; 1049 color: var(--google-blue-700);
1026 }
1027
1028 [is='action-link']:active {
1029 color: rgb(5, 37, 119);
1030 text-decoration: underline;
1031 } 1050 }
1032 1051
1033 [is='action-link'][disabled] { 1052 [is='action-link'][disabled] {
1034 color: #999; 1053 color: var(--paper-grey-600);
1035 cursor: default; 1054 cursor: default;
1036 pointer-events: none; 1055 opacity: 0.65;
1037 text-decoration: none; 1056 pointer-events: none;
1038 }
1039
1040 [is='action-link'].no-outline {
1041 outline: none;
1042 } 1057 }
1043 1058
1044 :host { 1059 :host {
1045 display: flex; 1060 display: flex;
1046 flex-direction: column; 1061 flex-direction: column;
1047 } 1062 }
1048 1063
1049 [hidden] { 1064 [hidden] {
1050 display: none !important; 1065 display: none !important;
1051 } 1066 }
(...skipping 251 matching lines...) Expand 10 before | Expand all | Expand 10 after
1303 1318
1304 <div id="remove-wrapper" class="icon-wrapper"> 1319 <div id="remove-wrapper" class="icon-wrapper">
1305 <button is="paper-icon-button-light" id="remove" title="$i18n{controlRem oveFromList}" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap ="onRemoveTap_">✕</button> 1320 <button is="paper-icon-button-light" id="remove" title="$i18n{controlRem oveFromList}" style$="[[computeRemoveStyle_(isDangerous_, showCancel_)]]" on-tap ="onRemoveTap_">✕</button>
1306 </div> 1321 </div>
1307 1322
1308 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]"> 1323 <div id="incognito" title="$i18n{inIncognito}" hidden="[[!data.otr]]">
1309 </div> 1324 </div>
1310 </div> 1325 </div>
1311 1326
1312 </template> 1327 </template>
1313
1314 </dom-module> 1328 </dom-module>
1315 1329
1316 1330
1317 1331
1318 1332
1319 <style is="custom-style" css-build="shadow">html { 1333 <style is="custom-style" css-build="shadow">html {
1320 --primary-text-color: var(--light-theme-text-color); 1334 --primary-text-color: var(--light-theme-text-color);
1321 --primary-background-color: var(--light-theme-background-color); 1335 --primary-background-color: var(--light-theme-background-color);
1322 --secondary-text-color: var(--light-theme-secondary-color); 1336 --secondary-text-color: var(--light-theme-secondary-color);
1323 --disabled-text-color: var(--light-theme-disabled-color); 1337 --disabled-text-color: var(--light-theme-disabled-color);
(...skipping 2047 matching lines...) Expand 10 before | Expand all | Expand 10 after
3371 </iron-list> 3385 </iron-list>
3372 <div id="no-downloads" hidden="[[hasDownloads_]]"> 3386 <div id="no-downloads" hidden="[[hasDownloads_]]">
3373 <div> 3387 <div>
3374 <div class="illustration"></div> 3388 <div class="illustration"></div>
3375 <span>[[noDownloadsText_(inSearchMode_)]]</span> 3389 <span>[[noDownloadsText_(inSearchMode_)]]</span>
3376 </div> 3390 </div>
3377 </div> 3391 </div>
3378 </template> 3392 </template>
3379 </dom-module> 3393 </dom-module>
3380 </div><script src="crisper.js"></script></body></html> 3394 </div><script src="crisper.js"></script></body></html>
OLDNEW
« 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/privacy_page/privacy_page.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698