chrome/browser/resources/md_downloads/vulcanized.html - Issue 2268863002: MD History: Run polymer-css-build over vulcanized output

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

Issue 2268863002: MD History: Run polymer-css-build over vulcanized output (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: MD History: Run polymer-css-build over vulcanized output Created 4 years, 3 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

OLD	NEW
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 41 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
52 }	52 }

53	53

54 body {	54 body {

55 display: flex;	55 display: flex;

56 margin: 0;	56 margin: 0;

57 }	57 }

58 </style>	58 </style>

59 </head>	59 </head>

60 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script>	60 <body><div hidden="" by-vulcanize=""><script src="chrome://resources/js/load_tim e_data.js"></script>

61 <script src="chrome://downloads/strings.js"></script>	61 <script src="chrome://downloads/strings.js"></script>

62 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ ">	62 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow">

63 <template>	63 <template>

64 <style>	64 <style scope="iron-list">:host {

65 :host {	65 display: block;

66 display: block;

67 position: relative;	66 position: relative;

68 }	67 }

69	68

70 @media only screen and (-webkit-max-device-pixel-ratio: 1) {	69 @media only screen and (-webkit-max-device-pixel-ratio: 1) {

71 :host {	70 :host {

72 will-change: transform;	71 will-change: transform;

73 }	72 }

74 }

75	73

76 #items {	74 }

77 @apply(--iron-list-items-container);	75

	76 #items {

	77 ;

78 position: relative;	78 position: relative;

79 }	79 }

80	80

81 :host(:not([grid])) #items > ::content > * {	81 :host(:not([grid])) #items > ::content > * {

82 width: 100%;	82 width: 100%;

83 };	83 }

84	84

85 #items > ::content > * {	85 #items > ::content > * {

86 box-sizing: border-box;	86 box-sizing: border-box;

87 margin: 0;	87 margin: 0;

88 position: absolute;	88 position: absolute;

89 top: 0;	89 top: 0;

90 will-change: transform;	90 will-change: transform;

91 }	91 }

92 </style>	92

	93 </style>

93	94

94 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">	95 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">

95 </array-selector>	96 </array-selector>

96	97

97 <div id="items">	98 <div id="items">

98 <content></content>	99 <content></content>

99 </div>	100 </div>

100	101

101 </template>	102 </template>

102 </dom-module>	103 </dom-module>

103	104

104 <style>	105 <style>

105 /* IE 10 support for HTML5 hidden attr */	106 /* IE 10 support for HTML5 hidden attr */

106 [hidden] {	107 [hidden] {

107 display: none !important;	108 display: none !important;

108 }	109 }

109 </style>	110 </style>

110	111

111 <style is="custom-style">	112 <style is="custom-style" css-build="shadow">html {

112 :root {	113 --layout_-_display: flex;;

113	114

114 --layout: {	115 --layout-inline_-_display: inline-flex;;

115 display: -ms-flexbox;

116 display: -webkit-flex;

117 display: flex;

118 };

119	116

120 --layout-inline: {	117 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal _-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;

121 display: -ms-inline-flexbox;

122 display: -webkit-inline-flex;

123 display: inline-flex;

124 };

125	118

126 --layout-horizontal: {	119 --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;;

127 @apply(--layout);

128	120

129 -ms-flex-direction: row;	121 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_- ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;

130 -webkit-flex-direction: row;

131 flex-direction: row;

132 };

133	122

134 --layout-horizontal-reverse: {	123 --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;;

135 @apply(--layout);

136	124

137 -ms-flex-direction: row-reverse;	125 --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wr ap; --layout-wrap_-_flex-wrap: wrap;;

138 -webkit-flex-direction: row-reverse;

139 flex-direction: row-reverse;

140 };

141	126

142 --layout-vertical: {	127 --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_ -_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-rev erse;;

143 @apply(--layout);

144	128

145 -ms-flex-direction: column;	129 --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;

146 -webkit-flex-direction: column;

147 flex-direction: column;

148 };

149	130

150 --layout-vertical-reverse: {	131 --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: no ne; --layout-flex-none_-_flex: none;;

151 @apply(--layout);

152	132

153 -ms-flex-direction: column-reverse;	133 --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;;

154 -webkit-flex-direction: column-reverse;

155 flex-direction: column-reverse;

156 };

157	134

158 --layout-wrap: {	135 --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout -flex-2_-_flex: 2;;

159 -ms-flex-wrap: wrap;

160 -webkit-flex-wrap: wrap;

161 flex-wrap: wrap;

162 };

163	136

164 --layout-wrap-reverse: {	137 --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout -flex-3_-_flex: 3;;

165 -ms-flex-wrap: wrap-reverse;

166 -webkit-flex-wrap: wrap-reverse;

167 flex-wrap: wrap-reverse;

168 };

169	138

170 --layout-flex-auto: {	139 --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout -flex-4_-_flex: 4;;

171 -ms-flex: 1 1 auto;

172 -webkit-flex: 1 1 auto;

173 flex: 1 1 auto;

174 };

175	140

176 --layout-flex-none: {	141 --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout -flex-5_-_flex: 5;;

177 -ms-flex: none;

178 -webkit-flex: none;

179 flex: none;

180 };

181	142

182 --layout-flex: {	143 --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout -flex-6_-_flex: 6;;

183 -ms-flex: 1 1 0.000000001px;

184 -webkit-flex: 1;

185 flex: 1;

186 -webkit-flex-basis: 0.000000001px;

187 flex-basis: 0.000000001px;

188 };

189	144

190 --layout-flex-2: {	145 --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout -flex-7_-_flex: 7;;

191 -ms-flex: 2;

192 -webkit-flex: 2;

193 flex: 2;

194 };

195	146

196 --layout-flex-3: {	147 --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout -flex-8_-_flex: 8;;

197 -ms-flex: 3;

198 -webkit-flex: 3;

199 flex: 3;

200 };

201	148

202 --layout-flex-4: {	149 --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout -flex-9_-_flex: 9;;

203 -ms-flex: 4;

204 -webkit-flex: 4;

205 flex: 4;

206 };

207	150

208 --layout-flex-5: {	151 --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --la yout-flex-10_-_flex: 10;;

209 -ms-flex: 5;

210 -webkit-flex: 5;

211 flex: 5;

212 };

213	152

214 --layout-flex-6: {	153 --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --la yout-flex-11_-_flex: 11;;

215 -ms-flex: 6;

216 -webkit-flex: 6;

217 flex: 6;

218 };

219	154

220 --layout-flex-7: {	155 --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --la yout-flex-12_-_flex: 12;;

221 -ms-flex: 7;

222 -webkit-flex: 7;

223 flex: 7;

224 };

225	156

226 --layout-flex-8: {	157

227 -ms-flex: 8;

228 -webkit-flex: 8;

229 flex: 8;

230 };

231	158

232 --layout-flex-9: {	159 --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-item s: flex-start; --layout-start_-_align-items: flex-start;;

233 -ms-flex: 9;

234 -webkit-flex: 9;

235 flex: 9;

236 };

237	160

238 --layout-flex-10: {	161 --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-i tems: center; --layout-center_-_align-items: center;;

239 -ms-flex: 10;

240 -webkit-flex: 10;

241 flex: 10;

242 };

243	162

244 --layout-flex-11: {	163 --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: fl ex-end; --layout-end_-_align-items: flex-end;;

245 -ms-flex: 11;

246 -webkit-flex: 11;

247 flex: 11;

248 };

249	164

250 --layout-flex-12: {	165 --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-a lign-items: baseline; --layout-baseline_-_align-items: baseline;;

251 -ms-flex: 12;

252 -webkit-flex: 12;

253 flex: 12;

254 };

255	166

256 /* alignment in cross axis */	167

257	168

258 --layout-start: {	169 --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_- _-webkit-justify-content: flex-start; --layout-start-justified_-_justify-conten t: flex-start;;

259 -ms-flex-align: start;

260 -webkit-align-items: flex-start;

261 align-items: flex-start;

262 };

263	170

264 --layout-center: {	171 --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justifie d_-_-webkit-justify-content: center; --layout-center-justified_-_justify-conten t: center;;

265 -ms-flex-align: center;

266 -webkit-align-items: center;

267 align-items: center;

268 };

269	172

270 --layout-end: {	173 --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webk it-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-e nd;;

271 -ms-flex-align: end;

272 -webkit-align-items: flex-end;

273 align-items: flex-end;

274 };

275	174

276 --layout-baseline: {	175 --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-just ified_-_-webkit-justify-content: space-around; --layout-around-justified_-_just ify-content: space-around;;

277 -ms-flex-align: baseline;

278 -webkit-align-items: baseline;

279 align-items: baseline;

280 };

281	176

282 /* alignment in main axis */	177 --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-j ustify-content: space-between; --layout-justified_-_justify-content: space-bet ween;;

283	178

284 --layout-start-justified: {	179 --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);;

285 -ms-flex-pack: start;

286 -webkit-justify-content: flex-start;

287 justify-content: flex-start;

288 };

289	180

290 --layout-center-justified: {	181

291 -ms-flex-pack: center;

292 -webkit-justify-content: center;

293 justify-content: center;

294 };

295	182

296 --layout-end-justified: {	183 --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-we bkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;

297 -ms-flex-pack: end;

298 -webkit-justify-content: flex-end;

299 justify-content: flex-end;

300 };

301	184

302 --layout-around-justified: {	185 --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webk it-align-self: center; --layout-self-center_-_align-self: center;;

303 -ms-flex-pack: distribute;

304 -webkit-justify-content: space-around;

305 justify-content: space-around;

306 };

307	186

308 --layout-justified: {	187 --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-a lign-self: flex-end; --layout-self-end_-_align-self: flex-end;;

309 -ms-flex-pack: justify;

310 -webkit-justify-content: space-between;

311 justify-content: space-between;

312 };

313	188

314 --layout-center-center: {	189 --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-w ebkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;

315 @apply(--layout-center);

316 @apply(--layout-center-justified);

317 };

318	190

319 /* self alignment */	191 --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_- _-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;

320	192

321 --layout-self-start: {	193

322 -ms-align-self: flex-start;

323 -webkit-align-self: flex-start;

324 align-self: flex-start;

325 };

326	194

327 --layout-self-center: {	195 --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;;

328 -ms-align-self: center;

329 -webkit-align-self: center;

330 align-self: center;

331 };

332	196

333 --layout-self-end: {	197 --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;;

334 -ms-align-self: flex-end;

335 -webkit-align-self: flex-end;

336 align-self: flex-end;

337 };

338	198

339 --layout-self-stretch: {	199 --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;;

340 -ms-align-self: stretch;

341 -webkit-align-self: stretch;

342 align-self: stretch;

343 };

344	200

345 --layout-self-baseline: {	201 --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;;

346 -ms-align-self: baseline;

347 -webkit-align-self: baseline;

348 align-self: baseline;

349 };

350	202

351 /* multi-line alignment in main axis */	203 --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;;

352	204

353 --layout-start-aligned: {	205

354 -ms-flex-line-pack: start; /* IE10 */

355 -ms-align-content: flex-start;

356 -webkit-align-content: flex-start;

357 align-content: flex-start;

358 };

359	206

360 --layout-end-aligned: {	207 --layout-block_-_display: block;;

361 -ms-flex-line-pack: end; /* IE10 */

362 -ms-align-content: flex-end;

363 -webkit-align-content: flex-end;

364 align-content: flex-end;

365 };

366	208

367 --layout-center-aligned: {	209 --layout-invisible_-_visibility: hidden !important;;

368 -ms-flex-line-pack: center; /* IE10 */

369 -ms-align-content: center;

370 -webkit-align-content: center;

371 align-content: center;

372 };

373	210

374 --layout-between-aligned: {	211 --layout-relative_-_position: relative;;

375 -ms-flex-line-pack: justify; /* IE10 */

376 -ms-align-content: space-between;

377 -webkit-align-content: space-between;

378 align-content: space-between;

379 };

380	212

381 --layout-around-aligned: {	213 --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_r ight: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;

382 -ms-flex-line-pack: distribute; /* IE10 */

383 -ms-align-content: space-around;

384 -webkit-align-content: space-around;

385 align-content: space-around;

386 };

387	214

388 /*******************************	215 --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_over flow: auto;;

389 Other Layout

390 *******************************/

391	216

392 --layout-block: {	217 --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;

393 display: block;

394 };

395	218

396 --layout-invisible: {	219

397 visibility: hidden !important;

398 };

399	220

400 --layout-relative: {	221 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;

401 position: relative;

402 };

403	222

404 --layout-fit: {	223 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;

405 position: absolute;

406 top: 0;

407 right: 0;

408 bottom: 0;

409 left: 0;

410 };

411	224

412 --layout-scroll: {	225 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;

413 -webkit-overflow-scrolling: touch;

414 overflow: auto;

415 };

416	226

417 --layout-fullbleed: {	227 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;

418 margin: 0;	228 }

419 height: 100vh;

420 };

421

422 /* fixed position */

423

424 --layout-fixed-top: {

425 position: fixed;

426 top: 0;

427 left: 0;

428 right: 0;

429 };

430

431 --layout-fixed-right: {

432 position: fixed;

433 top: 0;

434 right: 0;

435 bottom: 0;

436 };

437

438 --layout-fixed-bottom: {

439 position: fixed;

440 right: 0;

441 bottom: 0;

442 left: 0;

443 };

444

445 --layout-fixed-left: {

446 position: fixed;

447 top: 0;

448 bottom: 0;

449 left: 0;

450 };

451

452 }

453	229

454 </style>	230 </style>

455	231

456	232

457 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ ">	233 <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/ " css-build="shadow">

458 <template>	234 <template>

459 <style>	235 <style scope="iron-icon">:host {

460 :host {	236 display: var(--layout-inline_-_display);

461 @apply(--layout-inline);	237 -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) ;

462 @apply(--layout-center-center);

463 position: relative;	238 position: relative;

464	239

465 vertical-align: middle;	240 vertical-align: middle;

466	241

467 fill: var(--iron-icon-fill-color, currentcolor);	242 fill: var(--iron-icon-fill-color, currentcolor);

468 stroke: var(--iron-icon-stroke-color, none);	243 stroke: var(--iron-icon-stroke-color, none);

469	244

470 width: var(--iron-icon-width, 24px);	245 width: var(--iron-icon-width, 24px);

471 height: var(--iron-icon-height, 24px);	246 height: var(--iron-icon-height, 24px);

472 }	247 }

473 </style>	248

	249 </style>

474 </template>	250 </template>

475	251

476 </dom-module>	252 </dom-module>

477 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/">	253 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow">

478	254

479 <template>	255 <template>

480 <style>	256 <style scope="paper-ripple">:host {

481 :host {	257 display: block;

482 display: block;

483 position: absolute;	258 position: absolute;

484 border-radius: inherit;	259 border-radius: inherit;

485 overflow: hidden;	260 overflow: hidden;

486 top: 0;	261 top: 0;

487 left: 0;	262 left: 0;

488 right: 0;	263 right: 0;

489 bottom: 0;	264 bottom: 0;

490	265

491 /* See PolymerElements/paper-behaviors/issues/34. On non-Chrome browsers ,	266

492 * creating a node (with a position:absolute) in the middle of an event

493 * handler "interrupts" that event handler (which happens when the

494 * ripple is created on demand) */

495 pointer-events: none;	267 pointer-events: none;

496 }	268 }

497	269

498 :host([animating]) {	270 :host([animating]) {

499 /* This resolves a rendering issue in Chrome (as of 40) where the	271 -webkit-transform: translate(0, 0);

500 ripple is not properly clipped by its parent (which may have	272 transform: translate3d(0, 0, 0);

501 rounded corners). See: http://jsbin.com/temexa/4	273 }

502	274

503 Note: We only apply this style conditionally. Otherwise, the browser	275 #background, #waves, .wave-container, .wave {

504 will create a new compositing layer for every ripple element on the	276 pointer-events: none;

505 page, and that would be bad. */

506 -webkit-transform: translate(0, 0);

507 transform: translate3d(0, 0, 0);

508 }

509

510 #background,

511 #waves,

512 .wave-container,

513 .wave {

514 pointer-events: none;

515 position: absolute;	277 position: absolute;

516 top: 0;	278 top: 0;

517 left: 0;	279 left: 0;

518 width: 100%;	280 width: 100%;

519 height: 100%;	281 height: 100%;

520 }	282 }

521	283

522 #background,	284 #background, .wave {

523 .wave {	285 opacity: 0;

524 opacity: 0;	286 }

525 }

526	287

527 #waves,	288 #waves, .wave {

528 .wave {	289 overflow: hidden;

529 overflow: hidden;	290 }

530 }

531	291

532 .wave-container,	292 .wave-container, .wave {

533 .wave {	293 border-radius: 50%;

534 border-radius: 50%;	294 }

535 }

536	295

537 :host(.circle) #background,	296 :host(.circle) #background, :host(.circle) #waves {

538 :host(.circle) #waves {	297 border-radius: 50%;

539 border-radius: 50%;	298 }

540 }

541	299

542 :host(.circle) .wave-container {	300 :host(.circle) .wave-container {

543 overflow: hidden;	301 overflow: hidden;

544 }	302 }

545 </style>	303

	304 </style>

546	305

547 <div id="background"></div>	306 <div id="background"></div>

548 <div id="waves"></div>	307 <div id="waves"></div>

549 </template>	308 </template>

550 </dom-module>	309 </dom-module>

551 <style is="custom-style">	310 <style is="custom-style" css-build="shadow">html {

	311 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;

552	312

553 :root {	313 --shadow-none_-_box-shadow: none;;

554	314

555 --shadow-transition: {	315

556 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);

557 };

558	316

559 --shadow-none: {	317 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),

560 box-shadow: none;	318 0 1px 5px 0 rgba(0, 0, 0, 0.12),

561 };	319 0 3px 1px -2px rgba(0, 0, 0, 0.2);;

562	320

563 /* from http://codepen.io/shyndman/pen/c5394ddf2e8b2a5c9185904b57421cdb */	321 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),

	322 0 1px 8px 0 rgba(0, 0, 0, 0.12),

	323 0 3px 3px -2px rgba(0, 0, 0, 0.4);;

564	324

565 --shadow-elevation-2dp: {	325 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),

566 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),	326 0 1px 10px 0 rgba(0, 0, 0, 0.12),

567 0 1px 5px 0 rgba(0, 0, 0, 0.12),	327 0 2px 4px -1px rgba(0, 0, 0, 0.4);;

568 0 3px 1px -2px rgba(0, 0, 0, 0.2);

569 };

570	328

571 --shadow-elevation-3dp: {	329 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),

572 box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),	330 0 1px 18px 0 rgba(0, 0, 0, 0.12),

573 0 1px 8px 0 rgba(0, 0, 0, 0.12),	331 0 3px 5px -1px rgba(0, 0, 0, 0.4);;

574 0 3px 3px -2px rgba(0, 0, 0, 0.4);

575 };

576	332

577 --shadow-elevation-4dp: {	333 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),

578 box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),	334 0 3px 14px 2px rgba(0, 0, 0, 0.12),

579 0 1px 10px 0 rgba(0, 0, 0, 0.12),	335 0 5px 5px -3px rgba(0, 0, 0, 0.4);;

580 0 2px 4px -1px rgba(0, 0, 0, 0.4);

581 };

582	336

583 --shadow-elevation-6dp: {	337 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),

584 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),	338 0 4px 22px 3px rgba(0, 0, 0, 0.12),

585 0 1px 18px 0 rgba(0, 0, 0, 0.12),	339 0 6px 7px -4px rgba(0, 0, 0, 0.4);;

586 0 3px 5px -1px rgba(0, 0, 0, 0.4);

587 };

588	340

589 --shadow-elevation-8dp: {	341 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),

590 box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),

591 0 3px 14px 2px rgba(0, 0, 0, 0.12),

592 0 5px 5px -3px rgba(0, 0, 0, 0.4);

593 };

594

595 --shadow-elevation-12dp: {

596 box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),

