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

Side by Side Diff: chrome/browser/resources/new_new_tab.css

Issue 2832014: NTP: Add ability to uninstall apps from the ntp.... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 10 years, 6 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 | Annotate | Revision Log
« no previous file with comments | « chrome/browser/dom_ui/ntp_resource_cache.cc ('k') | chrome/browser/resources/new_new_tab.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 html { 1 html {
2 /* This is needed because of chrome://theme/css/new_tab.css */ 2 /* This is needed because of chrome://theme/css/new_tab.css */
3 height: 100%; 3 height: 100%;
4 } 4 }
5 5
6 body { 6 body {
7 margin: 0; 7 margin: 0;
8 height: 100%; 8 height: 100%;
9 overflow: auto; 9 overflow: auto;
10 -webkit-user-select: none; 10 -webkit-user-select: none;
(...skipping 458 matching lines...) Expand 10 before | Expand all | Expand 10 after
469 } 469 }
470 } 470 }
471 471
472 /* Ensure we have at least 10px horizontal marging. */ 472 /* Ensure we have at least 10px horizontal marging. */
473 @media (max-width: 712px) { 473 @media (max-width: 712px) {
474 #main { 474 #main {
475 margin-left: 10px; 475 margin-left: 10px;
476 margin-right: 10px; 476 margin-right: 10px;
477 } 477 }
478 } 478 }
479
480 /* Apps */
481
482 @-webkit-keyframes bounce {
483 0% {
484 -webkit-transform: scale(0, 0);
485 }
486
487 60% {
488 -webkit-transform: scale(1.2, 1.2);
489 }
490
491 100% {
492 -webkit-transform: scale(1, 1);
493 }
494 }
495
496 #apps-section a,
497 #apps-section a[new=installed] {
498 -webkit-box-sizing: border-box;
499 -webkit-transition: background-color .15s;
500 background: rgba(255, 255, 255, 0) /* transparent white */
501 no-repeat center 10px;
502 background-size: 96px 96px;
503 border-radius: 10px;
504 color: black;
505 display: inline-block;
506 font-weight: bold;
507 margin: 5px 3px;
508 overflow: hidden;
509 padding: 111px 10px 10px; /* 10 + 96 + 5 */
510 text-align: center;
511 text-decoration: none;
512 text-overflow: ellipsis;
513 white-space: nowrap;
514 width: 124px; /* 920 / 7 - margin * 2 */
515 }
516
517 #apps-section a[new=new] {
518 opacity: 0;
519 }
520
521 #apps-section a[new=installed] {
522 -webkit-animation: bounce .5s ease-in-out;
523 -webkit-transition: opacity .5s;
524 }
525
526 #apps-section #gallery-entry {
527 background-image: url('app_gallery_icon.png');
528 }
OLDNEW
« no previous file with comments | « chrome/browser/dom_ui/ntp_resource_cache.cc ('k') | chrome/browser/resources/new_new_tab.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698