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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: polymer_1.2.3/bower_components/paper-ripple/demo/index.html

Issue 1581713003: [third_party] add polymer 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: 1.2.3 Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « polymer_1.2.3/bower_components/paper-ripple/bower.json ('k') | polymer_1.2.3/bower_components/paper-ripple/hero.svg » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 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 <!doctype html> 10 <!doctype html>
11 <html> 11 <html>
12 <head> 12 <head>
13 <title>paper-ripple demo</title> 13 <title>paper-ripple demo</title>
14 14
15 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum- scale=1.0"> 15 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum- scale=1.0">
16 <meta name="mobile-web-app-capable" content="yes"> 16 <meta name="mobile-web-app-capable" content="yes">
17 <meta name="apple-mobile-web-app-capable" content="yes"> 17 <meta name="apple-mobile-web-app-capable" content="yes">
18 18
19 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> 19 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
20 20
21 <link rel="import" href="../../iron-icons/iron-icons.html"> 21 <link rel="import" href="../../iron-icons/iron-icons.html">
22 <link rel="import" href="../paper-ripple.html"> 22 <link rel="import" href="../paper-ripple.html">
23 <link rel="import" href="../../paper-styles/classes/typography.html"> 23 <link rel="import" href="../../paper-styles/typography.html">
24 <link rel="import" href="../../iron-icon/iron-icon.html"> 24 <link rel="import" href="../../iron-icon/iron-icon.html">
25 25
26 <style> 26 <style>
27 27
28 body { 28 body {
29 background-color: #f9f9f9; 29 background-color: #f9f9f9;
30 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; 30 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
31 -webkit-tap-highlight-color: rgba(0,0,0,0); 31 -webkit-tap-highlight-color: rgba(0,0,0,0);
32 -webkit-touch-callout: none; 32 -webkit-touch-callout: none;
33 } 33 }
(...skipping 205 matching lines...) Expand 10 before | Expand all | Expand 10 after
239 } 239 }
240 240
241 </style> 241 </style>
242 242
243 </head> 243 </head>
244 <body> 244 <body>
245 245
246 <section> 246 <section>
247 247
248 <div class="button raised"> 248 <div class="button raised">
249 <div class="center" fit>SUBMIT</div> 249 <div class="center" fit tabindex="1">SUBMIT</div>
250 <paper-ripple></paper-ripple> 250 <paper-ripple></paper-ripple>
251 </div> 251 </div>
252 252
253 <div class="button raised" noink>
254 <div class="center" fit tabindex="1">NO INK</div>
255 <paper-ripple noink></paper-ripple>
256 </div>
257
253 <div class="button raised grey"> 258 <div class="button raised grey">
254 <div class="center" fit>CANCEL</div> 259 <div class="center" fit tabindex="1">CANCEL</div>
255 <paper-ripple></paper-ripple> 260 <paper-ripple></paper-ripple>
256 </div> 261 </div>
257 262
258 <div class="button raised blue"> 263 <div class="button raised blue">
259 <div class="center" fit>COMPOSE</div> 264 <div class="center" fit tabindex="1">COMPOSE</div>
260 <paper-ripple></paper-ripple> 265 <paper-ripple></paper-ripple>
261 </div> 266 </div>
262 267
263 <div class="button raised green"> 268 <div class="button raised green">
264 <div class="center" fit>OK</div> 269 <div class="center" fit tabindex="1">OK</div>
265 <paper-ripple></paper-ripple> 270 <paper-ripple></paper-ripple>
266 </div> 271 </div>
267 272
268 </section> 273 </section>
269 274
270 <section> 275 <section>
271 276
272 <div class="button raised grey narrow"> 277 <div class="button raised grey narrow">
273 <div class="center" fit>+1</div> 278 <div class="center" fit tabindex="1">+1</div>
274 <paper-ripple></paper-ripple> 279 <paper-ripple></paper-ripple>
275 </div> 280 </div>
276 281
277 <div class="button raised grey narrow label-blue"> 282 <div class="button raised grey narrow label-blue">
278 <div class="center" fit>+1</div> 283 <div class="center" fit tabindex="1">+1</div>
279 <paper-ripple></paper-ripple> 284 <paper-ripple></paper-ripple>
280 </div> 285 </div>
281 286
282 <div class="button raised grey narrow label-red"> 287 <div class="button raised grey narrow label-red">
283 <div class="center" fit>+1</div> 288 <div class="center" fit tabindex="1">+1</div>
284 <paper-ripple></paper-ripple> 289 <paper-ripple></paper-ripple>
285 </div> 290 </div>
286 291
287 </section> 292 </section>
288 293
289 <section> 294 <section>
290 295
291 <div class="icon-button"> 296 <div class="icon-button">
292 <iron-icon icon="menu"></iron-icon> 297 <iron-icon icon="menu" tabindex="1"></iron-icon>
293 <paper-ripple class="circle" recenters></paper-ripple> 298 <paper-ripple class="circle" recenters></paper-ripple>
294 </div> 299 </div>
295 300
296 <div class="icon-button"> 301 <div class="icon-button">
297 <iron-icon icon="more-vert"></iron-icon> 302 <iron-icon icon="more-vert" tabindex="1"></iron-icon>
298 <paper-ripple class="circle" recenters></paper-ripple> 303 <paper-ripple class="circle" recenters></paper-ripple>
299 </div> 304 </div>
300 305
301 <div class="icon-button red"> 306 <div class="icon-button red">
302 <iron-icon icon="delete"></iron-icon> 307 <iron-icon icon="delete" tabindex="1"></iron-icon>
303 <paper-ripple class="circle" recenters></paper-ripple> 308 <paper-ripple class="circle" recenters></paper-ripple>
304 </div> 309 </div>
305 310
306 <div class="icon-button blue"> 311 <div class="icon-button blue">
307 <iron-icon icon="account-box"></iron-icon> 312 <iron-icon icon="account-box" tabindex="1"></iron-icon>
308 <paper-ripple class="circle" recenters></paper-ripple> 313 <paper-ripple class="circle" recenters></paper-ripple>
309 </div> 314 </div>
310 315
311 </section> 316 </section>
312 317
313 <section> 318 <section>
314 319
315 <div class="fab red"> 320 <div class="fab red">
316 <iron-icon icon="add"></iron-icon> 321 <iron-icon icon="add" tabindex="1"></iron-icon>
317 <paper-ripple class="circle" recenters></paper-ripple> 322 <paper-ripple class="circle" recenters></paper-ripple>
318 </div> 323 </div>
319 324
320 <div class="fab blue"> 325 <div class="fab blue">
321 <iron-icon icon="mail"></iron-icon> 326 <iron-icon icon="mail" tabindex="1"></iron-icon>
322 <paper-ripple class="circle" recenters></paper-ripple> 327 <paper-ripple class="circle" recenters></paper-ripple>
323 </div> 328 </div>
324 329
325 <div class="fab green"> 330 <div class="fab green">
326 <iron-icon icon="create"></iron-icon> 331 <iron-icon icon="create" tabindex="1"></iron-icon>
327 <paper-ripple class="circle" recenters></paper-ripple> 332 <paper-ripple class="circle" recenters></paper-ripple>
328 </div> 333 </div>
329 334
330 </section> 335 </section>
331 336
332 <section> 337 <section>
333 338
334 <div class="menu"> 339 <div class="menu">
335 340
336 <div class="item"> 341 <div class="item">
337 <div class="label" fit>Mark as unread</div> 342 <div class="label" fit tabindex="1">Mark as unread</div>
338 <paper-ripple></paper-ripple> 343 <paper-ripple></paper-ripple>
339 </div> 344 </div>
340 <div class="item"> 345 <div class="item">
341 <div class="label" fit>Mark as important</div> 346 <div class="label" fit tabindex="1">Mark as important</div>
342 <paper-ripple></paper-ripple> 347 <paper-ripple></paper-ripple>
343 </div> 348 </div>
344 <div class="item"> 349 <div class="item">
345 <div class="label" fit>Add to Tasks</div> 350 <div class="label" fit tabindex="1">Add to Tasks</div>
346 <paper-ripple></paper-ripple> 351 <paper-ripple></paper-ripple>
347 </div> 352 </div>
348 <div class="item"> 353 <div class="item">
349 <div class="label" fit>Create event</div> 354 <div class="label" fit tabindex="1">Create event</div>
350 <paper-ripple></paper-ripple> 355 <paper-ripple></paper-ripple>
351 </div> 356 </div>
352 357
353 </div> 358 </div>
354 359
355 <div class="menu blue"> 360 <div class="menu blue">
356 361
357 <div class="item"> 362 <div class="item">
358 <div class="label" fit>Import</div> 363 <div class="label" fit tabindex="1">Import</div>
359 <paper-ripple></paper-ripple> 364 <paper-ripple></paper-ripple>
360 </div> 365 </div>
361 <div class="item"> 366 <div class="item">
362 <div class="label" fit>Export</div> 367 <div class="label" fit tabindex="1">Export</div>
363 <paper-ripple></paper-ripple> 368 <paper-ripple></paper-ripple>
364 </div> 369 </div>
365 <div class="item"> 370 <div class="item">
366 <div class="label" fit>Print</div> 371 <div class="label" fit tabindex="1">Print</div>
367 <paper-ripple></paper-ripple> 372 <paper-ripple></paper-ripple>
368 </div> 373 </div>
369 <div class="item"> 374 <div class="item">
370 <div class="label" fit>Restore contacts</div> 375 <div class="label" fit tabindex="1">Restore contacts</div>
371 <paper-ripple></paper-ripple> 376 <paper-ripple></paper-ripple>
372 </div> 377 </div>
373 378
374 </div> 379 </div>
375 380
376 </section> 381 </section>
377 382
378 <section> 383 <section>
379 384
380 <div class="dialog"> 385 <div class="dialog">
381 386
382 <div class="content"> 387 <div class="content">
383 <div class="title">Permission</div><br> 388 <div class="title">Permission</div><br>
384 <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei usmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia m.</div> 389 <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do ei usmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim venia m.</div>
385 </div> 390 </div>
386 391
387 <div class="button label-blue"> 392 <div class="button label-blue">
388 <div class="center" fit>ACCEPT</div> 393 <div class="center" fit tabindex="1">ACCEPT</div>
389 <paper-ripple></paper-ripple> 394 <paper-ripple></paper-ripple>
390 </div> 395 </div>
391 396
392 <div class="button"> 397 <div class="button">
393 <div class="center" fit>DECLINE</div> 398 <div class="center" fit tabindex="1">DECLINE</div>
394 <paper-ripple></paper-ripple> 399 <paper-ripple></paper-ripple>
395 </div> 400 </div>
396 401
397 </div> 402 </div>
398 403
399 <div class="card"> 404 <div class="card" tabindex="1">
400 <paper-ripple recenters></paper-ripple> 405 <paper-ripple recenters></paper-ripple>
401 </div> 406 </div>
402 407
403 <div class="card image"> 408 <div class="card image" tabindex="1">
404
405 <paper-ripple recenters></paper-ripple> 409 <paper-ripple recenters></paper-ripple>
406
407 </div> 410 </div>
408 411
409 </section> 412 </section>
410 413
411 </body> 414 </body>
412 </html> 415 </html>
413
OLDNEW
« no previous file with comments | « polymer_1.2.3/bower_components/paper-ripple/bower.json ('k') | polymer_1.2.3/bower_components/paper-ripple/hero.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698