597 0 4px 22px 3px rgba(0, 0, 0, 0.12),

598 0 6px 7px -4px rgba(0, 0, 0, 0.4);

599 };

600

601 --shadow-elevation-16dp: {

602 box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),

603 0 6px 30px 5px rgba(0, 0, 0, 0.12),	342 0 6px 30px 5px rgba(0, 0, 0, 0.12),

604 0 8px 10px -5px rgba(0, 0, 0, 0.4);	343 0 8px 10px -5px rgba(0, 0, 0, 0.4);;

605 };	344 }

606

607 }

608	345

609 </style>	346 </style>

610 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/">	347 <dom-module id="paper-material-shared-styles" assetpath="chrome://resources/poly mer/v1_0/paper-material/" css-build="shadow">

611 <template>	348 <template>

612 <style>	349 <style scope="paper-material-shared-styles">:host {

613 :host {	350 display: block;

614 display: block;

615 position: relative;	351 position: relative;

616 }	352 }

617	353

618 :host([elevation="1"]) {	354 :host([elevation="1"]) {

619 @apply(--shadow-elevation-2dp);	355 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

620 }	356 }

621	357

622 :host([elevation="2"]) {	358 :host([elevation="2"]) {

623 @apply(--shadow-elevation-4dp);	359 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);

624 }	360 }

625	361

626 :host([elevation="3"]) {	362 :host([elevation="3"]) {

627 @apply(--shadow-elevation-6dp);	363 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);

628 }	364 }

629	365

630 :host([elevation="4"]) {	366 :host([elevation="4"]) {

631 @apply(--shadow-elevation-8dp);	367 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);

632 }	368 }

633	369

634 :host([elevation="5"]) {	370 :host([elevation="5"]) {

635 @apply(--shadow-elevation-16dp);	371 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);

636 }	372 }

637 </style>	373

	374 </style>

638 </template>	375 </template>

639 </dom-module>	376 </dom-module>

640	377

641	378

642 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/">	379 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b utton/" css-build="shadow">

643 <template strip-whitespace="">	380 <template strip-whitespace="">

644 <style include="paper-material-shared-styles">	381 <style scope="paper-button">:host {

645 :host {	382 display: block;

646 @apply(--layout-inline);	383 position: relative;

647 @apply(--layout-center-center);	384 }

	385

	386 :host([elevation="1"]) {

	387 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

	388 }

	389

	390 :host([elevation="2"]) {

	391 box-shadow: var(--shadow-elevation-4dp_-_box-shadow);

	392 }

	393

	394 :host([elevation="3"]) {

	395 box-shadow: var(--shadow-elevation-6dp_-_box-shadow);

	396 }

	397

	398 :host([elevation="4"]) {

	399 box-shadow: var(--shadow-elevation-8dp_-_box-shadow);

	400 }

	401

	402 :host([elevation="5"]) {

	403 box-shadow: var(--shadow-elevation-16dp_-_box-shadow);

	404 }

	405

	406 :host {

	407 display: var(--layout-inline_-_display);

	408 -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) ;

648 position: relative;	409 position: relative;

649 box-sizing: border-box;	410 box-sizing: border-box;

650 min-width: 5.14em;	411 min-width: 5.14em;

651 margin: 0 0.29em;	412 margin: 0 0.29em;

652 background: transparent;	413 background: transparent;

653 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);	414 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

654 -webkit-tap-highlight-color: transparent;	415 -webkit-tap-highlight-color: transparent;

655 font: inherit;	416 font: inherit;

656 text-transform: uppercase;	417 text-transform: uppercase;

657 outline-width: 0;	418 outline-width: 0;

658 border-radius: 3px;	419 border-radius: 3px;

659 -moz-user-select: none;	420 -moz-user-select: none;

660 -ms-user-select: none;	421 -ms-user-select: none;

661 -webkit-user-select: none;	422 -webkit-user-select: none;

662 user-select: none;	423 user-select: none;

663 cursor: pointer;	424 cursor: pointer;

664 z-index: 0;	425 z-index: 0;

665 padding: 0.7em 0.57em;	426 padding: 0.7em 0.57em;

666	427

667 @apply(--paper-font-common-base);	428 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);

668 @apply(--paper-button);	429 ;

669 }	430 }

670	431

671 :host([hidden]) {	432 :host([hidden]) {

672 display: none !important;	433 display: none !important;

673 }	434 }

674	435

675 :host([raised].keyboard-focus) {	436 :host([raised].keyboard-focus) {

676 font-weight: bold;	437 font-weight: bold;

677 @apply(--paper-button-raised-keyboard-focus);	438 ;

678 }	439 }

679	440

680 :host(:not([raised]).keyboard-focus) {	441 :host(:not([raised]).keyboard-focus) {

681 font-weight: bold;	442 font-weight: bold;

682 @apply(--paper-button-flat-keyboard-focus);	443 ;

683 }	444 }

684	445

685 :host([disabled]) {	446 :host([disabled]) {

686 background: #eaeaea;	447 background: #eaeaea;

687 color: #a8a8a8;	448 color: #a8a8a8;

688 cursor: auto;	449 cursor: auto;

689 pointer-events: none;	450 pointer-events: none;

690	451

691 @apply(--paper-button-disabled);	452 ;

692 }	453 }

693	454

694 :host([animated]) {	455 :host([animated]) {

695 @apply(--shadow-transition);	456 transition: var(--shadow-transition_-_transition);

696 }	457 }

697	458

698 paper-ripple {	459 paper-ripple {

699 color: var(--paper-button-ink-color);	460 color: var(--paper-button-ink-color);

700 }	461 }

701 </style>	462

	463 </style>

702	464

703 <content></content>	465 <content></content>

704 </template>	466 </template>

705	467

706 </dom-module>	468 </dom-module>

707 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/">	469 <dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v 1_0/paper-icon-button/" css-build="shadow">

708 <template strip-whitespace="">	470 <template strip-whitespace="">

709 <style>	471 <style scope="paper-icon-button-light">:host {

710 :host {	472 vertical-align: middle;

711 vertical-align: middle;

712 color: inherit;	473 color: inherit;

713 outline: none;	474 outline: none;

714 width: 24px;	475 width: 24px;

715 height: 24px;	476 height: 24px;

716 background: none;	477 background: none;

717 margin: 0;	478 margin: 0;

718 border: none;	479 border: none;

719 padding: 0;	480 padding: 0;

720	481

721 position: relative;	482 position: relative;

722 cursor: pointer;	483 cursor: pointer;

723	484

724 /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */	485

725 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);	486 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

726 -webkit-tap-highlight-color: transparent;	487 -webkit-tap-highlight-color: transparent;

727 }	488 }

728	489

729 :host([disabled]) {	490 :host([disabled]) {

730 color: #9b9b9b;	491 color: #9b9b9b;

731 pointer-events: none;	492 pointer-events: none;

732 cursor: auto;	493 cursor: auto;

733 }	494 }

734	495

735 paper-ripple {	496 paper-ripple {

736 opacity: 0.6;	497 opacity: 0.6;

737 color: currentColor;	498 color: currentColor;

738 }	499 }

739 </style>	500

	501 </style>

740 <content></content>	502 <content></content>

741 </template>	503 </template>

742 </dom-module>	504 </dom-module>

743 <style is="custom-style">	505 <style is="custom-style" css-build="shadow">html {

744	506 --google-red-100: #f4c7c3;

745 :root {

746

747 /* Material Design color palette for Google products */

748

749 --google-red-100: #f4c7c3;

750 --google-red-300: #e67c73;	507 --google-red-300: #e67c73;

751 --google-red-500: #db4437;	508 --google-red-500: #db4437;

752 --google-red-700: #c53929;	509 --google-red-700: #c53929;

753	510

754 --google-blue-100: #c6dafc;	511 --google-blue-100: #c6dafc;

755 --google-blue-300: #7baaf7;	512 --google-blue-300: #7baaf7;

756 --google-blue-500: #4285f4;	513 --google-blue-500: #4285f4;

757 --google-blue-700: #3367d6;	514 --google-blue-700: #3367d6;

758	515

759 --google-green-100: #b7e1cd;	516 --google-green-100: #b7e1cd;

760 --google-green-300: #57bb8a;	517 --google-green-300: #57bb8a;

761 --google-green-500: #0f9d58;	518 --google-green-500: #0f9d58;

762 --google-green-700: #0b8043;	519 --google-green-700: #0b8043;

763	520

764 --google-yellow-100: #fce8b2;	521 --google-yellow-100: #fce8b2;

765 --google-yellow-300: #f7cb4d;	522 --google-yellow-300: #f7cb4d;

766 --google-yellow-500: #f4b400;	523 --google-yellow-500: #f4b400;

767 --google-yellow-700: #f09300;	524 --google-yellow-700: #f09300;

768	525

769 --google-grey-100: #f5f5f5;	526 --google-grey-100: #f5f5f5;

770 --google-grey-300: #e0e0e0;	527 --google-grey-300: #e0e0e0;

771 --google-grey-500: #9e9e9e;	528 --google-grey-500: #9e9e9e;

772 --google-grey-700: #616161;	529 --google-grey-700: #616161;

773	530

774 /* Material Design color palette from online spec document */	531

775	532

776 --paper-red-50: #ffebee;	533 --paper-red-50: #ffebee;

777 --paper-red-100: #ffcdd2;	534 --paper-red-100: #ffcdd2;

778 --paper-red-200: #ef9a9a;	535 --paper-red-200: #ef9a9a;

779 --paper-red-300: #e57373;	536 --paper-red-300: #e57373;

780 --paper-red-400: #ef5350;	537 --paper-red-400: #ef5350;

781 --paper-red-500: #f44336;	538 --paper-red-500: #f44336;

782 --paper-red-600: #e53935;	539 --paper-red-600: #e53935;

783 --paper-red-700: #d32f2f;	540 --paper-red-700: #d32f2f;

784 --paper-red-800: #c62828;	541 --paper-red-800: #c62828;

(...skipping 254 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1039 --paper-blue-grey-100: #cfd8dc;	796 --paper-blue-grey-100: #cfd8dc;

1040 --paper-blue-grey-200: #b0bec5;	797 --paper-blue-grey-200: #b0bec5;

1041 --paper-blue-grey-300: #90a4ae;	798 --paper-blue-grey-300: #90a4ae;

1042 --paper-blue-grey-400: #78909c;	799 --paper-blue-grey-400: #78909c;

1043 --paper-blue-grey-500: #607d8b;	800 --paper-blue-grey-500: #607d8b;

1044 --paper-blue-grey-600: #546e7a;	801 --paper-blue-grey-600: #546e7a;

1045 --paper-blue-grey-700: #455a64;	802 --paper-blue-grey-700: #455a64;

1046 --paper-blue-grey-800: #37474f;	803 --paper-blue-grey-800: #37474f;

1047 --paper-blue-grey-900: #263238;	804 --paper-blue-grey-900: #263238;

1048	805

1049 /* opacity for dark text on a light background */	806

1050 --dark-divider-opacity: 0.12;	807 --dark-divider-opacity: 0.12;

1051 --dark-disabled-opacity: 0.38; /* or hint text or icon */	808 --dark-disabled-opacity: 0.38;

1052 --dark-secondary-opacity: 0.54;	809 --dark-secondary-opacity: 0.54;

1053 --dark-primary-opacity: 0.87;	810 --dark-primary-opacity: 0.87;

1054	811

1055 /* opacity for light text on a dark background */	812

1056 --light-divider-opacity: 0.12;	813 --light-divider-opacity: 0.12;

1057 --light-disabled-opacity: 0.3; /* or hint text or icon */	814 --light-disabled-opacity: 0.3;

1058 --light-secondary-opacity: 0.7;	815 --light-secondary-opacity: 0.7;

1059 --light-primary-opacity: 1.0;	816 --light-primary-opacity: 1.0;

1060	817 }

1061 }

1062	818

1063 </style>	819 </style>

1064	820

1065	821

1066 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/">	822 <dom-module id="paper-progress" assetpath="chrome://resources/polymer/v1_0/paper -progress/" css-build="shadow">

1067 <template>	823 <template>

1068 <style>	824 <style scope="paper-progress">:host {

1069 :host {	825 display: block;

1070 display: block;

1071 width: 200px;	826 width: 200px;

1072 position: relative;	827 position: relative;

1073 overflow: hidden;	828 overflow: hidden;

1074 }	829 }

1075	830

1076 :host([hidden]) {	831 :host([hidden]) {

1077 display: none !important;	832 display: none !important;

1078 }	833 }

1079	834

1080 #progressContainer {	835 #progressContainer {

1081 @apply(--paper-progress-container);	836 ;

1082 position: relative;	837 position: relative;

1083 }	838 }

1084	839

1085 #progressContainer,	840 #progressContainer, .indeterminate::after {

1086 /* the stripe for the indeterminate animation*/	841 height: var(--paper-progress-height, 4px);

1087 .indeterminate::after {	842 }

1088 height: var(--paper-progress-height, 4px);

1089 }

1090	843

1091 #primaryProgress,	844 #primaryProgress, #secondaryProgress, .indeterminate::after {

1092 #secondaryProgress,	845 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

1093 .indeterminate::after {	846 }

1094 @apply(--layout-fit);

1095 }

1096	847

1097 #progressContainer,	848 #progressContainer, .indeterminate::after {

1098 .indeterminate::after {	849 background: var(--paper-progress-container-color,var(--google-grey-300));;

1099 background: var(--paper-progress-container-color, --google-grey-300);	850 }

1100 }

1101	851

1102 :host(.transiting) #primaryProgress,	852 :host(.transiting) #primaryProgress, :host(.transiting) #secondaryProgress {

1103 :host(.transiting) #secondaryProgress {	853 -webkit-transition-property: -webkit-transform;

1104 -webkit-transition-property: -webkit-transform;

1105 transition-property: transform;	854 transition-property: transform;

1106	855

1107 /* Duration */	856

1108 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);	857 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);

1109 transition-duration: var(--paper-progress-transition-duration, 0.08s);	858 transition-duration: var(--paper-progress-transition-duration, 0.08s);

1110	859

1111 /* Timing function */	860

1112 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);	861 -webkit-transition-timing-function: var(--paper-progress-transition-timi ng-function, ease);

1113 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);	862 transition-timing-function: var(--paper-progress-transition-timing-funct ion, ease);

1114	863

1115 /* Delay */	864

1116 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);	865 -webkit-transition-delay: var(--paper-progress-transition-delay, 0s);

1117 transition-delay: var(--paper-progress-transition-delay, 0s);	866 transition-delay: var(--paper-progress-transition-delay, 0s);

1118 }	867 }

1119	868

1120 #primaryProgress,	869 #primaryProgress, #secondaryProgress {

1121 #secondaryProgress {	870 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

1122 @apply(--layout-fit);

1123 -webkit-transform-origin: left center;	871 -webkit-transform-origin: left center;

1124 transform-origin: left center;	872 transform-origin: left center;

1125 -webkit-transform: scaleX(0);	873 -webkit-transform: scaleX(0);

1126 transform: scaleX(0);	874 transform: scaleX(0);

1127 will-change: transform;	875 will-change: transform;

1128 }	876 }

1129	877

1130 #primaryProgress {	878 #primaryProgress {

1131 background: var(--paper-progress-active-color, --google-green-500);	879 background: var(--paper-progress-active-color,var(--google-green-500));;

1132 }	880 }

1133	881

1134 #secondaryProgress {	882 #secondaryProgress {

1135 background: var(--paper-progress-secondary-color, --google-green-100);	883 background: var(--paper-progress-secondary-color,var(--google-green-100));;

1136 }	884 }

1137	885

1138 :host([disabled]) #primaryProgress {	886 :host([disabled]) #primaryProgress {

1139 background: var(--paper-progress-disabled-active-color, --google-grey-50 0);	887 background: var(--paper-progress-disabled-active-color,var(--google-grey-500)) ;;

1140 }	888 }

1141	889

1142 :host([disabled]) #secondaryProgress {	890 :host([disabled]) #secondaryProgress {

1143 background: var(--paper-progress-disabled-secondary-color, --google-grey -300);	891 background: var(--paper-progress-disabled-secondary-color,var(--google-grey-30 0));;

1144 }	892 }

1145	893

1146 :host(:not([disabled])) #primaryProgress.indeterminate {	894 :host(:not([disabled])) #primaryProgress.indeterminate {

1147 -webkit-transform-origin: right center;	895 -webkit-transform-origin: right center;

1148 transform-origin: right center;	896 transform-origin: right center;

1149 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite;	897 -webkit-animation: indeterminate-bar var(--paper-progress-indeterminate- cycle-duration, 2s) linear infinite;

1150 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite;	898 animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-du ration, 2s) linear infinite;

1151 }	899 }

1152	900

1153 :host(:not([disabled])) #primaryProgress.indeterminate::after {	901 :host(:not([disabled])) #primaryProgress.indeterminate::after {

1154 content: "";	902 content: "";

1155 -webkit-transform-origin: center center;	903 -webkit-transform-origin: center center;

1156 transform-origin: center center;	904 transform-origin: center center;

1157	905

1158 -webkit-animation: indeterminate-splitter var(--paper-progress-indetermi nate-cycle-duration, 2s) linear infinite;	906 -webkit-animation: indeterminate-splitter var(--paper-progress-indetermi nate-cycle-duration, 2s) linear infinite;

1159 animation: indeterminate-splitter var(--paper-progress-indeterminate-cyc le-duration, 2s) linear infinite;	907 animation: indeterminate-splitter var(--paper-progress-indeterminate-cyc le-duration, 2s) linear infinite;

1160 }	908 }

1161	909

1162 @-webkit-keyframes indeterminate-bar {	910 @-webkit-keyframes indeterminate-bar {

1163 0% {	911 0% {

1164 -webkit-transform: scaleX(1) translateX(-100%);	912 -webkit-transform: scaleX(1) translateX(-100%);

1165 }	913 }

1166 50% {	914

1167 -webkit-transform: scaleX(1) translateX(0%);	915 50% {

1168 }	916 -webkit-transform: scaleX(1) translateX(0%);

1169 75% {	917 }

1170 -webkit-transform: scaleX(1) translateX(0%);	918

	919 75% {

	920 -webkit-transform: scaleX(1) translateX(0%);

1171 -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);	921 -webkit-animation-timing-function: cubic-bezier(.28,.62,.37,.91);

1172 }	922 }

1173 100% {

1174 -webkit-transform: scaleX(0) translateX(0%);

1175 }

1176 }

1177	923

1178 @-webkit-keyframes indeterminate-splitter {	924 100% {

1179 0% {	925 -webkit-transform: scaleX(0) translateX(0%);

1180 -webkit-transform: scaleX(.75) translateX(-125%);	926 }

1181 }	927

1182 30% {	928 }

1183 -webkit-transform: scaleX(.75) translateX(-125%);	929

	930 @-webkit-keyframes indeterminate-splitter {

	931 0% {

	932 -webkit-transform: scaleX(.75) translateX(-125%);

	933 }

	934

	935 30% {

	936 -webkit-transform: scaleX(.75) translateX(-125%);

1184 -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);	937 -webkit-animation-timing-function: cubic-bezier(.42,0,.6,.8);

1185 }	938 }

1186 90% {

1187 -webkit-transform: scaleX(.75) translateX(125%);

1188 }

1189 100% {

1190 -webkit-transform: scaleX(.75) translateX(125%);

1191 }

1192 }

1193	939

1194 @keyframes indeterminate-bar {	940 90% {

1195 0% {	941 -webkit-transform: scaleX(.75) translateX(125%);

1196 transform: scaleX(1) translateX(-100%);	942 }

1197 }	943

1198 50% {	944 100% {

1199 transform: scaleX(1) translateX(0%);	945 -webkit-transform: scaleX(.75) translateX(125%);

1200 }	946 }

1201 75% {	947

1202 transform: scaleX(1) translateX(0%);	948 }

	949

	950 @keyframes indeterminate-bar {

	951 0% {

	952 transform: scaleX(1) translateX(-100%);

	953 }

	954

	955 50% {

	956 transform: scaleX(1) translateX(0%);

	957 }

	958

	959 75% {

	960 transform: scaleX(1) translateX(0%);

1203 animation-timing-function: cubic-bezier(.28,.62,.37,.91);	961 animation-timing-function: cubic-bezier(.28,.62,.37,.91);

1204 }	962 }

1205 100% {

1206 transform: scaleX(0) translateX(0%);

1207 }

1208 }

