ntp4: spiffiness

1. improve custom context menus (for all webui pages)
2. make dragged + clicked apps a little larger. They grow when you click 'em.

BUG=92180,92103
TEST=manual

Review URL: http://codereview.chromium.org/7611001

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@96209 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/ntp4/apps_page.css

@@ -6,6 +6,15 @@
 .app {
   position: absolute;
   text-align: center;
+  -webkit-transition: -webkit-transform 0.1s;
+}
+
+.app:active,
+.dragging .app,
+.drag-representation .app {
+  /* Don't animate the initial scaling.  */
+  -webkit-transition-duration: 0;
+  -webkit-transform: scale(1.1);
 }
 
 .app-contents > span {
@@ -17,7 +26,6 @@
   white-space: nowrap;
 }
 
-/* TODO(estade): hover effect? press effect? */
 .app-contents > img {
   cursor: pointer;
   display: block;

chrome/browser/resources/shared/css/menu.css

 menu {
   -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .50);
-  background: -webkit-linear-gradient(#fff, #eee);
-  border-radius: 3px;
-  border: 1px solid rgba(0, 0, 0, .50);
+  background: white;
   color: black;
   cursor: default;
   display: none;
   left: 0;
   margin: 0;
+  outline: 1px solid rgba(0, 0, 0, 0.2);
   padding: 8px 0;
   position: fixed;
   white-space: nowrap;