Wire up notifications to the New Tab page.

chrome/browser/resources/ntp/apps.css

 /* Apps */
 
 #apps-content {
   position: relative;
   max-width: 780px;  /* (124 + margin * 2) * 6 */
 }
 
 html.apps-promo-visible #apps-content {
   max-width: 650px; /* (124 + margin * 2) * 5 */
 }
@@ skipping 12 matching lines @@
 }
 
 .app,
 .app[new=installed] {
   box-sizing: border-box;
   -webkit-perspective: 400;
   border-radius: 10px;
   color: black;
   margin: 5px 3px;
   position: absolute;
-  height: 136px;
+  height: 150px;
   width: 124px; /* 920 / 7 - margin * 2 */
   visibility: hidden;
 }
 
 .app a {
   border-radius: 10px;
   bottom: 0;
   left: 0;
   position: absolute;
   right: 0;
@@ skipping 47 matching lines @@
 }
 
 .app.dragging > .app-settings {
   background-image: none;
 }
 
 .app.dragging {
   opacity: .7;
 }
 
+.app_notification {
+  color: gray;
+  display: block;
+  -webkit-transition: color .15s linear;
+}
+.app_notification:hover {
+  color: Blue;
+}
+
+.app-notification-close {
+  height: 14px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+  width: 14px;
+}
+
 #apps-content[launcher-animations=true] .app {
   -webkit-transition: top .2s, left .2s, right .2s, opacity .2s;
 }
 
 #apps-content.visible .app {
   visibility: visible;
 }
 
 @-webkit-keyframes bounce {
   0% {
@@ skipping 81 matching lines @@
   border-width: 6px 10px 12px 6px;
   -webkit-border-image: url('g-button-chocobo.png') 6 10 12 6;
   font-size: 1.3em;
   color: #fff !important;
   text-decoration: none;
   font-weight: bold;
   text-align: center;
   padding: 2px 10px;
   white-space: nowrap;
 }
+
+.notification-bubble {
+  background-color: White;
+  border: 1px solid #B5B5B5;
+  font-family: Helvetica, Arial, sans-serif;
+  font-size : 107%;
+  min-height: 100px;
+  min-width: 200px;  
+  opacity: 0;
+  padding: 10px;
+  position: absolute;
+  width: 200px;
+  -webkit-border-radius: 5px;
+  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
+  -webkit-transition: opacity 0.2s linear;
+}
+.notification-bubble:focus {
+  outline: none;
+}
+
+/* A content-less div with this setting, will create an arrow when coupled
+   with the arrow_* styles below it. */
+div.arrow {
+  opacity: 0;
+  border-style: solid;
+  border-width: 12px;
+  height: 0px;
+  width: 0px;
+  position: absolute;
+}
+div.arrow-contents {
+  border-color: transparent white transparent transparent;
+  z-index: 2;
+  -webkit-transition: opacity 0.2s linear;
+}
+div.arrow-shadow {
+  border-color: transparent gray transparent transparent;
+  -webkit-transition: opacity 0.2s linear;
+}
+div.arrow-border {
+  border-color: transparent #B5B5B5 transparent transparent;
+  z-index: 1;
+  -webkit-transition: opacity 0.2s linear;
+}