1209	963

1210 @keyframes indeterminate-splitter {	964 100% {

1211 0% {	965 transform: scaleX(0) translateX(0%);

1212 transform: scaleX(.75) translateX(-125%);	966 }

1213 }	967

1214 30% {	968 }

1215 transform: scaleX(.75) translateX(-125%);	969

	970 @keyframes indeterminate-splitter {

	971 0% {

	972 transform: scaleX(.75) translateX(-125%);

	973 }

	974

	975 30% {

	976 transform: scaleX(.75) translateX(-125%);

1216 animation-timing-function: cubic-bezier(.42,0,.6,.8);	977 animation-timing-function: cubic-bezier(.42,0,.6,.8);

1217 }	978 }

1218 90% {	979

1219 transform: scaleX(.75) translateX(125%);	980 90% {

1220 }	981 transform: scaleX(.75) translateX(125%);

1221 100% {	982 }

1222 transform: scaleX(.75) translateX(125%);	983

1223 }	984 100% {

1224 }	985 transform: scaleX(.75) translateX(125%);

1225 </style>	986 }

	987

	988 }

	989

	990 </style>

1226	991

1227 <div id="progressContainer">	992 <div id="progressContainer">

1228 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>	993 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>

1229 <div id="primaryProgress"></div>	994 <div id="primaryProgress"></div>

1230 </div>	995 </div>

1231 </template>	996 </template>

1232 </dom-module>	997 </dom-module>

1233	998

1234 <iron-iconset-svg name="downloads" size="24">	999 <iron-iconset-svg name="downloads" size="24">

1235 <svg>	1000 <svg>

1236 <defs>	1001 <defs>

1237	1002

1238 <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>	1003 <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>

1239 </defs>	1004 </defs>

1240 </svg>	1005 </svg>

1241 </iron-iconset-svg>	1006 </iron-iconset-svg>

1242 <dom-module id="downloads-item" assetpath="chrome://downloads/">	1007 <dom-module id="downloads-item" assetpath="chrome://downloads/" css-build="shado w">

1243 <template><style>	1008 <template><style scope="downloads-item">:host {

1244 /* Copyright 2015 The Chromium Authors. All rights reserved.

1245 * Use of this source code is governed by a BSD-style license that can be

1246 * found in the LICENSE file. */

1247

1248 :host {

1249 display: flex;	1009 display: flex;

1250 flex-direction: column;	1010 flex-direction: column;

1251 }	1011 }

1252	1012

1253 #date {	1013 #date {

1254 color: rgb(104, 113, 116);	1014 color: rgb(104, 113, 116);

1255 font-size: 100%;	1015 font-size: 100%;

1256 font-weight: 500;	1016 font-weight: 500;

1257 margin: 24px auto 10px;	1017 margin: 24px auto 10px;

1258 width: var(--downloads-item-width);	1018 width: var(--downloads-item-width);

(...skipping 25 matching lines...) Expand all Loading...
1284 0 3px 1px -2px rgba(0, 0, 0, .12);	1044 0 3px 1px -2px rgba(0, 0, 0, .12);

1285 }	1045 }

1286	1046

1287 #details {	1047 #details {

1288 -webkit-border-start: 1px #d8d8d8 solid;	1048 -webkit-border-start: 1px #d8d8d8 solid;

1289 -webkit-padding-end: 16px;	1049 -webkit-padding-end: 16px;

1290 -webkit-padding-start: 24px;	1050 -webkit-padding-start: 24px;

1291 display: flex;	1051 display: flex;

1292 flex: 1;	1052 flex: 1;

1293 flex-direction: column;	1053 flex-direction: column;

1294 min-width: 0; /* This allows #url to ellide correctly. */	1054 min-width: 0;

1295 padding-bottom: 12px;	1055 padding-bottom: 12px;

1296 padding-top: 16px;	1056 padding-top: 16px;

1297 }	1057 }

1298	1058

1299 #content:not(.is-active) #details {	1059 #content:not(.is-active) #details {

1300 color: rgba(186, 186, 186, .6);	1060 color: rgba(186, 186, 186, .6);

1301 }	1061 }

1302	1062

1303 #content:not(.is-active) #name {	1063 #content:not(.is-active) #name {

1304 text-decoration: line-through;	1064 text-decoration: line-through;

1305 }	1065 }

1306	1066

1307 .icon-wrapper {	1067 .icon-wrapper {

1308 align-self: center;	1068 align-self: center;

1309 flex: none;	1069 flex: none;

1310 justify-content: center;	1070 justify-content: center;

1311 margin: 0 24px;	1071 margin: 0 24px;

1312 }	1072 }

1313	1073

1314 .icon {	1074 .icon {

1315 height: 32px;	1075 height: 32px;

1316 width: 32px;	1076 width: 32px;

1317 }	1077 }

1318	1078

1319 #content:-webkit-any(.show-progress, .dangerous) #file-icon-wrapper {	1079 #content:-webkit-any(.show-progress, .dangerous) #file-icon-wrapper {

1320 /* TODO(dbeam): animate from top-aligned to centered when items finish? */

1321 align-self: flex-start;	1080 align-self: flex-start;

1322 padding-top: 16px;	1081 padding-top: 16px;

1323 }	1082 }

1324	1083

1325 #content:not(.is-active) .icon {	1084 #content:not(.is-active) .icon {

1326 -webkit-filter: grayscale(100%);	1085 -webkit-filter: grayscale(100%);

1327 opacity: .5;	1086 opacity: .5;

1328 }	1087 }

1329	1088

1330 #danger-icon {	1089 #danger-icon {

1331 height: 32px;	1090 height: 32px;

1332 width: 32px;	1091 width: 32px;

1333 }	1092 }

1334	1093

1335 #danger-icon[icon='cr:warning'] {	1094 #danger-icon[icon='cr:warning'] {

1336 color: rgb(255, 193, 7);	1095 color: rgb(255, 193, 7);

1337 }	1096 }

1338	1097

1339 #danger-icon[icon='downloads:remove-circle'] {	1098 #danger-icon[icon='downloads:remove-circle'] {

1340 color: rgb(244, 67, 54);	1099 color: rgb(244, 67, 54);

1341 }	1100 }

1342	1101

1343 #name,	1102 #name, #file-link, #url {

1344 #file-link,

1345 #url {

1346 max-width: 100%;	1103 max-width: 100%;

1347 }	1104 }

1348	1105

1349 #name,	1106 #name, #file-link {

1350 #file-link {

1351 font-weight: 500;	1107 font-weight: 500;

1352 word-break: break-all;	1108 word-break: break-all;

1353 }	1109 }

1354	1110

1355 #name {	1111 #name {

1356 -webkit-margin-end: 12px; /* Only really affects #tag. */	1112 -webkit-margin-end: 12px;

1357 }	1113 }

1358	1114

1359 #pause-or-resume,	1115 #pause-or-resume, .is-active :-webkit-any(#name, #file-link, #show) {

1360 .is-active :-webkit-any(#name, #file-link, #show) {

1361 color: rgb(51, 103, 214);	1116 color: rgb(51, 103, 214);

1362 }	1117 }

1363	1118

1364 #tag {	1119 #tag {

1365 color: #5a5a5a;	1120 color: #5a5a5a;

1366 font-weight: 500;	1121 font-weight: 500;

1367 }	1122 }

1368	1123

1369 #url {	1124 #url {

1370 color: inherit;	1125 color: inherit;

1371 margin-top: 6px;	1126 margin-top: 6px;

1372 min-height: 0;	1127 min-height: 0;

1373 overflow: hidden;	1128 overflow: hidden;

1374 text-decoration: none;	1129 text-decoration: none;

1375 text-overflow: ellipsis;	1130 text-overflow: ellipsis;

1376 white-space: nowrap;	1131 white-space: nowrap;

1377 }	1132 }

1378	1133

1379 .is-active #url {	1134 .is-active #url {

1380 color: #969696;	1135 color: #969696;

1381 }	1136 }

1382	1137

1383 #progress,	1138 #progress, #description:not(:empty), .controls {

1384 #description:not(:empty),

1385 .controls {

1386 margin-top: 16px;	1139 margin-top: 16px;

1387 }	1140 }

1388	1141

1389 .is-active #description {	1142 .is-active #description {

1390 color: #616161;	1143 color: #616161;

1391 }	1144 }

1392	1145

1393 .dangerous #description {	1146 .dangerous #description {

1394 color: rgb(239, 108, 0);	1147 color: rgb(239, 108, 0);

1395 }	1148 }

1396	1149

1397 #progress {	1150 #progress {

1398 --paper-progress-active-color: rgb(54, 126, 237);	1151 --paper-progress-active-color: rgb(54, 126, 237);

1399 --paper-progress-container-color: rgb(223, 222, 223);	1152 --paper-progress-container-color: rgb(223, 222, 223);

1400 width: auto;	1153 width: auto;

1401 }	1154 }

1402	1155

1403 .controls {	1156 .controls {

1404 -webkit-margin-start: -.57em;	1157 -webkit-margin-start: -.57em;

1405 }	1158 }

1406	1159

1407 #cancel,	1160 #cancel, #retry, .keep, .discard {

1408 #retry,

1409 .keep,

1410 .discard {

1411 color: #5a5a5a;	1161 color: #5a5a5a;

1412 }	1162 }

1413	1163

1414 #show {	1164 #show {

1415 margin: .7em .57em;	1165 margin: .7em .57em;

1416 }	1166 }

1417	1167

1418 #controlled-by {	1168 #controlled-by {

1419 -webkit-margin-start: 8px;	1169 -webkit-margin-start: 8px;

1420 }	1170 }

1421	1171

1422 #controlled-by,	1172 #controlled-by, #controlled-by a {

1423 #controlled-by a {

1424 color: #5a5a5a;	1173 color: #5a5a5a;

1425 }	1174 }

1426	1175

1427 .is-active #controlled-by {	1176 .is-active #controlled-by {

1428 color: #333;	1177 color: #333;

1429 }	1178 }

1430	1179

1431 .is-active #controlled-by a {	1180 .is-active #controlled-by a {

1432 color: rgb(51, 103, 214);	1181 color: rgb(51, 103, 214);

1433 }	1182 }

1434	1183

1435 #remove-wrapper {	1184 #remove-wrapper {

1436 align-self: flex-start;	1185 align-self: flex-start;

1437 margin: 0;	1186 margin: 0;

1438 }	1187 }

1439	1188

1440 #remove {	1189 #remove {

1441 color: #969696;	1190 color: #969696;

1442 font-size: 16px;	1191 font-size: 16px;

1443 height: 32px;	1192 height: 32px;

1444 line-height: 17px; /* TODO(dbeam): why is this necesssary? */	1193 line-height: 17px;

1445 width: 32px;	1194 width: 32px;

1446 }	1195 }

1447	1196

1448 #incognito {	1197 #incognito {

1449 bottom: 20px;	1198 bottom: 20px;

1450 content: -webkit-image-set(	1199 content: -webkit-image-set(

1451 url("chrome://downloads/1x/incognito_marker.png") 1x,	1200 url("chrome://downloads/1x/incognito_marker.png") 1x,

1452 url("chrome://downloads/2x/incognito_marker.png") 2x);	1201 url("chrome://downloads/2x/incognito_marker.png") 2x);

1453 position: absolute;	1202 position: absolute;

1454 right: 10px;	1203 right: 10px;

1455 }	1204 }

1456	1205

1457 </style><style>

1458 /* Copyright 2015 The Chromium Authors. All rights reserved.

1459 * Use of this source code is governed by a BSD-style license that can be

1460 * found in the LICENSE file. */

1461

1462 * {	1206 * {

1463 --downloads-item-width: 622px;	1207 --downloads-item-width: 622px;

1464 }	1208 }

1465	1209

1466 [hidden] {	1210 [hidden] {

1467 display: none !important;	1211 display: none !important;

1468 }	1212 }

1469	1213

1470 paper-button {	1214 paper-button {

1471 font-weight: 500;	1215 font-weight: 500;

1472 margin: 0;	1216 margin: 0;

1473 min-width: auto;	1217 min-width: auto;

1474 }	1218 }

1475	1219

1476 </style><style>

1477 /* Copyright 2015 The Chromium Authors. All rights reserved.

1478 * Use of this source code is governed by a BSD-style license that can be

1479 * found in the LICENSE file. */

1480

1481 [is='action-link'] {	1220 [is='action-link'] {

1482 cursor: pointer;	1221 cursor: pointer;

1483 display: inline-block;	1222 display: inline-block;

1484 text-decoration: none;	1223 text-decoration: none;

1485 }	1224 }

1486	1225

1487 [is='action-link']:hover {	1226 [is='action-link']:hover {

1488 text-decoration: underline;	1227 text-decoration: underline;

1489 }	1228 }

1490	1229

(...skipping 80 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
1571 </div>	1310 </div>

1572 </div>	1311 </div>

1573	1312

1574 </template>	1313 </template>

1575	1314

1576	1315

1577	1316

1578 </dom-module>	1317 </dom-module>

1579	1318

1580	1319

1581 <style is="custom-style">	1320 <style is="custom-style" css-build="shadow">html {

1582	1321 --primary-text-color: var(--light-theme-text-color);

1583 :root {

1584 /*

1585 * You can use these generic variables in your elements for easy theming.

1586 * For example, if all your elements use `--primary-text-color` as its main

1587 * color, then switching from a light to a dark theme is just a matter of

1588 * changing the value of `--primary-text-color` in your application.

1589 */

1590 --primary-text-color: var(--light-theme-text-color);

1591 --primary-background-color: var(--light-theme-background-color);	1322 --primary-background-color: var(--light-theme-background-color);

1592 --secondary-text-color: var(--light-theme-secondary-color);	1323 --secondary-text-color: var(--light-theme-secondary-color);

1593 --disabled-text-color: var(--light-theme-disabled-color);	1324 --disabled-text-color: var(--light-theme-disabled-color);

1594 --divider-color: var(--light-theme-divider-color);	1325 --divider-color: var(--light-theme-divider-color);

1595 --error-color: var(--paper-deep-orange-a700);	1326 --error-color: var(--paper-deep-orange-a700);

1596	1327

1597 /*	1328

1598 * Primary and accent colors. Also see color.html for more colors.

1599 */

1600 --primary-color: var(--paper-indigo-500);	1329 --primary-color: var(--paper-indigo-500);

1601 --light-primary-color: var(--paper-indigo-100);	1330 --light-primary-color: var(--paper-indigo-100);

1602 --dark-primary-color: var(--paper-indigo-700);	1331 --dark-primary-color: var(--paper-indigo-700);

1603	1332

1604 --accent-color: var(--paper-pink-a200);	1333 --accent-color: var(--paper-pink-a200);

1605 --light-accent-color: var(--paper-pink-a100);	1334 --light-accent-color: var(--paper-pink-a100);

1606 --dark-accent-color: var(--paper-pink-a400);	1335 --dark-accent-color: var(--paper-pink-a400);

1607	1336

1608	1337

1609 /*	1338

1610 * Material Design Light background theme

1611 */

1612 --light-theme-background-color: #ffffff;	1339 --light-theme-background-color: #ffffff;

1613 --light-theme-base-color: #000000;	1340 --light-theme-base-color: #000000;

1614 --light-theme-text-color: var(--paper-grey-900);	1341 --light-theme-text-color: var(--paper-grey-900);

1615 --light-theme-secondary-color: #737373; /* for secondary text and icons */	1342 --light-theme-secondary-color: #737373;

1616 --light-theme-disabled-color: #9b9b9b; /* disabled/hint text */	1343 --light-theme-disabled-color: #9b9b9b;

1617 --light-theme-divider-color: #dbdbdb;	1344 --light-theme-divider-color: #dbdbdb;

1618	1345

1619 /*	1346

1620 * Material Design Dark background theme

1621 */

1622 --dark-theme-background-color: var(--paper-grey-900);	1347 --dark-theme-background-color: var(--paper-grey-900);

1623 --dark-theme-base-color: #ffffff;	1348 --dark-theme-base-color: #ffffff;

1624 --dark-theme-text-color: #ffffff;	1349 --dark-theme-text-color: #ffffff;

1625 --dark-theme-secondary-color: #bcbcbc; /* for secondary text and icons */	1350 --dark-theme-secondary-color: #bcbcbc;

1626 --dark-theme-disabled-color: #646464; /* disabled/hint text */	1351 --dark-theme-disabled-color: #646464;

1627 --dark-theme-divider-color: #3c3c3c;	1352 --dark-theme-divider-color: #3c3c3c;

1628	1353

1629 /*	1354

1630 * Deprecated values because of their confusing names.

1631 */

1632 --text-primary-color: var(--dark-theme-text-color);	1355 --text-primary-color: var(--dark-theme-text-color);

1633 --default-primary-color: var(--primary-color);	1356 --default-primary-color: var(--primary-color);

1634	1357 }

1635 }

1636	1358

1637 </style>	1359 </style>

1638 <style>	1360 <style>

1639 /* Copyright 2015 The Chromium Authors. All rights reserved.	1361 /* Copyright 2015 The Chromium Authors. All rights reserved.

1640 * Use of this source code is governed by a BSD-style license that can be	1362 * Use of this source code is governed by a BSD-style license that can be

1641 * found in the LICENSE file. */	1363 * found in the LICENSE file. */

1642	1364

1643 <if expr="not chromeos">	1365 <if expr="not chromeos">

1644 @font-face {	1366 @font-face {

1645 font-family: 'Roboto';	1367 font-family: 'Roboto';

(...skipping 14 matching lines...) Expand all Loading...
1660 @font-face {	1382 @font-face {

1661 font-family: 'Roboto';	1383 font-family: 'Roboto';

1662 font-style: normal;	1384 font-style: normal;

1663 font-weight: 700;	1385 font-weight: 700;

1664 src: local('Roboto Bold'), local('Roboto-Bold'),	1386 src: local('Roboto Bold'), local('Roboto-Bold'),

1665 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');	1387 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');

1666 }	1388 }

1667 </if>	1389 </if>

1668	1390

1669 </style>	1391 </style>

1670 <style is="custom-style">	1392 <style is="custom-style" css-build="shadow">html {

1671	1393 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;

1672 :root {	1394

1673	1395 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;

1674 /* Shared Styles */	1396

1675 --paper-font-common-base: {	1397 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;

1676 font-family: 'Roboto', 'Noto', sans-serif;	1398

1677 -webkit-font-smoothing: antialiased;	1399 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;

1678 };	1400

1679	1401

1680 --paper-font-common-code: {	1402

1681 font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace;	1403 --paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space: var(--pape r-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow: var(--pa per-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow: var( --paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size: 112px; --paper-font-display4_-_font-weight: 300; --paper-font-display4_-_lette r-spacing: -.044em; --paper-font-display4_-_line-height: 120px;;

1682 -webkit-font-smoothing: antialiased;	1404

1683 };	1405 --paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space: var(--pape r-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow: var(--pa per-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow: var( --paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size: 56px; --paper-font-display3_-_font-weight: 400; --paper-font-display3_-_letter -spacing: -.026em; --paper-font-display3_-_line-height: 60px;;

1684	1406

1685 --paper-font-common-expensive-kerning: {	1407 --paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size: 45px; --pape r-font-display2_-_font-weight: 400; --paper-font-display2_-_letter-spacing: -. 018em; --paper-font-display2_-_line-height: 48px;;

1686 text-rendering: optimizeLegibility;	1408

1687 };	1409 --paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size: 34px; --pape r-font-display1_-_font-weight: 400; --paper-font-display1_-_letter-spacing: -. 01em; --paper-font-display1_-_line-height: 40px;;

1688	1410

1689 --paper-font-common-nowrap: {	1411 --paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size: 24px; --pape r-font-headline_-_font-weight: 400; --paper-font-headline_-_letter-spacing: -. 012em; --paper-font-headline_-_line-height: 32px;;

1690 white-space: nowrap;	1412

1691 overflow: hidden;	1413 --paper-font-title_-_font-family: var(--paper-font-common-base_-_font-famil y); --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_- _-webkit-font-smoothing); --paper-font-title_-_white-space: var(--paper-font-co mmon-nowrap_-_white-space); --paper-font-title_-_overflow: var(--paper-font-com mon-nowrap_-_overflow); --paper-font-title_-_text-overflow: var(--paper-font-co mmon-nowrap_-_text-overflow); --paper-font-title_-_font-size: 20px; --paper-fon t-title_-_font-weight: 500; --paper-font-title_-_line-height: 28px;;

1692 text-overflow: ellipsis;	1414

1693 };	1415 --paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-fam ily); --paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-ba se_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size: 16px; --paper-f ont-subhead_-_font-weight: 400; --paper-font-subhead_-_line-height: 24px;;

1694	1416

1695 /* Material Font Styles */	1417 --paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-famil y); --paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_- _-webkit-font-smoothing); --paper-font-body2_-_font-size: 14px; --paper-font-bo dy2_-_font-weight: 500; --paper-font-body2_-_line-height: 24px;;

1696	1418

1697 --paper-font-display4: {	1419 --paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-famil y); --paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_- _-webkit-font-smoothing); --paper-font-body1_-_font-size: 14px; --paper-font-bo dy1_-_font-weight: 400; --paper-font-body1_-_line-height: 20px;;

1698 @apply(--paper-font-common-base);	1420

1699 @apply(--paper-font-common-nowrap);	1421 --paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-fam ily); --paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-ba se_-_-webkit-font-smoothing); --paper-font-caption_-_white-space: var(--paper-f ont-common-nowrap_-_white-space); --paper-font-caption_-_overflow: var(--paper- font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow: var(--pap er-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size: 12px; --paper-font-caption_-_font-weight: 400; --paper-font-caption_-_letter-spacing : 0.011em; --paper-font-caption_-_line-height: 20px;;

1700	1422

1701 font-size: 112px;	1423 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;

1702 font-weight: 300;	1424

1703 letter-spacing: -.044em;	1425 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;;

1704 line-height: 120px;	1426

1705 };	1427 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;

1706	1428

1707 --paper-font-display3: {	1429 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;

1708 @apply(--paper-font-common-base);	1430 }

1709 @apply(--paper-font-common-nowrap);	1431

1710	1432 </style>

1711 font-size: 56px;	1433 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/" css-build="shadow">

1712 font-weight: 400;	1434 <template>

1713 letter-spacing: -.026em;	1435 <style scope="paper-item-shared-styles">:host, .paper-item {

1714 line-height: 60px;	1436 display: block;

1715 };

1716

1717 --paper-font-display2: {

1718 @apply(--paper-font-common-base);

1719

1720 font-size: 45px;

1721 font-weight: 400;

1722 letter-spacing: -.018em;

1723 line-height: 48px;

1724 };

1725

1726 --paper-font-display1: {

1727 @apply(--paper-font-common-base);

1728

1729 font-size: 34px;

1730 font-weight: 400;

1731 letter-spacing: -.01em;

1732 line-height: 40px;

1733 };

1734

1735 --paper-font-headline: {

1736 @apply(--paper-font-common-base);

1737

1738 font-size: 24px;

1739 font-weight: 400;

1740 letter-spacing: -.012em;

1741 line-height: 32px;

1742 };

1743

1744 --paper-font-title: {

1745 @apply(--paper-font-common-base);

1746 @apply(--paper-font-common-nowrap);

1747

1748 font-size: 20px;

1749 font-weight: 500;

1750 line-height: 28px;

1751 };

1752

1753 --paper-font-subhead: {

1754 @apply(--paper-font-common-base);

1755

1756 font-size: 16px;

1757 font-weight: 400;

1758 line-height: 24px;

1759 };

1760

1761 --paper-font-body2: {

1762 @apply(--paper-font-common-base);

1763

1764 font-size: 14px;

1765 font-weight: 500;

1766 line-height: 24px;

1767 };

1768

1769 --paper-font-body1: {

1770 @apply(--paper-font-common-base);

1771

1772 font-size: 14px;

1773 font-weight: 400;

1774 line-height: 20px;

1775 };

1776

1777 --paper-font-caption: {

1778 @apply(--paper-font-common-base);

1779 @apply(--paper-font-common-nowrap);

1780

1781 font-size: 12px;

1782 font-weight: 400;

1783 letter-spacing: 0.011em;

1784 line-height: 20px;

1785 };

1786

1787 --paper-font-menu: {

1788 @apply(--paper-font-common-base);

1789 @apply(--paper-font-common-nowrap);

1790

1791 font-size: 13px;

1792 font-weight: 500;

1793 line-height: 24px;

1794 };

1795

1796 --paper-font-button: {

1797 @apply(--paper-font-common-base);

1798 @apply(--paper-font-common-nowrap);

1799

1800 font-size: 14px;

1801 font-weight: 500;

1802 letter-spacing: 0.018em;

1803 line-height: 24px;

1804 text-transform: uppercase;

1805 };

1806

1807 --paper-font-code2: {

1808 @apply(--paper-font-common-code);

1809

1810 font-size: 14px;

1811 font-weight: 700;

1812 line-height: 20px;

1813 };

1814

1815 --paper-font-code1: {

1816 @apply(--paper-font-common-code);

1817

1818 font-size: 14px;

1819 font-weight: 500;

1820 line-height: 20px;

1821 };

1822

1823 }

1824

1825 </style>

1826 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">

1827 <template>

1828 <style>

1829 :host, .paper-item {

1830 display: block;

1831 position: relative;	1437 position: relative;

1832 min-height: var(--paper-item-min-height, 48px);	1438 min-height: var(--paper-item-min-height, 48px);

1833 padding: 0px 16px;	1439 padding: 0px 16px;

1834 }	1440 }

1835	1441

1836 .paper-item {	1442 .paper-item {

1837 @apply(--paper-font-subhead);	1443 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);

1838 border:none;	1444 border:none;

1839 outline: none;	1445 outline: none;

1840 background: white;	1446 background: white;

1841 width: 100%;	1447 width: 100%;

1842 text-align: left;	1448 text-align: left;

1843 }	1449 }

1844	1450

1845 :host([hidden]), .paper-item[hidden] {	1451 :host([hidden]), .paper-item[hidden] {

1846 display: none !important;	1452 display: none !important;

1847 }	1453 }

1848	1454

1849 :host(.iron-selected), .paper-item.iron-selected {	1455 :host(.iron-selected), .paper-item.iron-selected {

1850 font-weight: var(--paper-item-selected-weight, bold);	1456 font-weight: var(--paper-item-selected-weight, bold);

1851	1457

1852 @apply(--paper-item-selected);	1458 ;

1853 }	1459 }

1854	1460

1855 :host([disabled]), .paper-item[disabled] {	1461 :host([disabled]), .paper-item[disabled] {

1856 color: var(--paper-item-disabled-color, --disabled-text-color);	1462 color: var(--paper-item-disabled-color,var(--disabled-text-color));;

1857	1463

1858 @apply(--paper-item-disabled);	1464 ;

1859 }	1465 }

1860	1466

1861 :host(:focus), .paper-item:focus {	1467 :host(:focus), .paper-item:focus {

1862 position: relative;	1468 position: relative;

1863 outline: 0;	1469 outline: 0;

1864	1470

1865 @apply(--paper-item-focused);	1471 ;

1866 }	1472 }

1867	1473

1868 :host(:focus):before, .paper-item:focus:before {	1474 :host(:focus):before, .paper-item:focus:before {

1869 @apply(--layout-fit);	1475 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

1870	1476

1871 background: currentColor;	1477 background: currentColor;

1872 content: '';	1478 content: '';

1873 opacity: var(--dark-divider-opacity);	1479 opacity: var(--dark-divider-opacity);

1874 pointer-events: none;	1480 pointer-events: none;

1875	1481

1876 @apply(--paper-item-focused-before);	1482 ;

1877 }	1483 }

1878 </style>	1484

	1485 </style>

1879 </template>	1486 </template>

1880 </dom-module>	1487 </dom-module>

1881	1488

1882	1489

1883 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/">	1490 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite m/" css-build="shadow">

1884 <template>	1491 <template>

1885 <style include="paper-item-shared-styles"></style>	1492

1886 <style>	1493 <style scope="paper-item">:host, .paper-item {

1887 :host {	1494 display: block;

1888 @apply(--layout-horizontal);	1495 position: relative;

1889 @apply(--layout-center);	1496 min-height: var(--paper-item-min-height, 48px);

1890 @apply(--paper-font-subhead);	1497 padding: 0px 16px;

1891	1498 }

1892 @apply(--paper-item);	1499

1893 }	1500 .paper-item {

1894 </style>	1501 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);

	1502 border:none;

	1503 outline: none;

	1504 background: white;

	1505 width: 100%;

	1506 text-align: left;

	1507 }

	1508

	1509 :host([hidden]), .paper-item[hidden] {

	1510 display: none !important;

	1511 }

	1512

	1513 :host(.iron-selected), .paper-item.iron-selected {

	1514 font-weight: var(--paper-item-selected-weight, bold);

	1515

	1516 ;

	1517 }

	1518

	1519 :host([disabled]), .paper-item[disabled] {

	1520 color: var(--paper-item-disabled-color,var(--disabled-text-color));;

	1521

	1522 ;

	1523 }

	1524

	1525 :host(:focus), .paper-item:focus {

	1526 position: relative;

	1527 outline: 0;

	1528

	1529 ;

	1530 }

	1531

	1532 :host(:focus):before, .paper-item:focus:before {

	1533 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

	1534

	1535 background: currentColor;

	1536 content: '';

	1537 opacity: var(--dark-divider-opacity);

	1538 pointer-events: none;

	1539

	1540 ;

	1541 }

	1542

	1543 :host {

	1544 display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout- horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizonta l_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-dire ction);

	1545 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center _-_align-items);

	1546 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoot hing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper -font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight) ; line-height: var(--paper-font-subhead_-_line-height);

	1547

	1548 ;

	1549 }

	1550

	1551 </style>

1895	1552

1896 <content></content>	1553 <content></content>

1897 </template>	1554 </template>

1898	1555

1899 </dom-module>	1556 </dom-module>

1900 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/">	1557 <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-menu/" css-build="shadow">

1901 <template>	1558 <template>

1902 <style>	1559 <style scope="paper-menu-shared-styles">.selectable-content > ::content > .i ron-selected {

1903 /* need a wrapper element to make this higher specificity than the :host r ule in paper-item */	1560 font-weight: bold;

1904 .selectable-content > ::content > .iron-selected {	1561

1905 font-weight: bold;	1562 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);

1906	1563 }

1907 @apply(--paper-menu-selected-item);	1564

1908 }	1565 .selectable-content > ::content > [disabled] {

1909	1566 color: var(--paper-menu-disabled-color,var(--disabled-text-color));;

1910 .selectable-content > ::content > [disabled] {	1567 }

1911 color: var(--paper-menu-disabled-color, --disabled-text-color);	1568

1912 }	1569 .selectable-content > ::content > *:focus {

1913	1570 position: relative;

1914 .selectable-content > ::content > *:focus {	1571 outline: 0;

1915 position: relative;	1572

1916 outline: 0;	1573 ;

1917	1574 }

1918 @apply(--paper-menu-focused-item);	1575

1919 }	1576 .selectable-content > ::content > *:focus:after {

1920	1577 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

1921 .selectable-content > ::content > *:focus:after {	1578 background: currentColor;

1922 @apply(--layout-fit);	1579 opacity: var(--dark-divider-opacity);

1923 background: currentColor;	1580 content: '';

1924 opacity: var(--dark-divider-opacity);	1581 pointer-events: none;

1925 content: '';	1582

1926 pointer-events: none;	1583 ;

1927	1584 }

1928 @apply(--paper-menu-focused-item-after);	1585

1929 }	1586 .selectable-content > ::content > *[colored]:focus:after {

1930	1587 opacity: 0.26;

1931 .selectable-content > ::content > *[colored]:focus:after {	1588 }

1932 opacity: 0.26;	1589

1933 }	1590 </style>

1934 </style>

1935 </template>	1591 </template>

1936 </dom-module>	1592 </dom-module>

1937	1593

1938	1594

1939 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/">	1595 <dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-men u/" css-build="shadow">

1940 <template>	1596 <template>

1941 <style include="paper-menu-shared-styles"></style>	1597

1942 <style>	1598 <style scope="paper-menu">.selectable-content > ::content > .iron-selected {

1943 :host {	1599 font-weight: bold;

1944 display: block;	1600

	1601 font-weight: var(--paper-menu-selected-item_-_font-weight, bold);

	1602 }

	1603

	1604 .selectable-content > ::content > [disabled] {

	1605 color: var(--paper-menu-disabled-color,var(--disabled-text-color));;

	1606 }

	1607

	1608 .selectable-content > ::content > *:focus {

	1609 position: relative;

	1610 outline: 0;

	1611

	1612 ;

	1613 }

	1614

	1615 .selectable-content > ::content > *:focus:after {

	1616 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

	1617 background: currentColor;

	1618 opacity: var(--dark-divider-opacity);

	1619 content: '';

	1620 pointer-events: none;

	1621

	1622 ;

	1623 }

	1624

	1625 .selectable-content > ::content > *[colored]:focus:after {

	1626 opacity: 0.26;

	1627 }

	1628

	1629 :host {

	1630 display: block;

1945 padding: 8px 0;	1631 padding: 8px 0;

1946	1632

1947 background: var(--paper-menu-background-color, --primary-background-colo r);	1633 background: var(--paper-menu-background-color,var(--primary-background-c olor));;

1948 color: var(--paper-menu-color, --primary-text-color);	1634 color: var(--paper-menu-color,var(--primary-text-color));;

1949	1635

1950 @apply(--paper-menu);	1636 ;

1951 }	1637 }

1952 </style>	1638

	1639 </style>

1953	1640

1954 <div class="selectable-content">	1641 <div class="selectable-content">

1955 <content></content>	1642 <content></content>

1956 </div>	1643 </div>

1957 </template>	1644 </template>

1958	1645

1959 </dom-module>	1646 </dom-module>

1960 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/">	1647 <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_ 0/iron-overlay-behavior/" css-build="shadow">

1961	1648

1962 <template>	1649 <template>

1963 <style>	1650 <style scope="iron-overlay-backdrop">:host {

1964 :host {	1651 position: fixed;

1965 position: fixed;

1966 top: 0;	1652 top: 0;

1967 left: 0;	1653 left: 0;

1968 width: 100%;	1654 width: 100%;

1969 height: 100%;	1655 height: 100%;

1970 background-color: var(--iron-overlay-backdrop-background-color, #000);	1656 background-color: var(--iron-overlay-backdrop-background-color, #000);

1971 opacity: 0;	1657 opacity: 0;

1972 transition: opacity 0.2s;	1658 transition: opacity 0.2s;

1973 pointer-events: none;	1659 pointer-events: none;

1974 @apply(--iron-overlay-backdrop);	1660 ;

1975 }	1661 }

1976	1662

1977 :host(.opened) {	1663 :host(.opened) {

1978 opacity: var(--iron-overlay-backdrop-opacity, 0.6);	1664 opacity: var(--iron-overlay-backdrop-opacity, 0.6);

1979 pointer-events: auto;	1665 pointer-events: auto;

1980 @apply(--iron-overlay-backdrop-opened);	1666 ;

1981 }	1667 }

1982 </style>	1668

	1669 </style>

1983	1670

1984 <content></content>	1671 <content></content>

1985 </template>	1672 </template>

1986	1673

1987 </dom-module>	1674 </dom-module>

1988	1675

1989 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>	1676 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>

1990	1677

1991	1678

1992 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">	1679 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">

1993 <template>	1680 <template>

1994 <style>	1681 <style scope="iron-dropdown">:host {

1995 :host {	1682 position: fixed;

1996 position: fixed;	1683 }

1997 }

1998	1684

1999 #contentWrapper ::content > * {	1685 #contentWrapper ::content > * {

2000 overflow: auto;	1686 overflow: auto;

2001 }	1687 }

2002	1688

2003 #contentWrapper.animating ::content > * {	1689 #contentWrapper.animating ::content > * {

2004 overflow: hidden;	1690 overflow: hidden;

2005 }	1691 }

2006 </style>	1692

	1693 </style>

2007	1694

2008 <div id="contentWrapper">	1695 <div id="contentWrapper">

2009 <content id="content" select=".dropdown-content"></content>	1696 <content id="content" select=".dropdown-content"></content>

2010 </div>	1697 </div>

2011 </template>	1698 </template>

2012	1699

2013 </dom-module>	1700 </dom-module>

2014 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa per-menu-button/">	1701 <dom-module id="paper-menu-button" assetpath="chrome://resources/polymer/v1_0/pa per-menu-button/" css-build="shadow">

2015 <template>	1702 <template>

2016 <style>	1703 <style scope="paper-menu-button">:host {

2017 :host {	1704 display: inline-block;

2018 display: inline-block;

2019 position: relative;	1705 position: relative;

2020 padding: 8px;	1706 padding: 8px;

2021 outline: none;	1707 outline: none;

2022	1708

2023 @apply(--paper-menu-button);	1709 padding: var(--paper-menu-button_-_padding, 8px);

2024 }	1710 }

2025	1711

2026 :host([disabled]) {	1712 :host([disabled]) {

2027 cursor: auto;	1713 cursor: auto;

2028 color: var(--disabled-text-color);	1714 color: var(--disabled-text-color);

2029	1715

2030 @apply(--paper-menu-button-disabled);	1716 ;

2031 }	1717 }

2032	1718

2033 iron-dropdown {	1719 iron-dropdown {

2034 @apply(--paper-menu-button-dropdown);	1720 ;

2035 }	1721 }

2036	1722

2037 .dropdown-content {	1723 .dropdown-content {

2038 @apply(--shadow-elevation-2dp);	1724 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

2039	1725

2040 position: relative;	1726 position: relative;

2041 border-radius: 2px;	1727 border-radius: 2px;

2042 background-color: var(--paper-menu-button-dropdown-background, --primary -background-color);	1728 background-color: var(--paper-menu-button-dropdown-background,var(--prim ary-background-color));;

2043	1729

2044 @apply(--paper-menu-button-content);	1730 ;

2045 }	1731 }

2046	1732

2047 :host([vertical-align="top"]) .dropdown-content {	1733 :host([vertical-align="top"]) .dropdown-content {

2048 margin-bottom: 20px;	1734 margin-bottom: 20px;

2049 margin-top: -10px;	1735 margin-top: -10px;

2050 top: 10px;	1736 top: 10px;

2051 }	1737 }

2052	1738

2053 :host([vertical-align="bottom"]) .dropdown-content {	1739 :host([vertical-align="bottom"]) .dropdown-content {

2054 bottom: 10px;	1740 bottom: 10px;

2055 margin-bottom: -10px;	1741 margin-bottom: -10px;

2056 margin-top: 20px;	1742 margin-top: 20px;

2057 }	1743 }

2058 </style>	1744

	1745 </style>

2059	1746

2060 <div id="trigger" on-tap="toggle">	1747 <div id="trigger" on-tap="toggle">

2061 <content select=".dropdown-trigger"></content>	1748 <content select=".dropdown-trigger"></content>

2062 </div>	1749 </div>

2063	1750

2064 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon talAlign]]" vertical-align="[[verticalAlign]]" dynamic-align="[[dynamicAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" no -overlap="[[noOverlap]]" open-animation-config="[[openAnimationConfig]]" close-a nimation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focu s-target="[[_dropdownContent]]" allow-outside-scroll="[[allowOutsideScroll]]" re store-focus-on-close="[[restoreFocusOnClose]]" on-iron-overlay-canceled="__onIro nOverlayCanceled">	1751 <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizon talAlign]]" vertical-align="[[verticalAlign]]" dynamic-align="[[dynamicAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" no -overlap="[[noOverlap]]" open-animation-config="[[openAnimationConfig]]" close-a nimation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focu s-target="[[_dropdownContent]]" allow-outside-scroll="[[allowOutsideScroll]]" re store-focus-on-close="[[restoreFocusOnClose]]" on-iron-overlay-canceled="__onIro nOverlayCanceled">

2065 <div class="dropdown-content">	1752 <div class="dropdown-content">

2066 <content id="content" select=".dropdown-content"></content>	1753 <content id="content" select=".dropdown-content"></content>

2067 </div>	1754 </div>

2068 </iron-dropdown>	1755 </iron-dropdown>

2069 </template>	1756 </template>

2070	1757

2071 </dom-module>	1758 </dom-module>

2072 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/">	1759 <dom-module id="paper-icon-button" assetpath="chrome://resources/polymer/v1_0/pa per-icon-button/" css-build="shadow">

2073 <template strip-whitespace="">	1760 <template strip-whitespace="">

2074 <style>	1761 <style scope="paper-icon-button">:host {

2075 :host {	1762 display: inline-block;

2076 display: inline-block;

2077 position: relative;	1763 position: relative;

2078 padding: 8px;	1764 padding: 8px;

2079 outline: none;	1765 outline: none;

2080 -webkit-user-select: none;	1766 -webkit-user-select: none;

2081 -moz-user-select: none;	1767 -moz-user-select: none;

2082 -ms-user-select: none;	1768 -ms-user-select: none;

2083 user-select: none;	1769 user-select: none;

2084 cursor: pointer;	1770 cursor: pointer;

2085 z-index: 0;	1771 z-index: 0;

2086 line-height: 1;	1772 line-height: 1;

2087	1773

2088 width: 40px;	1774 width: 40px;

2089 height: 40px;	1775 height: 40px;

2090	1776

2091 /* NOTE: Both values are needed, since some phones require the value to be `transparent`. */	1777

2092 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);	1778 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

2093 -webkit-tap-highlight-color: transparent;	1779 -webkit-tap-highlight-color: transparent;

2094	1780

2095 /* Because of polymer/2558, this style has lower specificity than * */	1781

2096 box-sizing: border-box !important;	1782 box-sizing: border-box !important;

2097	1783

2098 @apply(--paper-icon-button);	1784 height: var(--paper-icon-button_-_height, 40px); padding: var(--paper-ic on-button_-_padding, 8px); width: var(--paper-icon-button_-_width, 40px);

2099 }	1785 }

2100	1786

2101 :host #ink {	1787 :host #ink {

2102 color: var(--paper-icon-button-ink-color, --primary-text-color);	1788 color: var(--paper-icon-button-ink-color,var(--primary-text-color));;

2103 opacity: 0.6;	1789 opacity: 0.6;

2104 }	1790 }

2105	1791

2106 :host([disabled]) {	1792 :host([disabled]) {

2107 color: var(--paper-icon-button-disabled-text, --disabled-text-color);	1793 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));;

2108 pointer-events: none;	1794 pointer-events: none;

2109 cursor: auto;	1795 cursor: auto;

2110	1796

2111 @apply(--paper-icon-button-disabled);	1797 ;

2112 }	1798 }

2113	1799

2114 :host(:hover) {	1800 :host(:hover) {

2115 @apply(--paper-icon-button-hover);	1801 ;

2116 }	1802 }

2117	1803

2118 iron-icon {	1804 iron-icon {

2119 --iron-icon-width: 100%;	1805 --iron-icon-width: 100%;

2120 --iron-icon-height: 100%;	1806 --iron-icon-height: 100%;

2121 }	1807 }

2122 </style>	1808

	1809 </style>

2123	1810

2124 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>	1811 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>

2125 </template>	1812 </template>

2126	1813

2127 </dom-module>	1814 </dom-module>

2128 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/">	1815 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow">

2129 <template>	1816 <template>

2130 <style>	1817 <style scope="iron-a11y-announcer">:host {

2131 :host {	1818 display: inline-block;

2132 display: inline-block;

2133 position: fixed;	1819 position: fixed;

2134 clip: rect(0px,0px,0px,0px);	1820 clip: rect(0px,0px,0px,0px);

2135 }	1821 }

2136 </style>	1822

	1823 </style>

2137 <div aria-live$="[[mode]]">[[_text]]</div>	1824 <div aria-live$="[[mode]]">[[_text]]</div>

2138 </template>	1825 </template>

2139	1826

2140 </dom-module>	1827 </dom-module>

2141 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/">	1828 <dom-module id="paper-input-container" assetpath="chrome://resources/polymer/v1_ 0/paper-input/" css-build="shadow">

2142 <template>	1829 <template>

2143 <style>	1830 <style scope="paper-input-container">:host {

2144 :host {	1831 display: block;

2145 display: block;

2146 padding: 8px 0;	1832 padding: 8px 0;

2147	1833

2148 @apply(--paper-input-container);	1834 ;

2149 }	1835 }

2150	1836

2151 :host([inline]) {	1837 :host([inline]) {

2152 display: inline-block;	1838 display: inline-block;

2153 }	1839 }

2154	1840

2155 :host([disabled]) {	1841 :host([disabled]) {

2156 pointer-events: none;	1842 pointer-events: none;

2157 opacity: 0.33;	1843 opacity: 0.33;

2158	1844

2159 @apply(--paper-input-container-disabled);	1845 ;

2160 }	1846 }

2161	1847

2162 :host([hidden]) {	1848 :host([hidden]) {

2163 display: none !important;	1849 display: none !important;

2164 }	1850 }

2165	1851

2166 .floated-label-placeholder {	1852 .floated-label-placeholder {

2167 @apply(--paper-font-caption);	1853 font-family: var(--paper-font-caption_-_font-family); -webkit-font-smoothing: var(--paper-font-caption_-_-webkit-font-smoothing); white-space: var(--paper-fon t-caption_-_white-space); overflow: var(--paper-font-caption_-_overflow); text-o verflow: var(--paper-font-caption_-_text-overflow); font-size: var(--paper-font- caption_-_font-size); font-weight: var(--paper-font-caption_-_font-weight); lett er-spacing: var(--paper-font-caption_-_letter-spacing); line-height: var(--paper -font-caption_-_line-height);

2168 }	1854 }

2169	1855

2170 .underline {	1856 .underline {

2171 position: relative;	1857 position: relative;

2172 }	1858 }

2173	1859

2174 .focused-line {	1860 .focused-line {

2175 @apply(--layout-fit);	1861 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

2176	1862

2177 background: var(--paper-input-container-focus-color, --primary-color);	1863 background: var(--paper-input-container-focus-color,var(--primary-color) );;

2178 height: 2px;	1864 height: 2px;

2179	1865

2180 -webkit-transform-origin: center center;	1866 -webkit-transform-origin: center center;

2181 transform-origin: center center;	1867 transform-origin: center center;

2182 -webkit-transform: scale3d(0,1,1);	1868 -webkit-transform: scale3d(0,1,1);

2183 transform: scale3d(0,1,1);	1869 transform: scale3d(0,1,1);

2184	1870

2185 @apply(--paper-input-container-underline-focus);	1871 display: var(--paper-input-container-underline-focus_-_display);

2186 }	1872 }

2187	1873

2188 .underline.is-highlighted .focused-line {	1874 .underline.is-highlighted .focused-line {

	1875 -webkit-transform: none;

	1876 transform: none;

	1877 -webkit-transition: -webkit-transform 0.25s;

	1878 transition: transform 0.25s;

	1879

	1880 ;

	1881 }

	1882

	1883 .underline.is-invalid .focused-line {

	1884 background: var(--paper-input-container-invalid-color,var(--error-color));;

2189 -webkit-transform: none;	1885 -webkit-transform: none;

2190 transform: none;	1886 transform: none;

2191 -webkit-transition: -webkit-transform 0.25s;	1887 -webkit-transition: -webkit-transform 0.25s;

2192 transition: transform 0.25s;	1888 transition: transform 0.25s;

2193	1889

2194 @apply(--paper-transition-easing);	1890 ;

2195 }	1891 }

2196	1892

2197 .underline.is-invalid .focused-line {	1893 .unfocused-line {

2198 background: var(--paper-input-container-invalid-color, --error-color);	1894 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout -fit_-_left);

2199 -webkit-transform: none;	1895

2200 transform: none;	1896 background: var(--paper-input-container-color,var(--secondary-text-color ));;

2201 -webkit-transition: -webkit-transform 0.25s;

2202 transition: transform 0.25s;

2203

2204 @apply(--paper-transition-easing);

2205 }

2206

2207 .unfocused-line {

2208 @apply(--layout-fit);

2209

2210 background: var(--paper-input-container-color, --secondary-text-color);

2211 height: 1px;	1897 height: 1px;

2212	1898

2213 @apply(--paper-input-container-underline);	1899 display: var(--paper-input-container-underline_-_display);

2214 }	1900 }

2215	1901

2216 :host([disabled]) .unfocused-line {	1902 :host([disabled]) .unfocused-line {

2217 border-bottom: 1px dashed;	1903 border-bottom: 1px dashed;

2218 border-color: var(--paper-input-container-color, --secondary-text-color) ;	1904 border-color: var(--paper-input-container-color,var(--secondary-text-col or));;

2219 background: transparent;	1905 background: transparent;

2220	1906

2221 @apply(--paper-input-container-underline-disabled);	1907 ;

2222 }	1908 }

2223	1909

2224 .label-and-input-container {	1910 .label-and-input-container {

2225 @apply(--layout-flex-auto);	1911 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex- auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);

2226 @apply(--layout-relative);	1912 position: var(--layout-relative_-_position);

2227	1913

2228 width: 100%;	1914 width: 100%;

2229 max-width: 100%;	1915 max-width: 100%;

2230 }	1916 }

2231	1917

2232 .input-content {	1918 .input-content {

2233 @apply(--layout-horizontal);	1919 display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout- horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizonta l_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-dire ction);

2234 @apply(--layout-center);	1920 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center _-_align-items);

2235	1921

2236 position: relative;	1922 position: relative;

2237 }	1923 }

2238	1924

2239 .input-content ::content label,	1925 .input-content ::content label, .input-content ::content .paper-input-label {

2240 .input-content ::content .paper-input-label {	1926 position: absolute;

2241 position: absolute;

2242 top: 0;	1927 top: 0;

2243 right: 0;	1928 right: 0;

2244 left: 0;	1929 left: 0;

2245 width: 100%;	1930 width: 100%;

2246 font: inherit;	1931 font: inherit;

2247 color: var(--paper-input-container-color, --secondary-text-color);	1932 color: var(--paper-input-container-color,var(--secondary-text-color));;

2248 -webkit-transition: -webkit-transform 0.25s, width 0.25s;	1933 -webkit-transition: -webkit-transform 0.25s, width 0.25s;

2249 transition: transform 0.25s, width 0.25s;	1934 transition: transform 0.25s, width 0.25s;

2250 -webkit-transform-origin: left top;	1935 -webkit-transform-origin: left top;

2251 transform-origin: left top;	1936 transform-origin: left top;

2252	1937

2253 @apply(--paper-font-common-nowrap);	1938 white-space: var(--paper-font-common-nowrap_-_white-space); overflow: va r(--paper-font-common-nowrap_-_overflow); text-overflow: var(--paper-font-common -nowrap_-_text-overflow);

2254 @apply(--paper-font-subhead);	1939 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoot hing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper -font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight) ; line-height: var(--paper-font-subhead_-_line-height);

2255 @apply(--paper-input-container-label);	1940 color: var(--paper-input-container-label_-_color, var(--paper-input-cont ainer-color,var(--secondary-text-color))); font-size: var(--paper-input-containe r-label_-_font-size, var(--paper-font-subhead_-_font-size));

2256 @apply(--paper-transition-easing);	1941 ;

2257 }	1942 }

2258	1943

2259 .input-content.label-is-floating ::content label,	1944 .input-content.label-is-floating ::content label, .input-content.label-is-floati ng ::content .paper-input-label {

2260 .input-content.label-is-floating ::content .paper-input-label {	1945 -webkit-transform: translateY(-75%) scale(0.75);

2261 -webkit-transform: translateY(-75%) scale(0.75);

2262 transform: translateY(-75%) scale(0.75);	1946 transform: translateY(-75%) scale(0.75);

2263	1947

2264 /* Since we scale to 75/100 of the size, we actually have 100/75 of the	1948

2265 original space now available */

2266 width: 133%;	1949 width: 133%;

2267	1950

2268 @apply(--paper-input-container-label-floating);	1951 ;

2269 }	1952 }

2270	1953

2271 :host-context([dir="rtl"]) .input-content.label-is-floating ::content labe l,	1954 :host-context([dir="rtl"]) .input-content.label-is-floating ::content label, :ho st-context([dir="rtl"]) .input-content.label-is-floating ::content .paper-input- label {

2272 :host-context([dir="rtl"]) .input-content.label-is-floating ::content .pap er-input-label {	1955 width: 100%;

2273 /* TODO(noms): Figure out why leaving the width at 133% before the anima tion

2274 * actually makes

2275 * it wider on the right side, not left side, as you would expect in RTL */

2276 width: 100%;

2277 -webkit-transform-origin: right top;	1956 -webkit-transform-origin: right top;

2278 transform-origin: right top;	1957 transform-origin: right top;

2279 }	1958 }

2280	1959

2281 .input-content.label-is-highlighted ::content label,	1960 .input-content.label-is-highlighted ::content label, .input-content.label-is-hig hlighted ::content .paper-input-label {

2282 .input-content.label-is-highlighted ::content .paper-input-label {	1961 color: var(--paper-input-container-focus-color,var(--primary-color));;

2283 color: var(--paper-input-container-focus-color, --primary-color);	1962

2284	1963 ;

2285 @apply(--paper-input-container-label-focus);	1964 }

2286 }	1965

2287	1966 .input-content.is-invalid ::content label, .input-content.is-invalid ::content . paper-input-label {

2288 .input-content.is-invalid ::content label,	1967 color: var(--paper-input-container-invalid-color,var(--error-color));;

2289 .input-content.is-invalid ::content .paper-input-label {	1968 }

2290 color: var(--paper-input-container-invalid-color, --error-color);	1969

2291 }	1970 .input-content.label-is-hidden ::content label, .input-content.label-is-hidden : :content .paper-input-label {

2292	1971 visibility: hidden;

2293 .input-content.label-is-hidden ::content label,	1972 }

2294 .input-content.label-is-hidden ::content .paper-input-label {	1973

2295 visibility: hidden;	1974 .input-content ::content input, .input-content ::content textarea, .input-conten t ::content iron-autogrow-textarea, .input-content ::content .paper-input-input {

2296 }	1975 position: relative;

2297

2298 .input-content ::content input,

2299 .input-content ::content textarea,

2300 .input-content ::content iron-autogrow-textarea,

2301 .input-content ::content .paper-input-input {

2302 position: relative; /* to make a stacking context */

2303 outline: none;	1976 outline: none;

2304 box-shadow: none;	1977 box-shadow: none;

2305 padding: 0;	1978 padding: 0;

2306 width: 100%;	1979 width: 100%;

2307 max-width: 100%;	1980 max-width: 100%;

2308 background: transparent;	1981 background: transparent;

2309 border: none;	1982 border: none;

2310 color: var(--paper-input-container-input-color, --primary-text-color);	1983 color: var(--paper-input-container-input-color,var(--primary-text-color) );;

2311 -webkit-appearance: none;	1984 -webkit-appearance: none;

2312 text-align: inherit;	1985 text-align: inherit;

2313	1986

2314 @apply(--paper-font-subhead);	1987 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoot hing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper -font-subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight) ; line-height: var(--paper-font-subhead_-_line-height);

2315 @apply(--paper-input-container-input);	1988 ;

2316 }	1989 }

2317	1990

2318 ::content [prefix] {	1991 ::content [prefix] {

2319 @apply(--paper-font-subhead);	1992 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);

2320	1993

2321 @apply(--paper-input-prefix);	1994 ;

2322 @apply(--layout-flex-none);	1995 -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout -flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex);

2323 }	1996 }

2324	1997

2325 ::content [suffix] {	1998 ::content [suffix] {

2326 @apply(--paper-font-subhead);	1999 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);

2327	2000

2328 @apply(--paper-input-suffix);	2001 ;

2329 @apply(--layout-flex-none);	2002 -ms-flex: var(--layout-flex-none_-_-ms-flex); -webkit-flex: var(--layout -flex-none_-_-webkit-flex); flex: var(--layout-flex-none_-_flex);

2330 }	2003 }

2331	2004

2332 /* Firefox sets a min-width on the input, which can cause layout issues */	2005 .input-content ::content input {

2333 .input-content ::content input {	2006 min-width: 0;

2334 min-width: 0;	2007 }

2335 }	2008

2336	2009 .input-content ::content textarea {

2337 .input-content ::content textarea {	2010 resize: none;

2338 resize: none;	2011 }

2339 }	2012

2340	2013 .add-on-content {

2341 .add-on-content {	2014 position: relative;

2342 position: relative;	2015 }

2343 }	2016

2344	2017 .add-on-content.is-invalid ::content * {

2345 .add-on-content.is-invalid ::content * {	2018 color: var(--paper-input-container-invalid-color,var(--error-color));;

2346 color: var(--paper-input-container-invalid-color, --error-color);	2019 }

2347 }	2020

2348	2021 .add-on-content.is-highlighted ::content * {

2349 .add-on-content.is-highlighted ::content * {	2022 color: var(--paper-input-container-focus-color,var(--primary-color));;

2350 color: var(--paper-input-container-focus-color, --primary-color);	2023 }

2351 }	2024

2352 </style>	2025 </style>

2353	2026

2354 <template is="dom-if" if="[[!noLabelFloat]]">	2027 <template is="dom-if" if="[[!noLabelFloat]]">

2355 <div class="floated-label-placeholder" aria-hidden="true"> </div>	2028 <div class="floated-label-placeholder" aria-hidden="true"> </div>

2356 </template>	2029 </template>

2357	2030

2358 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]">	2031 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus ed,invalid,_inputHasContent)]]">

2359 <content select="[prefix]" id="prefix"></content>	2032 <content select="[prefix]" id="prefix"></content>

2360	2033

2361 <div class="label-and-input-container" id="labelAndInputContainer">	2034 <div class="label-and-input-container" id="labelAndInputContainer">

2362 <content select=":not([add-on]):not([prefix]):not([suffix])"></content>	2035 <content select=":not([add-on]):not([prefix]):not([suffix])"></content>

2363 </div>	2036 </div>

2364	2037

2365 <content select="[suffix]"></content>	2038 <content select="[suffix]"></content>

2366 </div>	2039 </div>

2367	2040

2368 <div class$="[[_computeUnderlineClass(focused,invalid)]]">	2041 <div class$="[[_computeUnderlineClass(focused,invalid)]]">

2369 <div class="unfocused-line"></div>	2042 <div class="unfocused-line"></div>

2370 <div class="focused-line"></div>	2043 <div class="focused-line"></div>

2371 </div>	2044 </div>

2372	2045

2373 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">	2046 <div class$="[[_computeAddOnContentClass(focused,invalid)]]">

2374 <content id="addOnContent" select="[add-on]"></content>	2047 <content id="addOnContent" select="[add-on]"></content>

2375 </div>	2048 </div>

2376 </template>	2049 </template>

2377 </dom-module>	2050 </dom-module>

2378	2051

2379 <dom-module id="paper-spinner-styles" assetpath="chrome://resources/polymer/v1_0 /paper-spinner/">	2052 <dom-module id="paper-spinner-styles" assetpath="chrome://resources/polymer/v1_0 /paper-spinner/" css-build="shadow">

2380 <template>	2053 <template>

2381 <style>	2054 <style scope="paper-spinner-styles">:host {

2382 /*	2055 display: inline-block;

2383 /**************************/

2384 /* STYLES FOR THE SPINNER */

2385 /**************************/

2386

2387 /*

2388 * Constants:

2389 * ARCSIZE = 270 degrees (amount of circle the arc takes up)

2390 * ARCTIME = 1333ms (time it takes to expand and contract arc)

2391 * ARCSTARTROT = 216 degrees (how much the start location of the arc

2392 * should rotate each time, 216 gives us a

2393 * 5 pointed star shape (it's 360/5 * 3).

2394 * For a 7 pointed star, we might do

2395 * 360/7 * 3 = 154.286)

2396 * SHRINK_TIME = 400ms

2397 */

2398

2399 :host {

2400 display: inline-block;

2401 position: relative;	2056 position: relative;

2402 width: 28px;	2057 width: 28px;

2403 height: 28px;	2058 height: 28px;

2404	2059

2405 /* 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */	2060

2406 --paper-spinner-container-rotation-duration: 1568ms;	2061 --paper-spinner-container-rotation-duration: 1568ms;

2407	2062

2408 /* ARCTIME */	2063

2409 --paper-spinner-expand-contract-duration: 1333ms;	2064 --paper-spinner-expand-contract-duration: 1333ms;

2410	2065

2411 /* 4 * ARCTIME */	2066

2412 --paper-spinner-full-cycle-duration: 5332ms;	2067 --paper-spinner-full-cycle-duration: 5332ms;

2413	2068

2414 /* SHRINK_TIME */	2069

2415 --paper-spinner-cooldown-duration: 400ms;	2070 --paper-spinner-cooldown-duration: 400ms;

2416 }	2071 }

2417	2072

2418 #spinnerContainer {	2073 #spinnerContainer {

2419 width: 100%;	2074 width: 100%;

2420 height: 100%;	2075 height: 100%;

2421	2076

2422 /* The spinner does not have any contents that would have to be	2077

2423 * flipped if the direction changes. Always use ltr so that the

2424 * style works out correctly in both cases. */

2425 direction: ltr;	2078 direction: ltr;

2426 }	2079 }

2427	2080

2428 #spinnerContainer.active {	2081 #spinnerContainer.active {

2429 -webkit-animation: container-rotate var(--paper-spinner-container-rotati on-duration) linear infinite;	2082 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite;

2430 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite;	2083 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite;

2431 }	2084 }

2432	2085

2433 @-webkit-keyframes container-rotate {	2086 @-webkit-keyframes container-rotate {

2434 to { -webkit-transform: rotate(360deg) }	2087 to {

2435 }	2088 -webkit-transform: rotate(360deg)

2436	2089 }

2437 @keyframes container-rotate {	2090

2438 to { transform: rotate(360deg) }	2091 }

2439 }	2092

2440	2093 @keyframes container-rotate {

2441 .spinner-layer {	2094 to {

2442 position: absolute;	2095 transform: rotate(360deg)

	2096 }

	2097

	2098 }

	2099

	2100 .spinner-layer {

	2101 position: absolute;

2443 width: 100%;	2102 width: 100%;

2444 height: 100%;	2103 height: 100%;

2445 opacity: 0;	2104 opacity: 0;

2446 white-space: nowrap;	2105 white-space: nowrap;

2447 border-color: var(--paper-spinner-color, --google-blue-500);	2106 border-color: var(--paper-spinner-color,var(--google-blue-500));;

2448 }	2107 }

2449	2108

2450 .layer-1 {	2109 .layer-1 {

2451 border-color: var(--paper-spinner-layer-1-color, --google-blue-500);	2110 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));;

2452 }	2111 }

2453	2112

2454 .layer-2 {	2113 .layer-2 {

2455 border-color: var(--paper-spinner-layer-2-color, --google-red-500);	2114 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));;

2456 }	2115 }

2457	2116

2458 .layer-3 {	2117 .layer-3 {

2459 border-color: var(--paper-spinner-layer-3-color, --google-yellow-500);	2118 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));;

2460 }	2119 }

2461	2120

2462 .layer-4 {	2121 .layer-4 {

2463 border-color: var(--paper-spinner-layer-4-color, --google-green-500);	2122 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));;

2464 }	2123 }

2465	2124

2466 /**	2125 .active .spinner-layer {

2467 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):	2126 -webkit-animation-name: fill-unfill-rotate;

2468 *

2469 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very wel l - it doesn't

2470 * guarantee that the animation will start _exactly_ after that value. So we avoid using

2471 * animation-delay and instead set custom keyframes for each color (as lay er-2undant as it

2472 * seems).

2473 */

2474 .active .spinner-layer {

2475 -webkit-animation-name: fill-unfill-rotate;

2476 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);	2127 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);

2477 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);	2128 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

2478 -webkit-animation-iteration-count: infinite;	2129 -webkit-animation-iteration-count: infinite;

2479 animation-name: fill-unfill-rotate;	2130 animation-name: fill-unfill-rotate;

2480 animation-duration: var(--paper-spinner-full-cycle-duration);	2131 animation-duration: var(--paper-spinner-full-cycle-duration);

2481 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);	2132 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

2482 animation-iteration-count: infinite;	2133 animation-iteration-count: infinite;

2483 opacity: 1;	2134 opacity: 1;

2484 }	2135 }

2485	2136

2486 .active .spinner-layer.layer-1 {	2137 .active .spinner-layer.layer-1 {

2487 -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;	2138 -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;

2488 animation-name: fill-unfill-rotate, layer-1-fade-in-out;	2139 animation-name: fill-unfill-rotate, layer-1-fade-in-out;

2489 }	2140 }

2490	2141

2491 .active .spinner-layer.layer-2 {	2142 .active .spinner-layer.layer-2 {

2492 -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;	2143 -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;

2493 animation-name: fill-unfill-rotate, layer-2-fade-in-out;	2144 animation-name: fill-unfill-rotate, layer-2-fade-in-out;

2494 }	2145 }

2495	2146

2496 .active .spinner-layer.layer-3 {	2147 .active .spinner-layer.layer-3 {

2497 -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;	2148 -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;

2498 animation-name: fill-unfill-rotate, layer-3-fade-in-out;	2149 animation-name: fill-unfill-rotate, layer-3-fade-in-out;

2499 }	2150 }

2500	2151

2501 .active .spinner-layer.layer-4 {	2152 .active .spinner-layer.layer-4 {

2502 -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;	2153 -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;

2503 animation-name: fill-unfill-rotate, layer-4-fade-in-out;	2154 animation-name: fill-unfill-rotate, layer-4-fade-in-out;

2504 }	2155 }

2505	2156

2506 @-webkit-keyframes fill-unfill-rotate {	2157 @-webkit-keyframes fill-unfill-rotate {

2507 12.5% { -webkit-transform: rotate(135deg) } /* 0.5 * ARCSIZE */	2158 12.5% {

2508 25% { -webkit-transform: rotate(270deg) } /* 1 * ARCSIZE */	2159 -webkit-transform: rotate(135deg)

2509 37.5% { -webkit-transform: rotate(405deg) } /* 1.5 * ARCSIZE */	2160 }

2510 50% { -webkit-transform: rotate(540deg) } /* 2 * ARCSIZE */	2161

2511 62.5% { -webkit-transform: rotate(675deg) } /* 2.5 * ARCSIZE */	2162 25% {

2512 75% { -webkit-transform: rotate(810deg) } /* 3 * ARCSIZE */	2163 -webkit-transform: rotate(270deg)

2513 87.5% { -webkit-transform: rotate(945deg) } /* 3.5 * ARCSIZE */	2164 }

2514 to { -webkit-transform: rotate(1080deg) } /* 4 * ARCSIZE */	2165

2515 }	2166 37.5% {

2516	2167 -webkit-transform: rotate(405deg)

2517 @keyframes fill-unfill-rotate {	2168 }

2518 12.5% { transform: rotate(135deg) } /* 0.5 * ARCSIZE */	2169

2519 25% { transform: rotate(270deg) } /* 1 * ARCSIZE */	2170 50% {

2520 37.5% { transform: rotate(405deg) } /* 1.5 * ARCSIZE */	2171 -webkit-transform: rotate(540deg)

2521 50% { transform: rotate(540deg) } /* 2 * ARCSIZE */	2172 }

2522 62.5% { transform: rotate(675deg) } /* 2.5 * ARCSIZE */	2173

2523 75% { transform: rotate(810deg) } /* 3 * ARCSIZE */	2174 62.5% {

2524 87.5% { transform: rotate(945deg) } /* 3.5 * ARCSIZE */	2175 -webkit-transform: rotate(675deg)

2525 to { transform: rotate(1080deg) } /* 4 * ARCSIZE */	2176 }

2526 }	2177

2527	2178 75% {

2528 @-webkit-keyframes layer-1-fade-in-out {	2179 -webkit-transform: rotate(810deg)

2529 0% { opacity: 1 }	2180 }

2530 25% { opacity: 1 }	2181

2531 26% { opacity: 0 }	2182 87.5% {

2532 89% { opacity: 0 }	2183 -webkit-transform: rotate(945deg)

2533 90% { opacity: 1 }	2184 }

2534 to { opacity: 1 }	2185

2535 }	2186 to {

2536	2187 -webkit-transform: rotate(1080deg)

2537 @keyframes layer-1-fade-in-out {	2188 }

2538 0% { opacity: 1 }	2189

2539 25% { opacity: 1 }	2190 }

2540 26% { opacity: 0 }	2191

2541 89% { opacity: 0 }	2192 @keyframes fill-unfill-rotate {

2542 90% { opacity: 1 }	2193 12.5% {

2543 to { opacity: 1 }	2194 transform: rotate(135deg)

2544 }	2195 }

2545	2196

2546 @-webkit-keyframes layer-2-fade-in-out {	2197 25% {

2547 0% { opacity: 0 }	2198 transform: rotate(270deg)

2548 15% { opacity: 0 }	2199 }

2549 25% { opacity: 1 }	2200

2550 50% { opacity: 1 }	2201 37.5% {

2551 51% { opacity: 0 }	2202 transform: rotate(405deg)

2552 to { opacity: 0 }	2203 }

2553 }	2204

2554	2205 50% {

2555 @keyframes layer-2-fade-in-out {	2206 transform: rotate(540deg)

2556 0% { opacity: 0 }	2207 }

2557 15% { opacity: 0 }	2208

2558 25% { opacity: 1 }	2209 62.5% {

2559 50% { opacity: 1 }	2210 transform: rotate(675deg)

2560 51% { opacity: 0 }	2211 }

2561 to { opacity: 0 }	2212

2562 }	2213 75% {

2563	2214 transform: rotate(810deg)

2564 @-webkit-keyframes layer-3-fade-in-out {	2215 }

2565 0% { opacity: 0 }	2216

2566 40% { opacity: 0 }	2217 87.5% {

2567 50% { opacity: 1 }	2218 transform: rotate(945deg)

2568 75% { opacity: 1 }	2219 }

2569 76% { opacity: 0 }	2220

2570 to { opacity: 0 }	2221 to {

2571 }	2222 transform: rotate(1080deg)

2572	2223 }

2573 @keyframes layer-3-fade-in-out {	2224

2574 0% { opacity: 0 }	2225 }

2575 40% { opacity: 0 }	2226

2576 50% { opacity: 1 }	2227 @-webkit-keyframes layer-1-fade-in-out {

2577 75% { opacity: 1 }	2228 0% {

2578 76% { opacity: 0 }	2229 opacity: 1

2579 to { opacity: 0 }	2230 }

2580 }	2231

2581	2232 25% {

2582 @-webkit-keyframes layer-4-fade-in-out {	2233 opacity: 1

2583 0% { opacity: 0 }	2234 }

2584 65% { opacity: 0 }	2235

2585 75% { opacity: 1 }	2236 26% {

2586 90% { opacity: 1 }	2237 opacity: 0

2587 to { opacity: 0 }	2238 }

2588 }	2239

2589	2240 89% {

2590 @keyframes layer-4-fade-in-out {	2241 opacity: 0

2591 0% { opacity: 0 }	2242 }

2592 65% { opacity: 0 }	2243

2593 75% { opacity: 1 }	2244 90% {

2594 90% { opacity: 1 }	2245 opacity: 1

2595 to { opacity: 0 }	2246 }

2596 }	2247

2597	2248 to {

2598 .circle-clipper {	2249 opacity: 1

2599 display: inline-block;	2250 }

	2251

	2252 }

	2253

	2254 @keyframes layer-1-fade-in-out {

	2255 0% {

	2256 opacity: 1

	2257 }

	2258

	2259 25% {

	2260 opacity: 1

	2261 }

	2262

	2263 26% {

	2264 opacity: 0

	2265 }

	2266

	2267 89% {

	2268 opacity: 0

	2269 }

	2270

	2271 90% {

	2272 opacity: 1

	2273 }

	2274

	2275 to {

	2276 opacity: 1

	2277 }

	2278

	2279 }

	2280

	2281 @-webkit-keyframes layer-2-fade-in-out {

	2282 0% {

	2283 opacity: 0

	2284 }

	2285

	2286 15% {

	2287 opacity: 0

	2288 }

	2289

	2290 25% {

	2291 opacity: 1

	2292 }

	2293

	2294 50% {

	2295 opacity: 1

	2296 }

	2297

	2298 51% {

	2299 opacity: 0

	2300 }

	2301

	2302 to {

	2303 opacity: 0

	2304 }

	2305

	2306 }

	2307

	2308 @keyframes layer-2-fade-in-out {

	2309 0% {

	2310 opacity: 0

	2311 }

	2312

	2313 15% {

	2314 opacity: 0

	2315 }

	2316

	2317 25% {

	2318 opacity: 1

	2319 }

	2320

	2321 50% {

	2322 opacity: 1

	2323 }

	2324

	2325 51% {

	2326 opacity: 0

	2327 }

	2328

	2329 to {

	2330 opacity: 0

	2331 }

	2332

	2333 }

	2334

	2335 @-webkit-keyframes layer-3-fade-in-out {

	2336 0% {

	2337 opacity: 0

	2338 }

	2339

	2340 40% {

	2341 opacity: 0

	2342 }

	2343

	2344 50% {

	2345 opacity: 1

	2346 }

	2347

	2348 75% {

	2349 opacity: 1

	2350 }

	2351

	2352 76% {

	2353 opacity: 0

	2354 }

	2355

	2356 to {

	2357 opacity: 0

	2358 }

	2359

	2360 }

	2361

	2362 @keyframes layer-3-fade-in-out {

	2363 0% {

	2364 opacity: 0

	2365 }

	2366

	2367 40% {

	2368 opacity: 0

	2369 }

	2370

	2371 50% {

	2372 opacity: 1

	2373 }

	2374

	2375 75% {

	2376 opacity: 1

	2377 }

	2378

	2379 76% {

	2380 opacity: 0

	2381 }

	2382

	2383 to {

	2384 opacity: 0

	2385 }

	2386

	2387 }

	2388

	2389 @-webkit-keyframes layer-4-fade-in-out {

	2390 0% {

	2391 opacity: 0

	2392 }

	2393

	2394 65% {

	2395 opacity: 0

	2396 }

	2397

	2398 75% {

	2399 opacity: 1

	2400 }

	2401

	2402 90% {

	2403 opacity: 1

	2404 }

	2405

	2406 to {

	2407 opacity: 0

	2408 }

	2409

	2410 }

	2411

	2412 @keyframes layer-4-fade-in-out {

	2413 0% {

	2414 opacity: 0

	2415 }

	2416

	2417 65% {

	2418 opacity: 0

	2419 }

	2420

	2421 75% {

	2422 opacity: 1

	2423 }

	2424

	2425 90% {

	2426 opacity: 1

	2427 }

	2428

	2429 to {

	2430 opacity: 0

	2431 }

	2432

	2433 }

	2434

	2435 .circle-clipper {

	2436 display: inline-block;

2600 position: relative;	2437 position: relative;

2601 width: 50%;	2438 width: 50%;

2602 height: 100%;	2439 height: 100%;

2603 overflow: hidden;	2440 overflow: hidden;

2604 border-color: inherit;	2441 border-color: inherit;

2605 }	2442 }

2606	2443

2607 /**	2444 .spinner-layer::after {

2608 * Patch the gap that appear between the two adjacent div.circle-clipper w hile the	2445 left: 45%;

2609 * spinner is rotating (appears on Chrome 50, Safari 9.1.1, and Edge).

2610 */

2611 .spinner-layer::after {

2612 left: 45%;

2613 width: 10%;	2446 width: 10%;

2614 border-top-style: solid;	2447 border-top-style: solid;

2615 }	2448 }

2616	2449

2617 .spinner-layer::after,	2450 .spinner-layer::after, .circle-clipper::after {

2618 .circle-clipper::after {	2451 content: '';

2619 content: '';

2620 box-sizing: border-box;	2452 box-sizing: border-box;

2621 position: absolute;	2453 position: absolute;

2622 top: 0;	2454 top: 0;

2623 border-width: var(--paper-spinner-stroke-width, 3px);	2455 border-width: var(--paper-spinner-stroke-width, 3px);

2624 border-color: inherit;	2456 border-color: inherit;

2625 border-radius: 50%;	2457 border-radius: 50%;

2626 }	2458 }

2627	2459

2628 .circle-clipper::after {	2460 .circle-clipper::after {

2629 bottom: 0;	2461 bottom: 0;

2630 width: 200%;	2462 width: 200%;

2631 border-style: solid;	2463 border-style: solid;

2632 border-bottom-color: transparent !important;	2464 border-bottom-color: transparent !important;

2633 }	2465 }

2634	2466

2635 .circle-clipper.left::after {	2467 .circle-clipper.left::after {

2636 left: 0;	2468 left: 0;

2637 border-right-color: transparent !important;	2469 border-right-color: transparent !important;

2638 -webkit-transform: rotate(129deg);	2470 -webkit-transform: rotate(129deg);

2639 transform: rotate(129deg);	2471 transform: rotate(129deg);

2640 }	2472 }

2641	2473

2642 .circle-clipper.right::after {	2474 .circle-clipper.right::after {

2643 left: -100%;	2475 left: -100%;

2644 border-left-color: transparent !important;	2476 border-left-color: transparent !important;

2645 -webkit-transform: rotate(-129deg);	2477 -webkit-transform: rotate(-129deg);

2646 transform: rotate(-129deg);	2478 transform: rotate(-129deg);

2647 }	2479 }

2648	2480

2649 .active .gap-patch::after,	2481 .active .gap-patch::after, .active .circle-clipper::after {

2650 .active .circle-clipper::after {	2482 -webkit-animation-duration: var(--paper-spinner-expand-contract-duration);

2651 -webkit-animation-duration: var(--paper-spinner-expand-contract-duration );

2652 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);	2483 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

2653 -webkit-animation-iteration-count: infinite;	2484 -webkit-animation-iteration-count: infinite;

2654 animation-duration: var(--paper-spinner-expand-contract-duration);	2485 animation-duration: var(--paper-spinner-expand-contract-duration);

2655 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);	2486 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

2656 animation-iteration-count: infinite;	2487 animation-iteration-count: infinite;

2657 }	2488 }

2658	2489

2659 .active .circle-clipper.left::after {	2490 .active .circle-clipper.left::after {

2660 -webkit-animation-name: left-spin;	2491 -webkit-animation-name: left-spin;

2661 animation-name: left-spin;	2492 animation-name: left-spin;

2662 }	2493 }

2663	2494

2664 .active .circle-clipper.right::after {	2495 .active .circle-clipper.right::after {

2665 -webkit-animation-name: right-spin;	2496 -webkit-animation-name: right-spin;

2666 animation-name: right-spin;	2497 animation-name: right-spin;

2667 }	2498 }

2668	2499

2669 @-webkit-keyframes left-spin {	2500 @-webkit-keyframes left-spin {

2670 0% { -webkit-transform: rotate(130deg) }	2501 0% {

2671 50% { -webkit-transform: rotate(-5deg) }	2502 -webkit-transform: rotate(130deg)

2672 to { -webkit-transform: rotate(130deg) }	2503 }

2673 }	2504

2674	2505 50% {

2675 @keyframes left-spin {	2506 -webkit-transform: rotate(-5deg)

2676 0% { transform: rotate(130deg) }	2507 }

2677 50% { transform: rotate(-5deg) }	2508

2678 to { transform: rotate(130deg) }	2509 to {

2679 }	2510 -webkit-transform: rotate(130deg)

2680	2511 }

2681 @-webkit-keyframes right-spin {	2512

2682 0% { -webkit-transform: rotate(-130deg) }	2513 }

2683 50% { -webkit-transform: rotate(5deg) }	2514

2684 to { -webkit-transform: rotate(-130deg) }	2515 @keyframes left-spin {

2685 }	2516 0% {

2686	2517 transform: rotate(130deg)

2687 @keyframes right-spin {	2518 }

2688 0% { transform: rotate(-130deg) }	2519

2689 50% { transform: rotate(5deg) }	2520 50% {

2690 to { transform: rotate(-130deg) }	2521 transform: rotate(-5deg)

2691 }	2522 }

2692	2523

2693 #spinnerContainer.cooldown {	2524 to {

2694 -webkit-animation: container-rotate var(--paper-spinner-container-rotati on-duration) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cu bic-bezier(0.4, 0.0, 0.2, 1);	2525 transform: rotate(130deg)

	2526 }

	2527

	2528 }

	2529

	2530 @-webkit-keyframes right-spin {

	2531 0% {

	2532 -webkit-transform: rotate(-130deg)

	2533 }

	2534

	2535 50% {

	2536 -webkit-transform: rotate(5deg)

	2537 }

	2538

	2539 to {

	2540 -webkit-transform: rotate(-130deg)

	2541 }

	2542

	2543 }

	2544

	2545 @keyframes right-spin {

	2546 0% {

	2547 transform: rotate(-130deg)

	2548 }

	2549

	2550 50% {

	2551 transform: rotate(5deg)

	2552 }

	2553

	2554 to {

	2555 transform: rotate(-130deg)

	2556 }

	2557

	2558 }

	2559

	2560 #spinnerContainer.cooldown {

	2561 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-be zier(0.4, 0.0, 0.2, 1);

2695 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezi er(0.4, 0.0, 0.2, 1);	2562 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezi er(0.4, 0.0, 0.2, 1);

2696 }	2563 }

2697	2564

2698 @-webkit-keyframes fade-out {	2565 @-webkit-keyframes fade-out {

2699 0% { opacity: 1 }	2566 0% {

2700 to { opacity: 0 }	2567 opacity: 1

2701 }	2568 }

2702	2569

2703 @keyframes fade-out {	2570 to {

2704 0% { opacity: 1 }	2571 opacity: 0

2705 to { opacity: 0 }	2572 }

2706 }	2573

2707 </style>	2574 }

	2575

	2576 @keyframes fade-out {

	2577 0% {

	2578 opacity: 1

	2579 }

	2580

	2581 to {

	2582 opacity: 0

	2583 }

	2584

	2585 }

	2586

	2587 </style>

2708 </template>	2588 </template>

2709 </dom-module>	2589 </dom-module>

2710	2590

2711	2591

2712 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/">	2592 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">

2713 <template strip-whitespace="">	2593 <template strip-whitespace="">

2714 <style include="paper-spinner-styles"></style>	2594 <style scope="paper-spinner-lite">:host {

	2595 display: inline-block;

	2596 position: relative;

	2597 width: 28px;

	2598 height: 28px;

	2599

	2600

	2601 --paper-spinner-container-rotation-duration: 1568ms;

	2602

	2603

	2604 --paper-spinner-expand-contract-duration: 1333ms;

	2605

	2606

	2607 --paper-spinner-full-cycle-duration: 5332ms;

	2608

	2609

	2610 --paper-spinner-cooldown-duration: 400ms;

	2611 }

	2612

	2613 #spinnerContainer {

	2614 width: 100%;

	2615 height: 100%;

	2616

	2617

	2618 direction: ltr;

	2619 }

	2620

	2621 #spinnerContainer.active {

	2622 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite;

	2623 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite;

	2624 }

	2625

	2626 @-webkit-keyframes container-rotate {

	2627 to {

	2628 -webkit-transform: rotate(360deg)

	2629 }

	2630

	2631 }

	2632

	2633 @keyframes container-rotate {

	2634 to {

	2635 transform: rotate(360deg)

	2636 }

	2637

	2638 }

	2639

	2640 .spinner-layer {

	2641 position: absolute;

	2642 width: 100%;

	2643 height: 100%;

	2644 opacity: 0;

	2645 white-space: nowrap;

	2646 border-color: var(--paper-spinner-color,var(--google-blue-500));;

	2647 }

	2648

	2649 .layer-1 {

	2650 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));;

	2651 }

	2652

	2653 .layer-2 {

	2654 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));;

	2655 }

	2656

	2657 .layer-3 {

	2658 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));;

	2659 }

	2660

	2661 .layer-4 {

	2662 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));;

	2663 }

	2664

	2665 .active .spinner-layer {

	2666 -webkit-animation-name: fill-unfill-rotate;

	2667 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);

	2668 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

	2669 -webkit-animation-iteration-count: infinite;

	2670 animation-name: fill-unfill-rotate;

	2671 animation-duration: var(--paper-spinner-full-cycle-duration);

	2672 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

	2673 animation-iteration-count: infinite;

	2674 opacity: 1;

	2675 }

	2676

	2677 .active .spinner-layer.layer-1 {

	2678 -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;

	2679 animation-name: fill-unfill-rotate, layer-1-fade-in-out;

	2680 }

	2681

	2682 .active .spinner-layer.layer-2 {

	2683 -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;

	2684 animation-name: fill-unfill-rotate, layer-2-fade-in-out;

	2685 }

	2686

	2687 .active .spinner-layer.layer-3 {

	2688 -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;

	2689 animation-name: fill-unfill-rotate, layer-3-fade-in-out;

	2690 }

	2691

	2692 .active .spinner-layer.layer-4 {

	2693 -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;

	2694 animation-name: fill-unfill-rotate, layer-4-fade-in-out;

	2695 }

	2696

	2697 @-webkit-keyframes fill-unfill-rotate {

	2698 12.5% {

	2699 -webkit-transform: rotate(135deg)

	2700 }

	2701

	2702 25% {

	2703 -webkit-transform: rotate(270deg)

	2704 }

	2705

	2706 37.5% {

	2707 -webkit-transform: rotate(405deg)

	2708 }

	2709

	2710 50% {

	2711 -webkit-transform: rotate(540deg)

	2712 }

	2713

	2714 62.5% {

	2715 -webkit-transform: rotate(675deg)

	2716 }

	2717

	2718 75% {

	2719 -webkit-transform: rotate(810deg)

	2720 }

	2721

	2722 87.5% {

	2723 -webkit-transform: rotate(945deg)

	2724 }

	2725

	2726 to {

	2727 -webkit-transform: rotate(1080deg)

	2728 }

	2729

	2730 }

	2731

	2732 @keyframes fill-unfill-rotate {

	2733 12.5% {

	2734 transform: rotate(135deg)

	2735 }

	2736

	2737 25% {

	2738 transform: rotate(270deg)

	2739 }

	2740

	2741 37.5% {

	2742 transform: rotate(405deg)

	2743 }

	2744

	2745 50% {

	2746 transform: rotate(540deg)

	2747 }

	2748

	2749 62.5% {

	2750 transform: rotate(675deg)

	2751 }

	2752

	2753 75% {

	2754 transform: rotate(810deg)

	2755 }

	2756

	2757 87.5% {

	2758 transform: rotate(945deg)

	2759 }

	2760

	2761 to {

	2762 transform: rotate(1080deg)

	2763 }

	2764

	2765 }

	2766

	2767 @-webkit-keyframes layer-1-fade-in-out {

	2768 0% {

	2769 opacity: 1

	2770 }

	2771

	2772 25% {

	2773 opacity: 1

	2774 }

	2775

	2776 26% {

	2777 opacity: 0

	2778 }

	2779

	2780 89% {

	2781 opacity: 0

	2782 }

	2783

	2784 90% {

	2785 opacity: 1

	2786 }

	2787

	2788 to {

	2789 opacity: 1

	2790 }

	2791

	2792 }

	2793

	2794 @keyframes layer-1-fade-in-out {

	2795 0% {

	2796 opacity: 1

	2797 }

	2798

	2799 25% {

	2800 opacity: 1

	2801 }

	2802

	2803 26% {

	2804 opacity: 0

	2805 }

	2806

	2807 89% {

	2808 opacity: 0

	2809 }

	2810

	2811 90% {

	2812 opacity: 1

	2813 }

	2814

	2815 to {

	2816 opacity: 1

	2817 }

	2818

	2819 }

	2820

	2821 @-webkit-keyframes layer-2-fade-in-out {

	2822 0% {

	2823 opacity: 0

	2824 }

	2825

	2826 15% {

	2827 opacity: 0

	2828 }

	2829

	2830 25% {

	2831 opacity: 1

	2832 }

	2833

	2834 50% {

	2835 opacity: 1

	2836 }

	2837

	2838 51% {

	2839 opacity: 0

	2840 }

	2841

	2842 to {

	2843 opacity: 0

	2844 }

	2845

	2846 }

	2847

	2848 @keyframes layer-2-fade-in-out {

	2849 0% {

	2850 opacity: 0

	2851 }

	2852

	2853 15% {

	2854 opacity: 0

	2855 }

	2856

	2857 25% {

	2858 opacity: 1

	2859 }

	2860

	2861 50% {

	2862 opacity: 1

	2863 }

	2864

	2865 51% {

	2866 opacity: 0

	2867 }

	2868

	2869 to {

	2870 opacity: 0

	2871 }

	2872

	2873 }

	2874

	2875 @-webkit-keyframes layer-3-fade-in-out {

	2876 0% {

	2877 opacity: 0

	2878 }

	2879

	2880 40% {

	2881 opacity: 0

	2882 }

	2883

	2884 50% {

	2885 opacity: 1

	2886 }

	2887

	2888 75% {

	2889 opacity: 1

	2890 }

	2891

	2892 76% {

	2893 opacity: 0

	2894 }

	2895

	2896 to {

	2897 opacity: 0

	2898 }

	2899

	2900 }

	2901

	2902 @keyframes layer-3-fade-in-out {

	2903 0% {

	2904 opacity: 0

	2905 }

	2906

	2907 40% {

	2908 opacity: 0

	2909 }

	2910

	2911 50% {

	2912 opacity: 1

	2913 }

	2914

	2915 75% {

	2916 opacity: 1

	2917 }

	2918

	2919 76% {

	2920 opacity: 0

	2921 }

	2922

	2923 to {

	2924 opacity: 0

	2925 }

	2926

	2927 }

	2928

	2929 @-webkit-keyframes layer-4-fade-in-out {

	2930 0% {

	2931 opacity: 0

	2932 }

	2933

	2934 65% {

	2935 opacity: 0

	2936 }

	2937

	2938 75% {

	2939 opacity: 1

	2940 }

	2941

	2942 90% {

	2943 opacity: 1

	2944 }

	2945

	2946 to {

	2947 opacity: 0

	2948 }

	2949

	2950 }

	2951

	2952 @keyframes layer-4-fade-in-out {

	2953 0% {

	2954 opacity: 0

	2955 }

	2956

	2957 65% {

	2958 opacity: 0

	2959 }

	2960

	2961 75% {

	2962 opacity: 1

	2963 }

	2964

	2965 90% {

	2966 opacity: 1

	2967 }

	2968

	2969 to {

	2970 opacity: 0

	2971 }

	2972

	2973 }

	2974

	2975 .circle-clipper {

	2976 display: inline-block;

	2977 position: relative;

	2978 width: 50%;

	2979 height: 100%;

	2980 overflow: hidden;

	2981 border-color: inherit;

	2982 }

	2983

	2984 .spinner-layer::after {

	2985 left: 45%;

	2986 width: 10%;

	2987 border-top-style: solid;

	2988 }

	2989

	2990 .spinner-layer::after, .circle-clipper::after {

	2991 content: '';

	2992 box-sizing: border-box;

	2993 position: absolute;

	2994 top: 0;

	2995 border-width: var(--paper-spinner-stroke-width, 3px);

	2996 border-color: inherit;

	2997 border-radius: 50%;

	2998 }

	2999

	3000 .circle-clipper::after {

	3001 bottom: 0;

	3002 width: 200%;

	3003 border-style: solid;

	3004 border-bottom-color: transparent !important;

	3005 }

	3006

	3007 .circle-clipper.left::after {

	3008 left: 0;

	3009 border-right-color: transparent !important;

	3010 -webkit-transform: rotate(129deg);

	3011 transform: rotate(129deg);

	3012 }

	3013

	3014 .circle-clipper.right::after {

	3015 left: -100%;

	3016 border-left-color: transparent !important;

	3017 -webkit-transform: rotate(-129deg);

	3018 transform: rotate(-129deg);

	3019 }

	3020

	3021 .active .gap-patch::after, .active .circle-clipper::after {

	3022 -webkit-animation-duration: var(--paper-spinner-expand-contract-duration);

	3023 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

	3024 -webkit-animation-iteration-count: infinite;

	3025 animation-duration: var(--paper-spinner-expand-contract-duration);

	3026 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

	3027 animation-iteration-count: infinite;

	3028 }

	3029

	3030 .active .circle-clipper.left::after {

	3031 -webkit-animation-name: left-spin;

	3032 animation-name: left-spin;

	3033 }

	3034

	3035 .active .circle-clipper.right::after {

	3036 -webkit-animation-name: right-spin;

	3037 animation-name: right-spin;

	3038 }

	3039

	3040 @-webkit-keyframes left-spin {

	3041 0% {

	3042 -webkit-transform: rotate(130deg)

	3043 }

	3044

	3045 50% {

	3046 -webkit-transform: rotate(-5deg)

	3047 }

	3048

	3049 to {

	3050 -webkit-transform: rotate(130deg)

	3051 }

	3052

	3053 }

	3054

	3055 @keyframes left-spin {

	3056 0% {

	3057 transform: rotate(130deg)

	3058 }

	3059

	3060 50% {

	3061 transform: rotate(-5deg)

	3062 }

	3063

	3064 to {

	3065 transform: rotate(130deg)

	3066 }

	3067

	3068 }

	3069

	3070 @-webkit-keyframes right-spin {

	3071 0% {

	3072 -webkit-transform: rotate(-130deg)

	3073 }

	3074

	3075 50% {

	3076 -webkit-transform: rotate(5deg)

	3077 }

	3078

	3079 to {

	3080 -webkit-transform: rotate(-130deg)

	3081 }

	3082

	3083 }

	3084

	3085 @keyframes right-spin {

	3086 0% {

	3087 transform: rotate(-130deg)

	3088 }

	3089

	3090 50% {

	3091 transform: rotate(5deg)

	3092 }

	3093

	3094 to {

	3095 transform: rotate(-130deg)

	3096 }

	3097

	3098 }

	3099

	3100 #spinnerContainer.cooldown {

	3101 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-be zier(0.4, 0.0, 0.2, 1);

	3102 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezi er(0.4, 0.0, 0.2, 1);

	3103 }

	3104

	3105 @-webkit-keyframes fade-out {

	3106 0% {

	3107 opacity: 1

	3108 }

	3109

	3110 to {

	3111 opacity: 0

	3112 }

	3113

	3114 }

	3115

	3116 @keyframes fade-out {

	3117 0% {

	3118 opacity: 1

	3119 }

	3120

	3121 to {

	3122 opacity: 0

	3123 }

	3124

	3125 }

	3126

	3127 </style>

2715	3128

2716 <div id="spinnerContainer" class-name="[[__computeContainerClasses(active, _ _coolingDown)]]">	3129 <div id="spinnerContainer" class-name="[[__computeContainerClasses(active, _ _coolingDown)]]">

2717 <div class="spinner-layer">	3130 <div class="spinner-layer">

2718 <div class="circle-clipper left"></div>	3131 <div class="circle-clipper left"></div>

2719 <div class="circle-clipper right"></div>	3132 <div class="circle-clipper right"></div>

2720 </div>	3133 </div>

2721 </div>	3134 </div>

2722 </template>	3135 </template>

2723	3136

2724 </dom-module>	3137 </dom-module>

(...skipping 21 matching lines...) Expand all Loading...
2746 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>	3159 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>

2747 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>	3160 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>

2748 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g>	3161 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g>

2749 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>	3162 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>

2750 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>	3163 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>

2751 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>	3164 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>

2752 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>	3165 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>

2753 </defs>	3166 </defs>

2754 </svg>	3167 </svg>

2755 </iron-iconset-svg>	3168 </iron-iconset-svg>

2756 <dom-module id="cr-toolbar-search-field" assetpath="chrome://resources/cr_elemen ts/cr_toolbar/">	3169 <dom-module id="cr-toolbar-search-field" assetpath="chrome://resources/cr_elemen ts/cr_toolbar/" css-build="shadow">

2757 <template>	3170 <template>

2758 <style>	3171 <style scope="cr-toolbar-search-field">:host {

2759 :host {	3172 align-items: center;

2760 align-items: center;

2761 display: flex;	3173 display: flex;

2762 height: 40px;	3174 height: 40px;

2763 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),	3175 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),

2764 width 150ms cubic-bezier(0.4, 0, 0.2, 1);	3176 width 150ms cubic-bezier(0.4, 0, 0.2, 1);

2765 width: 44px;	3177 width: 44px;

2766 }	3178 }

2767	3179

2768 [hidden] {	3180 [hidden] {

2769 display: none !important;	3181 display: none !important;

2770 }	3182 }

2771	3183

2772 paper-icon-button {	3184 paper-icon-button {

2773 height: 32px;	3185 height: 32px;

2774 margin: 6px;	3186 margin: 6px;

2775 min-width: 32px;	3187 min-width: 32px;

2776 padding: 6px;	3188 padding: 6px;

2777 width: 32px;	3189 width: 32px;

2778 }	3190 }

2779	3191

2780 #icon {	3192 #icon {

2781 --paper-icon-button-ink-color: white;	3193 --paper-icon-button-ink-color: white;

2782 transition: margin 150ms, opacity 200ms;	3194 transition: margin 150ms, opacity 200ms;

2783 }	3195 }

2784	3196

2785 #prompt {	3197 #prompt {

2786 opacity: 0;	3198 opacity: 0;

2787 }	3199 }

2788	3200

2789 paper-spinner-lite {	3201 paper-spinner-lite {

2790 --paper-spinner-color: white;	3202 --paper-spinner-color: white;

2791 height: 20px;	3203 height: 20px;

2792 margin: 0 6px;	3204 margin: 0 6px;

2793 opacity: 0;	3205 opacity: 0;

2794 padding: 6px;	3206 padding: 6px;

2795 position: absolute;	3207 position: absolute;

2796 width: 20px;	3208 width: 20px;

2797 }	3209 }

2798	3210

2799 paper-spinner-lite[active] {	3211 paper-spinner-lite[active] {

2800 opacity: 1;	3212 opacity: 1;

2801 }	3213 }

2802	3214

2803 #prompt,	3215 #prompt, paper-spinner-lite {

2804 paper-spinner-lite {	3216 transition: opacity 200ms;

2805 transition: opacity 200ms;	3217 }

2806 }

2807	3218

2808 paper-input-container {	3219 paper-input-container {

2809 --paper-input-container-input-color: white;	3220 --paper-input-container-input-color: white;

2810 --paper-input-container-underline: {	3221 --paper-input-container-underline_-_display: none;;

2811 display: none;	3222 --paper-input-container-underline-focus_-_display: none;;

2812 };	3223 --paper-input-container-label_-_color: apply-shim-inherit; --paper-input -container-label_-_font-size: apply-shim-inherit;;

2813 --paper-input-container-underline-focus: {

2814 display: none;

2815 };

2816 --paper-input-container-label: {

2817 color: inherit;

2818 font-size: inherit;

2819 };

2820 -webkit-padding-start: 2px;	3224 -webkit-padding-start: 2px;

2821 flex: 1;	3225 flex: 1;

2822 }	3226 }

2823	3227

2824 input[type='search']::-webkit-search-decoration,	3228 input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-s earch-cancel-button, input[type='search']::-webkit-search-results-button {

2825 input[type='search']::-webkit-search-cancel-button,	3229 -webkit-appearance: none;

2826 input[type='search']::-webkit-search-results-button {	3230 }

2827 -webkit-appearance: none;

2828 }

2829	3231

2830 /** Wide layout. */	3232 :host(:not([narrow])) {

2831 :host(:not([narrow])) {	3233 -webkit-padding-end: 0;

2832 -webkit-padding-end: 0;

2833 background: rgba(0, 0, 0, 0.22);	3234 background: rgba(0, 0, 0, 0.22);

2834 border-radius: 2px;	3235 border-radius: 2px;

2835 cursor: text;	3236 cursor: text;

2836 width: var(--cr-toolbar-field-width);	3237 width: var(--cr-toolbar-field-width);

2837 }	3238 }

2838	3239

2839 :host(:not([narrow]):not([showing-search])) #icon,	3240 :host(:not([narrow]):not([showing-search])) #icon, :host(:not([narrow])) #prompt {

2840 :host(:not([narrow])) #prompt {	3241 opacity: 0.6;

2841 opacity: 0.6;	3242 }

2842 }

2843	3243

2844 :host([narrow]:not([showing-search])) paper-input-container {	3244 :host([narrow]:not([showing-search])) paper-input-container {

2845 display: none;	3245 display: none;

2846 }	3246 }

2847	3247

2848 /* Search open. */	3248 :host([showing-search][spinner-active]) #icon {

2849 :host([showing-search][spinner-active]) #icon {	3249 opacity: 0;

2850 opacity: 0;	3250 }

2851 }

2852	3251

2853 :host([narrow][showing-search]) {	3252 :host([narrow][showing-search]) {

2854 width: 100%;	3253 width: 100%;

2855 }	3254 }

2856	3255

2857 :host([narrow][showing-search]) #icon,	3256 :host([narrow][showing-search]) #icon, :host([narrow][showing-search]) paper-spi nner-lite {

2858 :host([narrow][showing-search]) paper-spinner-lite {	3257 -webkit-margin-start: 18px;

2859 -webkit-margin-start: 18px;	3258 }

2860 }	3259

2861 </style>	3260 </style>

2862 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">	3261 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">

2863 </paper-spinner-lite>	3262 </paper-spinner-lite>

2864 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">	3263 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">

2865 </paper-icon-button>	3264 </paper-icon-button>

2866 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">	3265 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">

2867 <label id="prompt" for="searchInput">[[label]]</label>	3266 <label id="prompt" for="searchInput">[[label]]</label>

2868 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="" autofocus="">	3267 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="" autofocus="">

2869 </paper-input-container>	3268 </paper-input-container>

2870 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" on-tap="hideSearch_">	3269 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" on-tap="hideSearch_">

2871 </paper-icon-button>	3270 </paper-icon-button>

2872 </template>	3271 </template>

2873 </dom-module>	3272 </dom-module>

2874 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /">	3273 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">

2875 <template>	3274 <template>

2876 <style>	3275 <style scope="cr-toolbar">:host {

2877 :host {	3276 --cr-toolbar-field-width: 580px;

2878 --cr-toolbar-field-width: 580px;

2879 color: #fff;	3277 color: #fff;

2880 display: flex;	3278 display: flex;

2881 height: 56px;	3279 height: 56px;

2882 }	3280 }

2883	3281

2884 h1 {	3282 h1 {

2885 -webkit-margin-start: 6px;	3283 -webkit-margin-start: 6px;

2886 flex: 1;	3284 flex: 1;

2887 font-size: 123%;	3285 font-size: 123%;

2888 font-weight: 400;	3286 font-weight: 400;

2889 text-overflow: ellipsis;	3287 text-overflow: ellipsis;

2890 overflow: hidden;	3288 overflow: hidden;

2891 white-space: nowrap;	3289 white-space: nowrap;

2892 }	3290 }

2893	3291

2894 #leftContent {	3292 #leftContent {

2895 -webkit-margin-start: 18px;	3293 -webkit-margin-start: 18px;

2896 align-items: center;	3294 align-items: center;

2897 display: flex;	3295 display: flex;

2898 position: absolute;	3296 position: absolute;

2899 transition: opacity 100ms;	3297 transition: opacity 100ms;

2900 }	3298 }

2901	3299

2902 #menuButton {	3300 #menuButton {

2903 height: 32px;	3301 height: 32px;

2904 margin-bottom: 6px;	3302 margin-bottom: 6px;

2905 margin-top: 6px;	3303 margin-top: 6px;

2906 min-width: 32px;	3304 min-width: 32px;

2907 padding: 6px;	3305 padding: 6px;

2908 width: 32px;	3306 width: 32px;

2909 }	3307 }

2910	3308

2911 #centeredContent {	3309 #centeredContent {

2912 -webkit-margin-start: var(--cr-toolbar-field-margin, 0);	3310 -webkit-margin-start: var(--cr-toolbar-field-margin, 0);

2913 display: flex;	3311 display: flex;

2914 flex: 1 1 0;	3312 flex: 1 1 0;

2915 justify-content: center;	3313 justify-content: center;

2916 }	3314 }

2917	3315

2918 :host([narrow_]) #centeredContent {	3316 :host([narrow_]) #centeredContent {

2919 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);	3317 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px);

2920 }	3318 }

2921	3319

2922 :host(:not([narrow_])) h1 {	3320 :host(:not([narrow_])) h1 {

2923 @apply(--cr-toolbar-header-wide);	3321 -webkit-margin-start: var(--cr-toolbar-header-wide_-_-webkit-margin-start); -w ebkit-margin-end: var(--cr-toolbar-header-wide_-_-webkit-margin-end);

2924 }	3322 }

2925	3323

2926 :host(:not([narrow_])) #leftContent {	3324 :host(:not([narrow_])) #leftContent {

2927 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);	3325 max-width: calc((100% - var(--cr-toolbar-field-width) - 18px) / 2);

2928 @apply(--cr-toolbar-left-content-wide);	3326 -webkit-margin-start: var(--cr-toolbar-left-content-wide_-_-webkit-margi n-start); flex: var(--cr-toolbar-left-content-wide_-_flex); max-width: var(--cr- toolbar-left-content-wide_-_max-width, calc((100% - var(--cr-toolbar-field-width ) - 18px) / 2)); position: var(--cr-toolbar-left-content-wide_-_position);

2929 }	3327 }

2930	3328

2931 :host(:not([narrow_])) #rightContent {	3329 :host(:not([narrow_])) #rightContent {

2932 @apply(--cr-toolbar-right-content-wide);	3330 flex: var(--cr-toolbar-right-content-wide_-_flex); position: var(--cr-toolbar- right-content-wide_-_position);

2933 }	3331 }

2934	3332

2935 :host([narrow_]) #centeredContent {	3333 :host([narrow_]) #centeredContent {

2936 justify-content: flex-end;	3334 justify-content: flex-end;

2937 }	3335 }

2938	3336

2939 :host([narrow_][showing-search_]) #leftContent {	3337 :host([narrow_][showing-search_]) #leftContent {

2940 opacity: 0;	3338 opacity: 0;

2941 }	3339 }

2942 </style>	3340

	3341 </style>

2943 <div id="leftContent">	3342 <div id="leftContent">

2944 <template is="dom-if" if="[[showMenu]]">	3343 <template is="dom-if" if="[[showMenu]]">

2945 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]">	3344 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]">

2946 </paper-icon-button>	3345 </paper-icon-button>

2947 </template>	3346 </template>

2948 <h1>[[pageName]]</h1>	3347 <h1>[[pageName]]</h1>

2949 </div>	3348 </div>

2950	3349

2951 <div id="centeredContent">	3350 <div id="centeredContent">

2952 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">	3351 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">

2953 </cr-toolbar-search-field>	3352 </cr-toolbar-search-field>

2954 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">	3353 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">

2955 </iron-media-query>	3354 </iron-media-query>

2956 </div>	3355 </div>

2957	3356

2958 <div id="rightContent">	3357 <div id="rightContent">

2959 <content select=".more-actions"></content>	3358 <content select=".more-actions"></content>

2960 </div>	3359 </div>

2961 </template>	3360 </template>

2962 </dom-module>	3361 </dom-module>

2963 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">	3362 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/" css-build="sh adow">

2964 <template><style>	3363 <template><style scope="downloads-toolbar">:host {

2965 /* Copyright 2015 The Chromium Authors. All rights reserved.

2966 * Use of this source code is governed by a BSD-style license that can be

2967 * found in the LICENSE file. */

2968

2969 :host {

2970 align-items: center;	3364 align-items: center;

2971 background: var(--md-toolbar-color);	3365 background: var(--md-toolbar-color);

2972 color: white;	3366 color: white;

2973 display: flex;	3367 display: flex;

2974 min-height: 56px;	3368 min-height: 56px;

2975 }	3369 }

2976	3370

2977 #toolbar {	3371 #toolbar {

2978 --cr-toolbar-field-end-padding: 0;	3372 --cr-toolbar-field-end-padding: 0;

2979 --cr-toolbar-field-width: var(--downloads-item-width);	3373 --cr-toolbar-field-width: var(--downloads-item-width);

2980 --cr-toolbar-header-wide: {	3374 --cr-toolbar-header-wide_-_-webkit-margin-start: 24px; --cr-toolbar-header-wi de_-_-webkit-margin-end: 16px;;

2981 -webkit-margin-start: 24px;	3375 --cr-toolbar-left-content-wide_-_-webkit-margin-start: 0; --cr-toolbar-left-c ontent-wide_-_flex: 1 0 1px; --cr-toolbar-left-content-wide_-_max-width: none; --cr-toolbar-left-content-wide_-_position: static;;

2982 -webkit-margin-end: 16px; /* Only matters around 900px in Russian. */	3376 --cr-toolbar-right-content-wide_-_flex: 1 0 1px; --cr-toolbar-right-content-w ide_-_position: static;;

2983 };

2984 --cr-toolbar-left-content-wide: {

2985 -webkit-margin-start: 0;

2986 flex: 1 0 1px;

2987 max-width: none;

2988 position: static;

2989 };

2990 --cr-toolbar-right-content-wide: {

2991 flex: 1 0 1px;

2992 position: static;

2993 };

2994 align-items: center;	3377 align-items: center;

2995 flex: 1;	3378 flex: 1;

2996 }	3379 }

2997	3380

2998 paper-icon-button {	3381 paper-icon-button {

2999 --iron-icon-height: 20px;	3382 --iron-icon-height: 20px;

3000 --iron-icon-width: 20px;	3383 --iron-icon-width: 20px;

3001 --paper-icon-button: {	3384 --paper-icon-button_-_height: 32px; --paper-icon-button_-_padding: 6px; --pa per-icon-button_-_width: 32px;;

3002 height: 32px;

3003 padding: 6px;

3004 width: 32px;

3005 };

3006 }	3385 }

3007	3386

3008 .more-actions {	3387 .more-actions {

3009 -webkit-margin-end: 16px;	3388 -webkit-margin-end: 16px;

3010 -webkit-margin-start: 8px;	3389 -webkit-margin-start: 8px;

3011 text-align: end;	3390 text-align: end;

3012 }	3391 }

3013	3392

3014 #more {	3393 #more {

3015 --paper-menu-button: {	3394 --paper-menu-button_-_padding: 0;;

3016 padding: 0;

3017 };

3018 }	3395 }

3019	3396

3020 paper-menu {	3397 paper-menu {

3021 --paper-menu-selected-item: {	3398 --paper-menu-selected-item_-_font-weight: normal;;

3022 font-weight: normal;

3023 };

3024 }	3399 }

3025	3400

3026 paper-item {	3401 paper-item {

3027 -webkit-user-select: none;	3402 -webkit-user-select: none;

3028 cursor: pointer;	3403 cursor: pointer;

3029 font: inherit;	3404 font: inherit;

3030 min-height: 40px;	3405 min-height: 40px;

3031 /* TODO(michaelpg): fix this for everybody ever.	3406

3032 * https://github.com/PolymerElements/paper-menu-button/issues/56 */

3033 white-space: nowrap;	3407 white-space: nowrap;

3034 }	3408 }

3035	3409

3036 </style><style>

3037 /* Copyright 2015 The Chromium Authors. All rights reserved.

3038 * Use of this source code is governed by a BSD-style license that can be

3039 * found in the LICENSE file. */

3040

3041 * {	3410 * {

3042 --downloads-item-width: 622px;	3411 --downloads-item-width: 622px;

3043 }	3412 }

3044	3413

3045 [hidden] {	3414 [hidden] {

3046 display: none !important;	3415 display: none !important;

3047 }	3416 }

3048	3417

3049 paper-button {	3418 paper-button {

3050 font-weight: 500;	3419 font-weight: 500;

(...skipping 30 matching lines...) Expand all Loading...
3081 /* This is a custom, Chrome-specific color that does not have a --paper or	3450 /* This is a custom, Chrome-specific color that does not have a --paper or

3082 * --google equivalent. */	3451 * --google equivalent. */

3083 --md-background-color: rgb(241, 241, 241);	3452 --md-background-color: rgb(241, 241, 241);

3084 /* This is --google-blue-700, rewritten as a native custom property for speed.	3453 /* This is --google-blue-700, rewritten as a native custom property for speed.

3085 */	3454 */

3086 --md-toolbar-color: rgb(51, 103, 214);	3455 --md-toolbar-color: rgb(51, 103, 214);

3087 }	3456 }

3088	3457

3089 </style>	3458 </style>

3090	3459

3091 <dom-module id="downloads-manager" assetpath="chrome://downloads/">	3460 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh adow">

3092 <template><style>	3461 <template>

3093 /* Copyright 2015 The Chromium Authors. All rights reserved.	3462 <style no-process="" scope="downloads-manager">:host {

3094 * Use of this source code is governed by a BSD-style license that can be

3095 * found in the LICENSE file. */

3096

3097 :host {

3098 display: flex;	3463 display: flex;

3099 flex: 1 0;	3464 flex: 1 0;

3100 flex-direction: column;	3465 flex-direction: column;

3101 height: 100%;	3466 height: 100%;

3102 }	3467 }

3103	3468

3104 @media screen and (max-width: 1024px) {	3469 @media screen and (max-width: 1024px) {

3105 :host {	3470 :host {

3106 flex-basis: 670px; /* 622 card width + 24 left margin + 24 right margin. */	3471 flex-basis: 670px;

3107 }	3472 }

	3473

3108 }	3474 }

3109	3475

3110 #downloads-list {	3476 #downloads-list {

3111 /* TODO(dbeam): we're not setting scrollTarget explicitly, yet

3112 * style="overflow: auto" is still being set by <iron-list>'s JS. Weird. */

3113 overflow-y: overlay !important;	3477 overflow-y: overlay !important;

3114 }	3478 }

3115	3479

3116 #no-downloads,	3480 #no-downloads, #downloads-list {

3117 #downloads-list {

3118 flex: 1;	3481 flex: 1;

3119 }	3482 }

3120	3483

3121 :host([loading]) #no-downloads,	3484 :host([loading]) #no-downloads, :host([loading]) #downloads-list {

3122 :host([loading]) #downloads-list {

3123 display: none;	3485 display: none;

3124 }	3486 }

3125	3487

3126 #no-downloads {	3488 #no-downloads {

3127 align-items: center;	3489 align-items: center;

3128 color: #b4b4b4;	3490 color: #b4b4b4;

3129 display: flex;	3491 display: flex;

3130 font-size: 123.1%;	3492 font-size: 123.1%;

3131 font-weight: 500;	3493 font-weight: 500;

3132 justify-content: center;	3494 justify-content: center;

3133 /* To avoid overlapping with the header, we need this min-height	3495

3134 * until bug 596743 is fixed. */

3135 min-height: min-content;	3496 min-height: min-content;

3136 }	3497 }

3137	3498

3138 #no-downloads .illustration {	3499 #no-downloads .illustration {

3139 background: -webkit-image-set(	3500 background: -webkit-image-set(

3140 url("chrome://downloads/1x/no_downloads.png") 1x,	3501 url("chrome://downloads/1x/no_downloads.png") 1x,

3141 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center;	3502 url("chrome://downloads/2x/no_downloads.png") 2x) no-repeat center center;

3142 height: 144px; /* Matches natural image height. */	3503 height: 144px;

3143 margin-bottom: 32px;	3504 margin-bottom: 32px;

3144 }	3505 }

3145	3506

3146 </style><style>

3147 /* Copyright 2015 The Chromium Authors. All rights reserved.

3148 * Use of this source code is governed by a BSD-style license that can be

3149 * found in the LICENSE file. */

3150

3151 * {	3507 * {

3152 --downloads-item-width: 622px;	3508 --downloads-item-width: 622px;

3153 }	3509 }

3154	3510

3155 [hidden] {	3511 [hidden] {

3156 display: none !important;	3512 display: none !important;

3157 }	3513 }

3158	3514

3159 paper-button {	3515 paper-button {

3160 font-weight: 500;	3516 font-weight: 500;

3161 margin: 0;	3517 margin: 0;

3162 min-width: auto;	3518 min-width: auto;

3163 }	3519 }

3164	3520

	3521 #toolbar {

	3522 background: var(--md-toolbar-color);

	3523 }

	3524

3165 </style>	3525 </style>

3166 <style no-process="">

3167 #toolbar {

3168 background: var(--md-toolbar-color);

3169 }

3170 </style>

3171 <downloads-toolbar id="toolbar" spinner-active="{{spinnerActive_}}">	3526 <downloads-toolbar id="toolbar" spinner-active="{{spinnerActive_}}">

3172 </downloads-toolbar>	3527 </downloads-toolbar>

3173 <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]] ">	3528 <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]] ">

3174 <template>	3529 <template>

3175 <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">	3530 <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">

3176 </downloads-item>	3531 </downloads-item>

3177 </template>	3532 </template>

3178 </iron-list>	3533 </iron-list>

3179 <div id="no-downloads" hidden="[[hasDownloads_]]">	3534 <div id="no-downloads" hidden="[[hasDownloads_]]">

3180 <div>	3535 <div>

(...skipping 12 matching lines...) Expand all Loading...
3193 <command id="undo-command" shortcut="Meta\|z"></command>	3548 <command id="undo-command" shortcut="Meta\|z"></command>

3194 <command id="find-command" shortcut="Meta\|f"></command>	3549 <command id="find-command" shortcut="Meta\|f"></command>

3195 </if>	3550 </if>

3196 <if expr="not is_macosx">	3551 <if expr="not is_macosx">

3197 <command id="clear-all-command" shortcut="Alt\|c"></command>	3552 <command id="clear-all-command" shortcut="Alt\|c"></command>

3198 <command id="undo-command" shortcut="Ctrl\|z"></command>	3553 <command id="undo-command" shortcut="Ctrl\|z"></command>

3199 <command id="find-command" shortcut="Ctrl\|f"></command>	3554 <command id="find-command" shortcut="Ctrl\|f"></command>

3200 </if>	3555 </if>

3201 <link rel="import" href="chrome://resources/html/polymer.html">	3556 <link rel="import" href="chrome://resources/html/polymer.html">

3202 <script src="crisper.js"></script></body></html>	3557 <script src="crisper.js"></script></body></html>

OLD	NEW

« no previous file with comments | « no previous file | chrome/browser/resources/md_history/app.vulcanized.html » ('j') | no next file with comments »